header{height:85px}.engine-heading{display:flex;justify-content:space-between;align-items:end;padding:30px 0 26px;gap:24px}.engine-heading .eyebrow{font-size:12px;letter-spacing:1.5px;margin:0 0 10px}.engine-heading h1{font-size:clamp(38px,4.5vw,72px);line-height:1.05;letter-spacing:-.06em;font-weight:400;margin:0}.engine-heading h1 em{color:var(--blue)}.engine-heading>p{font-size:14px;color:var(--muted);margin:0}.studio{display:grid;grid-template-columns:310px minmax(0,1fr);border-top:1px solid var(--line);margin-bottom:50px}.controls{border-right:1px solid var(--line);padding-right:24px}.controls section{padding:24px 0;border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;gap:10px;font-size:12px;letter-spacing:1px;margin-bottom:16px;font-weight:600}#source-size{letter-spacing:0;color:var(--muted);font-weight:400}.upload{display:flex;flex-direction:column;text-align:center;justify-content:center;gap:6px;padding:22px 10px;border:1px dashed #999;cursor:pointer;position:relative;background:#fff}.upload:hover,.upload.dragging{border-color:var(--blue);background:#eef0ff}.upload span{font-size:16px}.upload small,.note{font-size:12px;color:var(--muted)}.note{margin:9px 0 0;overflow-wrap:anywhere;line-height:1.5}.upload input,.file-button input{position:absolute;width:1px;height:1px;opacity:0}.upload:focus-within,.file-button:focus-within{outline:3px solid var(--blue);outline-offset:3px}.field{display:flex;flex-direction:column;gap:7px;font-size:14px;margin-bottom:14px}select,input:not([type=file]),button,.file-button{border:1px solid #c9c9c9;border-radius:0;background:#fff;font:inherit;font-size:14px;padding:10px;min-height:42px;max-width:100%}input:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:2px}select{width:100%}button:disabled{opacity:.5;cursor:wait}.primary{display:block;width:100%;background:var(--blue);color:#fff;border-color:var(--blue);margin-bottom:18px;padding:13px 8px;font-size:15px}.primary:hover{background:#263bcd}.primary.dark{background:var(--ink);border-color:var(--ink);margin-bottom:0}.slider{margin-bottom:16px;display:block;font-size:14px}.slider>span{display:flex;justify-content:space-between}.slider output{font-variant-numeric:tabular-nums;color:var(--muted)}.slider input{width:100%;min-height:24px;padding:0;accent-color:var(--blue);margin:7px 0 0;cursor:pointer}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.two button,.file-button{text-align:center;cursor:pointer;padding:10px 5px}.export-size{margin-top:18px}.workspace{min-width:0;padding:20px 0 0 26px}.preview-bar,.result-bar{display:flex;justify-content:space-between;align-items:center;gap:16px}.preview-bar{margin-bottom:12px}.preview-bar>span{font-size:12px;letter-spacing:1px}.preview-bar button{font-size:13px;min-height:36px;padding:6px 12px}.preview-bar button[aria-pressed=true]{background:var(--ink);color:#fff}.scanner{background:#e5e5e7;min-height:350px;height:min(69vh,820px);display:flex;justify-content:center;align-items:center;padding:22px;position:relative;overflow:hidden}.scanner::before,.scanner::after{content:"";position:absolute;left:7px;right:7px;height:7px;border-top:1px solid #aaa;border-left:1px solid #aaa;border-right:1px solid #aaa;top:7px;pointer-events:none}.scanner::after{top:auto;bottom:7px;transform:rotate(180deg)}.scanner canvas,.scanner img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 8px 30px #0002;background:#fff}.scanner canvas:empty{display:block}.scanner [hidden]{display:none!important}.scanner.busy{opacity:.75}#empty{position:absolute;color:var(--muted);padding:24px;text-align:center}#output:not([data-ready]){visibility:hidden}.result-bar{font-size:12px;color:var(--muted);align-items:start;min-height:45px}.result-bar p{margin:10px 0}.result-bar>span{margin-top:10px;white-space:nowrap;font-variant-numeric:tabular-nums}.about-engine{border-top:1px solid var(--line);padding:18px 0;max-width:750px;font-size:16px}.about-engine summary{cursor:pointer;font-size:14px}.about-engine p{color:var(--muted)}.about-engine a{color:var(--blue);font-size:14px}#status.error{color:#b21f2d}@media(min-width:1000px){.workspace{position:sticky;top:12px;align-self:start}}@media(max-width:760px){header{height:75px}header nav{gap:14px;font-size:12px}.brand{font-size:24px}.engine-heading{padding:26px 0 22px}.engine-heading>p{display:none}.studio{grid-template-columns:1fr}.workspace{grid-row:1;padding:16px 0 0;position:static}.scanner{height:48vh;min-height:260px;padding:15px}.controls{border-right:0;padding:0}.controls section{padding:20px 0}.controls section#move-section{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.controls section#move-section>.section-heading,.controls section#move-section>.primary,.controls section#move-section>#sliders,.controls section#move-section>.two{grid-column:1/-1}.controls section#move-section>.field{grid-column:1/-1}#sliders{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.about-engine{padding:12px 0}.studio{margin-bottom:25px}footer{gap:10px}.result-bar{gap:8px}.result-bar>span{font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.preview-actions{display:flex;align-items:center;gap:8px}.mobile-upload{display:none}@media(max-width:760px){.mobile-upload{display:inline-block;font-size:13px;cursor:pointer;border:1px solid #c9c9c9;background:white;padding:6px 10px;white-space:nowrap}.preview-bar>span{font-size:11px;overflow-wrap:anywhere}.preview-bar{gap:8px}.preview-actions{flex-shrink:0}}

#random-paper{width:100%;margin-bottom:20px}#paper-sliders{margin-top:2px}@media(max-width:760px){#paper-sliders{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}}

/* The preview and controls share one viewport. Only the control pane scrolls. */
html{height:100%;overflow:hidden;scroll-padding-top:0}body{height:100dvh;display:flex;flex-direction:column;overflow:hidden}header{height:60px;min-height:60px}main#studio{flex:1;min-height:0;display:flex;flex-direction:column}.engine-heading{flex:none;padding:14px 0}.engine-heading h1{font-size:clamp(28px,3vw,45px)}.engine-heading .eyebrow{margin-bottom:6px}.engine-heading>p{font-size:12px}.studio{flex:1;min-height:0;margin-bottom:12px;overflow:hidden;grid-template-columns:330px minmax(0,1fr)}.controls{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:20px;padding-bottom:30px;scroll-padding:20px}.workspace{position:relative;top:auto;height:100%;min-height:0;display:flex;flex-direction:column;padding-top:12px;overflow:hidden}.preview-bar{flex:none}.scanner{flex:1;min-height:0;height:auto}.result-bar{flex:none;min-height:44px}.result-bar p{max-width:75%;margin:8px 0}.about-engine{font-size:14px}.optics-controls{border-top:1px solid var(--line);padding-top:20px;margin:4px 0 20px}#soft-mirror{width:100%;margin-bottom:18px}body>footer{display:none}.controls:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
@media(max-width:760px){header{height:49px;min-height:49px}header nav{font-size:11px}.engine-heading{padding:8px 0}.engine-heading .eyebrow,.engine-heading>p{display:none}.engine-heading h1{font-size:28px}.studio{display:flex;flex-direction:column;margin-bottom:0}.workspace{flex:0 0 47%;height:47%;padding:6px 0 0;border-bottom:1px solid var(--line);order:0}.controls{flex:1;min-height:0;height:auto;order:1;padding:0 4px 28px 0}.scanner{min-height:0;padding:10px}.preview-bar{margin-bottom:6px}.preview-bar button{min-height:32px}.result-bar{min-height:34px;font-size:11px}.result-bar p{margin:5px 0}.result-bar>span{margin-top:5px}.controls section#move-section>.optics-controls{grid-column:1/-1}#optics-sliders{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.controls section{padding:16px 0}}
@media(max-height:480px) and (min-width:600px){header{height:42px;min-height:42px}.engine-heading{display:none}.studio{display:grid;grid-template-columns:280px minmax(0,1fr)}.workspace{grid-column:2;grid-row:1;height:100%;padding-left:16px}.controls{grid-column:1;grid-row:1;height:100%;padding-right:16px}}
@media(min-width:761px) and (min-height:481px){.studio{display:flex;flex-direction:column}.workspace{order:0;flex:0 0 56%;height:56%;padding:8px 0 0;border-bottom:1px solid var(--line)}.controls{order:1;flex:1;min-height:0;height:auto;width:100%;border-right:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:start;padding:0 6px 30px 0}.controls>section{min-width:0}.controls>.about-engine{grid-column:1/-1}.scanner{padding:12px}.preview-bar{margin-bottom:6px}}
@media(min-width:761px) and (max-width:1100px) and (min-height:481px){.controls{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Preview first: a full-height stage, with a narrow, independently scrolling rail. */
header{height:48px;min-height:48px}.engine-heading{padding:8px 0}.engine-heading .eyebrow{display:none}.engine-heading h1{font-size:30px}.engine-heading>p{display:none}main#studio{padding-left:2%;padding-right:2%}.studio{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;margin:0 0 10px}.workspace{grid-column:1;grid-row:1;order:0;flex:none;height:100%;padding:8px 0 0;border:0;min-width:0}.controls{grid-column:2;grid-row:1;order:1;display:block;flex:none;height:100%;padding:0 4px 24px 14px;border-left:1px solid var(--line);border-right:0;scrollbar-gutter:stable}.scanner{padding:10px;background:#e7e7e9;min-height:0}.scanner.busy{opacity:1}.scanner canvas{cursor:zoom-in}.scanner canvas:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.preview-bar{margin-bottom:8px}.control-nav{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:var(--paper);padding:8px 0;border-bottom:1px solid var(--line)}.control-nav button{min-height:34px;padding:5px;font-size:13px}.control-nav button:hover{background:var(--blue);color:white}.controls section{padding:18px 0}.engine-heading h1 em{font-size:.9em}.result-bar{min-height:34px}.result-bar p{margin:5px 0}.result-bar>span{margin-top:5px}
#scan-viewer{position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:0;border:0;background:#121214;color:#fff;overflow:hidden}#scan-viewer::backdrop{background:#121214}#scan-viewer[open]{display:flex;flex-direction:column}.viewer-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;flex:none;z-index:2;background:#121214}.viewer-bar span{font-size:13px;color:#d1d1d4}.viewer-bar button{color:white;background:#252528;border-color:#555;min-width:90px}#viewer-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 14px 14px;overflow:hidden}#viewer-canvas{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transform-origin:top left;will-change:transform}.preview-actions{gap:6px}#expand{white-space:nowrap}
@media(max-width:900px){.studio{display:flex;flex-direction:column;gap:0}.workspace{flex:0 0 62%;height:62%;width:100%;padding:6px 0 0}.controls{flex:1;height:auto;min-height:0;width:100%;padding:0 4px 24px 0;border-left:0;border-top:1px solid var(--line);display:block}.control-nav{padding:6px 0}.scanner{padding:6px}.engine-heading h1{font-size:25px}.preview-bar>span{font-size:10px;letter-spacing:0}.preview-bar button{font-size:12px;padding:5px 8px;min-height:32px}.mobile-upload{font-size:12px;padding:5px 8px}.result-bar{font-size:11px;min-height:30px}.result-bar p{max-width:70%}#viewer-stage{padding:0 6px 6px}.viewer-bar{padding:8px 12px}}
@media(max-height:480px) and (min-width:600px){.engine-heading{display:none}.studio{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px}.workspace{grid-column:1;grid-row:1;height:100%;width:100%}.controls{grid-column:2;grid-row:1;height:100%;border-top:0;border-left:1px solid var(--line);padding-left:12px}}
@media(prefers-reduced-motion:reduce){#viewer-canvas{will-change:auto}}

#viewer-canvas{cursor:zoom-out}