.flip-hero{text-align:center;padding:48px 24px 35px;background:linear-gradient(176deg,#fff 15%,#f1f8f5 15.2%,#f4f8f6 91%,#fff 91.2%)}.flip-hero h1{font-size:clamp(32px,5vw,44px);letter-spacing:-1.5px;margin:14px 0 10px}.flip-hero>.subtitle{max-width:650px;margin:0 auto 30px}.flip-drop{max-width:720px;margin:0 auto;padding:28px 20px 24px;border:2px dashed #a8c9b9;border-radius:24px;background:#ffffffc9;transition:background .15s,border-color .15s}.flip-drop.drag-active{background:#dff7e9;border-color:#13835c}.flip-drop>.primary-button{margin:10px auto 12px;min-height:50px}.flip-drop>p{margin:0 0 9px;color:#566c62}.flip-drop>small{font-size:12px;color:#53695f}.flip-privacy{display:flex;gap:7px;justify-content:center;align-items:center;font-size:12px;color:#4f675d;margin:22px 0}.flip-art{display:flex;justify-content:center;align-items:center;gap:15px;height:103px;margin:0 auto 12px}.flip-art>div{width:57px;height:77px;border:1px solid #e1e8e5;border-radius:8px;background:#fff;box-shadow:0 5px 15px #183d2d13;display:grid;gap:4px;padding:9px;text-align:left;color:#8755ee;transform:rotate(-7deg)}.flip-art>div>svg{width:18px;height:18px}.flip-art b{font-size:17px;line-height:18px}.flip-art i{display:block;height:3px;background:#b9a5f5;border-radius:2px}.flip-art>span{height:83px;border-left:2px dashed #a4bdae}.flip-art>div:last-child{transform:scaleX(-1) rotate(-7deg);color:#108961}.flip-art>div:last-child i{background:#81d5b2}.flip-art.vertical>div:last-child{transform:scaleY(-1) rotate(-7deg)}.flip-workspace{scroll-margin-top:90px;max-width:1240px;padding:30px 24px 50px;margin:auto}.flip-workspace[hidden]{display:none}.flip-workspace-top{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:22px}.flip-workspace-top h2{font-size:clamp(22px,3vw,29px);margin:8px 0}.flip-desk{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}.flip-preview-area{border-radius:20px;background:#f1f3f5;padding:20px;min-width:0}.flip-file-list{display:flex;gap:9px;overflow-x:auto;padding:2px 2px 15px}.flip-file-list>div{display:flex;background:#fff;border:1px solid #dce3df;border-radius:12px;max-width:240px;flex-shrink:0}.flip-file-list>div.active{border-color:#16865e;background:#edfaf3}.flip-file-list button{border:0;background:transparent;padding:10px;display:flex;align-items:center;gap:7px;text-align:left;min-width:0;color:#2e4e40}.flip-file-list button:first-child{flex:1}.flip-file-list span{max-width:165px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:12px;font-weight:600}.flip-file-list small{display:block;font-size:10px;font-weight:400;margin-top:3px}.flip-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.flip-preview-grid figure{margin:0;min-width:0}.flip-preview-grid figcaption{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;margin:5px 0 14px;color:#456558}.flip-preview-grid figure:last-child figcaption{color:#087747}.flip-paper{background:#fff;box-shadow:0 3px 10px #203d2915;overflow:hidden;display:grid;place-items:center}.flip-paper img{display:block;width:100%;height:100%;object-fit:contain}.flip-paper>span{font-size:12px;color:#6a7d73}.flip-pagination{display:flex;gap:15px;justify-content:center;align-items:center;font-size:12px;margin-top:20px}.flip-pagination button{border:1px solid #d5dfd9;background:#fff;border-radius:8px;width:38px;height:38px;display:grid;place-items:center}.flip-settings{border:1px solid #dfe8e2;padding:23px;border-radius:20px;background:#fff;position:sticky;top:90px}.flip-settings h3{font-size:21px;margin:0 0 10px}.flip-settings>p{font-size:12px;line-height:1.65;color:#576d61}.flip-directions{display:grid;gap:10px;margin:22px 0}.flip-directions button{position:relative;text-align:left;border:1px solid #dde4df;border-radius:13px;background:#fff;padding:16px;display:grid;gap:6px;color:#41564a;min-height:116px}.flip-directions button>svg:first-child{color:#8755ee;margin-bottom:4px}.flip-directions button.selected{background:#eefaf3;border-color:#158253}.flip-directions button>svg:last-child:not(:first-child){position:absolute;right:14px;top:17px;color:#158253}.flip-directions strong{font-size:14px}.flip-directions small{font-size:12px}.flip-quality{display:flex;gap:7px;align-items:start}.flip-quality svg{color:#138352;flex-shrink:0;margin-top:2px}.flip-settings>.flip-form-note{font-size:11px}.flip-settings>.primary-button,.flip-reset{width:100%;justify-content:center;min-height:48px;margin-top:12px}.flip-reset{display:flex;gap:7px;align-items:center;background:#fff;border:1px solid #d5dfd7;border-radius:10px;color:#425e4f}.flip-progress{display:flex;justify-content:center;align-items:center;gap:8px;background:#edf8f2;padding:18px;border-radius:12px;font-size:13px}.flip-results{max-width:720px;margin:30px auto 0;border:1px solid #c1e6ce;background:#f3fcf6;padding:24px;border-radius:18px}.flip-results h3{display:flex;align-items:center;gap:8px;margin:0 0 10px}.flip-results>p{font-size:13px;color:#536b5d}.flip-results>a:not(.primary-button){display:flex;align-items:center;gap:12px;padding:13px;margin:10px 0;background:#fff;border-radius:10px;border:1px solid #dceade;color:#34523f;text-decoration:none;font-size:13px}.flip-results>a>span{flex:1;overflow-wrap:anywhere}.flip-results small{display:block;color:#657b6a;margin-top:5px}.flip-results>.primary-button{justify-content:center;margin-top:18px}.flip-guide{max-width:880px;margin:auto;padding:65px 24px 25px}.flip-guide-heading{text-align:center;margin-bottom:45px}.flip-guide-heading h2{font-size:clamp(25px,4vw,32px);margin:13px 0}.flip-guide-heading>p{color:#627268}.flip-guide ol{padding-left:28px;max-width:740px;margin:auto}.flip-guide li{padding-left:10px;margin-bottom:36px;color:#41564a;line-height:1.8}.flip-guide h3{font-size:19px;color:#253e31;margin-bottom:12px}.flip-guide li p{font-size:14px}.flip-tip{display:flex;gap:12px;background:#f0f8f4;padding:16px 20px;border-radius:10px;margin:20px 0}.flip-tip>svg{flex-shrink:0;color:#16865c;margin-top:4px}.flip-tip p{margin:0}.flip-tip a{color:#08794c;text-decoration:underline}.flip-final-cta{border:1px solid #dceade;border-radius:22px;background:linear-gradient(120deg,#f0f9f3,#edf4fb);padding:30px;margin-top:48px;display:flex;align-items:center;gap:30px}.flip-final-cta>.flip-art{flex-shrink:0}.flip-final-cta h2{font-size:24px;margin:0 0 10px}.flip-final-cta p{font-size:14px;color:#536c5f}.flip-final-cta button{margin-top:12px}.flip-app button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:850px){.flip-desk{grid-template-columns:minmax(0,1fr)}.flip-settings{position:static}.flip-directions{grid-template-columns:1fr 1fr}.flip-settings>.primary-button{max-width:400px;margin:20px auto 0}.flip-reset{max-width:400px;margin:10px auto 0}.flip-preview-area{max-width:700px;width:100%;margin:auto}}@media(max-width:520px){.flip-hero{padding:32px 16px 28px}.flip-hero>.subtitle{font-size:16px;line-height:1.55}.flip-drop{padding:20px 12px;border-radius:18px}.flip-drop>small{display:block;max-width:260px;line-height:1.7;margin:auto}.flip-privacy{font-size:11px;align-items:start;max-width:300px;margin:20px auto}.flip-privacy svg{flex-shrink:0;margin-top:2px}.flip-workspace{padding:22px 14px 30px}.flip-workspace-top{align-items:start}.flip-workspace-top h2{font-size:21px}.flip-workspace-top>.upload-button{flex-shrink:0;padding:9px;font-size:12px}.flip-preview-area{padding:12px}.flip-preview-grid{gap:10px}.flip-preview-grid figcaption{font-size:10px;gap:4px}.flip-settings{padding:18px}.flip-directions{gap:8px}.flip-directions button{padding:12px;min-width:0}.flip-directions strong{font-size:12px}.flip-directions small{font-size:11px}.flip-guide{padding:40px 20px 20px}.flip-guide ol{padding-left:18px}.flip-guide li{padding-left:4px}.flip-tip{padding:13px;gap:9px}.flip-final-cta{display:block;text-align:center;padding:24px 18px}.flip-final-cta .primary-button{margin:14px auto 0}.flip-final-cta h2{font-size:22px}.flip-results{padding:18px}.flip-results h3{font-size:18px}}@media(prefers-reduced-motion:reduce){.flip-drop{transition:none}}.flip-all-pages{margin-top:28px;padding-top:22px;border-top:1px solid #dce5df}.flip-all-pages>h3{font-size:19px;margin:0 0 9px}.flip-all-pages>p{font-size:12px;color:#688071;line-height:1.7}.flip-page-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;margin-top:18px}.flip-page-card{border:1px solid #dce5df;background:#fff;padding:10px;border-radius:12px;min-width:0}.flip-page-card.current{border-color:#6fb08c;box-shadow:0 0 0 1px #b8dbc4}.flip-page-thumb{width:100%;display:grid;place-items:center;background:#f4f6f8;overflow:hidden;border:0;border-radius:5px;color:#88a195}.flip-page-thumb img{display:block;width:100%;height:100%;object-fit:contain}.flip-page-thumb>span{font-size:10px}.flip-page-card label{display:block;font-size:11px;color:#5a7563;margin-top:11px}.flip-page-card label>span{display:block;margin-bottom:7px}.flip-page-card select{width:100%;min-width:0;border:1px solid #d3dfd6;background:#fff;border-radius:7px;padding:9px 6px;font-size:11px;color:#405e4a}@media(max-width:520px){.flip-page-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.flip-page-card{padding:8px}.flip-page-card select{font-size:10px;padding:8px 3px}.flip-directions{grid-template-columns:repeat(2,minmax(0,1fr))}.flip-directions button{min-height:120px}}