:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#292c2a;background:#f8f5ee;font-synthesis:none;--ink:#292c2a;--mint:#dcecdf;--lavender:#e9e1f3;--blue:#dfeaf3;--peach:#f2dfcf;--cream:#fffdf8;--sage:#93a99a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #5d7466;outline-offset:3px}.app-shell{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 85% 8%,rgba(233,225,243,.65),transparent 24rem),#f8f5ee}.topbar,main,footer{width:min(1160px,calc(100% - 48px));margin-inline:auto}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{min-height:44px;display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:700;font-size:20px;letter-spacing:-.02em}.brand span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--ink);color:#fff;font-family:Georgia,serif}.privacy-pill{padding:9px 14px;border:1px solid #d7d7cf;border-radius:999px;color:#58615c;font-size:13px;background:#ffffff8c}.checkout-notice{width:min(900px,calc(100% - 32px));margin:0 auto 20px;padding:13px 18px;border-radius:12px;background:var(--mint);color:#425448;text-align:center;font-size:14px}.checkout-notice.cancelled{background:var(--peach);color:#664e3f}.hero{min-height:430px;padding:72px 7% 78px;display:flex;justify-content:space-between;align-items:center;gap:60px}.hero-copy{max-width:680px}.eyebrow{color:#62796a;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700}h1{font-size:clamp(58px,8vw,104px);line-height:.86;letter-spacing:-.075em;margin:24px 0 32px;font-weight:600}h1 em{font-family:Newsreader,Georgia,serif;color:#7f6b95;font-weight:500}.hero p{max-width:570px;font-size:20px;line-height:1.6;color:#626761}.fold-mark{position:relative;width:235px;height:170px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 18px 24px rgba(70,62,73,.08))}.fold-mark span{width:108px;height:152px;display:grid;place-items:center;font-family:Georgia,serif;font-size:50px;background:var(--lavender);border:1px solid rgba(81,67,96,.12)}.fold-mark span:first-child{border-radius:18px 2px 2px 18px;transform:perspective(300px) rotateY(8deg)}.fold-mark span:nth-child(2){border-radius:2px 18px 18px 2px;transform:perspective(300px) rotateY(-8deg)}.fold-mark b{position:absolute;width:1px;height:150px;background:#a999b7}.workspace{background:var(--cream);border:1px solid #e5e1d8;border-radius:28px;padding:36px;box-shadow:0 24px 70px #40392f12}.workspace-heading,.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.workspace-heading>div{display:flex;align-items:center;gap:14px}h2{margin:0;font-size:28px;letter-spacing:-.04em}.step{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--mint);font-size:12px;font-weight:700}.text-button{min-height:44px;padding:0 8px;border:0;background:none;color:#58675d;text-decoration:underline;cursor:pointer}.dropzone{min-height:300px;border:1.5px dashed #b9c9bf;border-radius:20px;background:#f5faf6;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px;transition:.2s}.dropzone.is-dragging{transform:scale(.995);border-color:#657e6d;background:#eaf4ec}.dropzone input{position:absolute;width:1px;height:1px;opacity:0}.upload-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--mint);font-size:25px;margin-bottom:15px}.dropzone h3{font-size:22px;margin:0 0 5px}.dropzone p{margin:0 0 22px;color:#636963}.dropzone small{margin-top:18px;color:#636963}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:0 22px;border-radius:12px;border:1px solid var(--ink);text-decoration:none;font-weight:700;cursor:pointer}.primary{color:#fff;background:var(--ink)}.primary:hover{background:#414642}.primary:disabled{cursor:wait;opacity:.65}.secondary{color:var(--ink);background:#fff;border-color:#d5d4ce}.full{width:100%;margin-top:22px}.status-card,.error-card{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:20px;background:#f7f5f1;padding:30px}.spinner{width:30px;height:30px;border:3px solid #d8dfda;border-top-color:#617969;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:15px}@keyframes spin{to{transform:rotate(360deg)}}.error-card{background:#fbefea}.error-card strong{font-size:20px}.error-card p{color:#785b50}.selected-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:35px}.file-panel{padding:28px;border-radius:18px;background:#f7f5f0}.file-summary{display:flex;align-items:center;gap:16px}.file-summary strong{display:block;overflow-wrap:anywhere}.file-summary p{margin:5px 0 0;color:#6d736e;font-size:14px}.pdf-badge{width:48px;height:58px;display:grid;place-items:center;background:var(--peach);border-radius:9px;color:#735e4d;font-size:11px;font-weight:800}.warning,.inline-error{padding:12px 14px;border-radius:10px;background:#fff1d8;color:#6b552a;font-size:13px;line-height:1.5}.format-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:24px 0 0;background:#deded7;border:1px solid #deded7;border-radius:12px;overflow:hidden}.format-grid div{background:#fff;padding:15px}.format-grid dt{color:#777c77;font-size:12px}.format-grid dd{margin:5px 0 0;font-weight:700}.mini-diagram{min-height:100%;border-radius:18px;background:var(--lavender);display:flex;justify-content:center;align-items:center;gap:12px;padding:25px}.mini-diagram>div{width:78px;height:108px;border-radius:9px;background:#fff;display:grid;place-items:center;font-family:Georgia,serif;font-size:30px;position:relative}.mini-diagram span{position:absolute;bottom:8px;font:10px Inter,ui-sans-serif,system-ui,sans-serif;color:#75716f}.mini-diagram .landscape{width:108px;height:76px;display:flex;justify-content:space-around}.landscape i{width:1px;height:100%;background:#c8c5c1}.mini-diagram .booklet-shape{width:64px;height:88px;background:#fbf5ed}.result{margin-top:34px;background:#fff;border:1px solid #e5e1d8;border-radius:28px;padding:38px}.ready-banner{display:flex;gap:18px;align-items:center}.check{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--mint);color:#42604c;font-size:24px}.ready-banner h2{margin:7px 0 5px}.ready-banner p{margin:0;color:#6a706b}.result-actions{display:flex;gap:12px;margin:28px 0 44px}.preview{border-top:1px solid #e8e5de;padding-top:32px}.quiet{color:#858984;font-size:13px}.sheet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.sheet-card{border:1px solid #deded8;border-radius:15px;padding:16px}.sheet-card>strong{font-size:14px}.sheet-side{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:8px;margin-top:12px}.sheet-side>span{color:#7a7f7a;font-size:11px;text-transform:uppercase}.page-pair{display:grid;grid-template-columns:1fr 1fr;gap:4px}.page-pair i{padding:15px 5px;background:var(--blue);border-radius:6px;text-align:center;font-style:normal;font-size:12px;font-weight:600}.page-pair i.blank{background:#f1f0ed;color:#8a8d89;border:1px dashed #d2d1cb}.print-card{margin-top:34px;display:grid;grid-template-columns:1fr 1.2fr;gap:40px;padding:30px;background:var(--mint);border-radius:20px}.print-card h2{margin:8px 0 10px}.print-card p{color:#5d685f;line-height:1.6}.print-card dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.print-card dl div{background:#ffffffa6;border-radius:9px;padding:11px 13px}.print-card dt{color:#657068;font-size:11px}.print-card dd{margin:4px 0 0;font-weight:700;font-size:14px}.privacy{margin:90px auto;max-width:790px;display:flex;align-items:center;gap:24px}.lock{width:58px;height:58px;flex:0 0 auto;display:grid;place-items:center;border-radius:18px;background:var(--blue);font-size:30px;transform:rotate(-20deg)}.privacy h2{margin-bottom:8px}.privacy p{margin:0;color:#656b66;line-height:1.7}.explanation{margin:90px auto 0;max-width:790px;text-align:center}.explanation h2{margin:10px 0 14px}.explanation p{color:#656b66;line-height:1.7}.explanation ol{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0;margin:24px 0 0;list-style-position:inside}.explanation li{padding:16px 12px;border-radius:12px;background:#ffffffa6;font-size:14px;font-weight:600}footer{border-top:1px solid #dedbd3;padding:28px 0 38px;display:flex;justify-content:space-between;color:#717670;font-size:13px}footer span{font-weight:700;color:var(--ink)}footer p{margin:0}@media(max-width:800px){.hero{padding:55px 0 60px;min-height:auto}.fold-mark{width:170px;transform:scale(.72)}.selected-layout,.print-card{grid-template-columns:1fr}.mini-diagram{min-height:220px}.sheet-grid{grid-template-columns:1fr}}@media(max-width:560px){.topbar,main,footer{width:min(100% - 28px,1160px)}.topbar{height:70px}.privacy-pill{display:none}.hero{padding:42px 2px 48px}.hero h1{font-size:58px;margin:18px 0 24px}.hero p{font-size:17px}.fold-mark{display:none}.workspace,.result{border-radius:20px;padding:20px}.workspace-heading{align-items:flex-start}.workspace-heading h2{font-size:23px}.dropzone{min-height:280px;padding:24px 15px}.selected-layout{gap:14px}.file-panel{padding:18px}.format-grid{grid-template-columns:1fr}.mini-diagram{display:none}.result-actions{flex-direction:column}.section-heading{align-items:flex-start}.quiet{display:none}.sheet-side{grid-template-columns:40px 1fr}.print-card{padding:22px;gap:15px}.print-card dl{grid-template-columns:1fr}.explanation{margin-top:60px}.explanation ol{grid-template-columns:1fr}.privacy{margin:60px 4px;align-items:flex-start}.privacy h2{font-size:23px}footer{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important}}