header{height:84px;padding:0 4.5%;background:white;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}main{max-width:1240px;margin:auto;padding:0 32px}.steps{display:flex;justify-content:center;align-items:center;margin:28px auto 0;font-size:13px;color:#9299aa;gap:18px}.steps i{height:1px;width:64px;background:#dfe2ec}.steps [aria-current=step]{color:var(--primary);font-weight:700}.intro{text-align:center;padding:42px 0 26px}.intro h1{font-size:clamp(28px,4vw,40px);letter-spacing:-1.7px;margin:10px 0 12px;font-weight:750}.intro h1 span{color:var(--primary)}.intro p{font-size:14px}.panel{background:white;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 20px #39447703}.workspace-heading{display:flex;align-items:center;justify-content:space-between;margin:26px 0 18px;gap:16px}.workspace-heading p{margin:0}.workspace-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.workspace-layout.result-layout{grid-template-columns:1fr}#settings{padding:24px}.task-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:16px;padding:20px}.task-grid.list{grid-template-columns:1fr}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}#params label{display:grid;gap:6px;margin-bottom:15px}.section-label{display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:650;margin-bottom:20px}#progress-panel{padding:24px;margin-top:24px}#results{padding:28px;margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}#results p{margin:0}footer{display:flex;justify-content:space-between;gap:12px;padding:38px 0 28px;font-size:11px;color:#9299aa}.compare{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compare section{min-width:0}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.preview-heading h2{overflow-wrap:anywhere}.zoom{display:flex;align-items:center;gap:12px;margin-top:20px}.zoom input{max-width:220px}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}@media(max-width:900px){.workspace-layout{grid-template-columns:minmax(0,1fr) 285px;gap:16px}main{padding:0 20px}#results{align-items:flex-start;flex-direction:column}}@media(max-width:700px){header{height:74px;padding:0 16px}.brand p{display:none}.privacy{font-size:10px!important;padding:5px 8px!important}main{padding:0 14px}.intro{padding-top:32px}.intro p{max-width:280px;margin:0 auto}.steps{gap:10px;font-size:12px}.steps i{width:24px}.workspace-layout{grid-template-columns:1fr}.workspace-heading{align-items:flex-start;flex-direction:column}.task-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:10px}.toolbar{padding:12px!important;gap:8px!important;flex-wrap:wrap}.toolbar select{max-width:112px}#settings{padding:22px}.drop-zone{padding:38px 15px!important}.compare{gap:8px}.image-viewport{height:260px!important}footer{flex-direction:column;align-items:center}.task-actions button{padding:6px 8px}.list .task-card{grid-template-columns:65px 1fr!important}.list .task-card>.check{grid-column:1/-1}.list .task-actions{grid-column:1/-1}.list .thumb{height:65px!important}dialog{padding:18px!important}}

/* Keep short pages grounded without covering long-page content. */
body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
body>header{flex-shrink:0}
body>main{width:100%;flex:1;display:flex;flex-direction:column;margin:0 auto}
body>main.hub{padding-top:70px;margin:0 auto}
footer{margin-top:auto;flex-shrink:0}
.preview-open{overflow:hidden}
#preview{position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;border:0;border-radius:0;padding:20px!important;overflow:hidden}
#preview[open]{display:flex;flex-direction:column;gap:12px}
#preview .preview-heading h2{margin:0;font-size:17px}
.preview-tabs{display:flex;gap:6px;align-self:center;background:#eef0f7;border-radius:12px;padding:4px}
.preview-tabs button{border:0;min-width:110px;background:transparent}
.preview-tabs [aria-selected=true]{background:var(--primary);color:white}
#preview-info{margin:0;text-align:center;min-height:20px}
#preview .compare{display:block;flex:1;min-height:0}
#preview .compare section{height:100%}
#preview .image-viewport{height:100%!important;width:100%;border-radius:10px}
#preview .image-viewport img{width:100%;height:100%;object-fit:contain}
.preview-controls{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;flex-shrink:0}
#preview .zoom{margin:0;white-space:nowrap}
#preview .help{margin:0}
#toast{position:fixed;bottom:max(30px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);width:max-content;background:#243047;color:white;border-radius:12px;padding:12px 22px;box-shadow:0 8px 32px #15213e30;z-index:200;pointer-events:none}
@media(max-width:700px){body>main.hub{padding-top:28px}#preview{padding:12px!important}.preview-controls{gap:10px}.preview-controls>.help{display:none}}