:root{color:#141b23;background:#f9fafc;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,.upload:focus-within{outline:3px solid oklch(.66 .14 248 / .45);outline-offset:2px}.topbar{min-height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid oklch(.89 .01 250);background:#fff}.wordmark{color:inherit;font-size:1.25rem;font-weight:780;letter-spacing:-.06em;text-decoration:none}.wordmark span{color:#2973b2}.topbar p{color:#505963;font-size:.85rem}.workspace{display:grid;grid-template-columns:minmax(300px,430px) minmax(0,1fr);min-height:calc(100vh - 68px)}.controls{padding:clamp(2rem,4vw,4.5rem);border-right:1px solid oklch(.89 .01 250);background:#fff}.intro{margin-bottom:2rem}.eyebrow{margin:0 0 .55rem;color:#14588f;font-size:.72rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.intro h1,h2,h3{margin:0;letter-spacing:-.04em;text-wrap:balance}.intro h1{font-size:clamp(2rem,4vw,3.5rem);line-height:.98}.intro p:not(.eyebrow){max-width:38ch;color:#454e58;line-height:1.55}fieldset{margin:0;padding:1.35rem 0;border:0;border-top:1px solid oklch(.9 .01 250)}legend{padding:0;font-size:.85rem;font-weight:720}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}label{display:grid;gap:.35rem;margin-top:.85rem;color:#38414a;font-size:.78rem;font-weight:620}input,select{width:100%;min-height:2.6rem;padding:.55rem .65rem;border:1px solid oklch(.79 .015 250);border-radius:8px;background:#fff;color:inherit}input[type=file]{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.upload{min-height:4.5rem;display:flex;flex-direction:column;justify-content:center;margin-top:.7rem;padding:.75rem .9rem;border:1px dashed oklch(.68 .035 248);border-radius:10px;background:#f8fafd;cursor:pointer}.upload strong{overflow:hidden;color:#202f3f;font-size:.85rem;text-overflow:ellipsis;white-space:nowrap}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;border-radius:9px;background:#e8ebef}.segmented button,.side-switch button{border:0;border-radius:6px;background:transparent;color:#454e58;padding:.55rem;font-size:.78rem}.segmented .selected,.side-switch .selected{background:#fff;color:#141b23;box-shadow:0 1px 3px #0f171f1f}.quiet-button{margin-top:.8rem;padding:0;border:0;background:transparent;color:#055085;font-size:.8rem;font-weight:700;text-align:left}.calibration-copy{margin:.9rem 0 0;color:#48515b;font-size:.76rem;line-height:1.45}.calibration-actions{display:flex;gap:.8rem;flex-wrap:wrap}.calibration-actions .quiet-button{margin-top:.6rem}.quiet-button:disabled{cursor:not-allowed;opacity:.5}.preview-panel{display:flex;flex-direction:column;gap:1.25rem;padding:clamp(2rem,5vw,5rem);background:#f5f7f9}.preview-head,.export{display:flex;align-items:end;justify-content:space-between;gap:1rem}.preview-head h2{font-size:clamp(1.5rem,3vw,2.4rem)}.side-switch{display:flex;gap:2px;padding:3px;border-radius:9px;background:#dde2e6}.paper-stage{display:grid;min-height:420px;place-items:center;overflow:auto;padding:2rem;border:1px solid oklch(.88 .012 250);border-radius:14px;background:#e8ecf0}.paper{position:relative;width:min(100%,660px);max-height:70vh;background:#fff;box-shadow:0 8px 8px #161e261a}.preview-card{position:absolute;display:grid;place-items:center;overflow:hidden;border:1px dashed oklch(.36 .03 250 / .55);background:#e9eff5}.preview-card img{position:absolute;left:50%;top:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%);transform-origin:center}.preview-card span{color:#515f6e;font-size:clamp(.45rem,1vw,.8rem)}.crop-controls{margin-top:1rem;padding-top:1rem;border-top:1px solid oklch(.9 .01 250)}.crop-controls>strong{display:block;font-size:.8rem}.crop-frame{position:relative;overflow:hidden;margin-top:.65rem;border-radius:8px;background:#e3e9ee}.crop-frame img{width:100%;height:100%;object-fit:cover}.summary{display:flex;flex-wrap:wrap;gap:.5rem}.summary span{padding:.35rem .55rem;border-radius:999px;background:#e3e9ee;color:#3b4652;font-size:.75rem}.notice{margin:0;padding:.8rem 1rem;border-radius:8px;background:#f2e6d2;color:#4d3603;font-size:.86rem;line-height:1.45}.notice.error{background:#ffe4e3;color:#6a2b2e}.export{margin-top:auto;padding:1.25rem 0 0;border-top:1px solid oklch(.88 .012 250)}.export h3{font-size:1.05rem}.export p{margin:.35rem 0 0;color:#48515b;font-size:.8rem}.primary,.secondary{min-height:2.7rem;padding:0 .9rem;border-radius:8px;font-weight:720}.primary{border:1px solid oklch(.42 .1 248);background:#0e5e9a;color:#fff}.secondary{border:1px solid oklch(.68 .035 248);background:#fff;color:#15324d}.primary:disabled,.secondary:disabled{cursor:not-allowed;opacity:.46}.manual-actions{display:flex;gap:.5rem}@media(max-width:900px){.workspace{grid-template-columns:1fr}.controls{border-right:0;border-bottom:1px solid oklch(.89 .01 250)}.preview-panel{min-height:750px}.paper-stage{min-height:370px}.paper{width:min(100%,520px)}}@media(max-width:560px){.topbar{padding:0 1.25rem}.topbar p{display:none}.controls,.preview-panel{padding:1.4rem 1.15rem}.preview-head,.export{align-items:flex-start;flex-direction:column}.paper-stage{min-height:310px;padding:1rem}.manual-actions,.manual-actions button,.primary{width:100%}.field-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}