@import url('pdf-studio.css');
header,main,footer{max-width:1360px}header,nav{flex-wrap:wrap}nav{gap:16px}.intro{padding-bottom:26px}.import-box,.camera-panel,.export-panel,.result{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;margin:18px 0}.import-box{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.import-box>div:first-child{flex:1;min-width:240px}.import-box h2{font-size:21px}.import-box p{font-size:12px;color:var(--muted);margin:6px 0}.import-box details{width:100%;font-size:11px}.actions,.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.actions button,.button{font-size:12px}.button{display:inline-block;border-radius:8px;padding:9px 14px;text-decoration:none}.hint{font-size:11px;color:var(--muted);line-height:1.6}.row label{flex:1;min-width:120px}.status-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.status-row p{font-size:12px;flex:1}.status-row progress{width:160px;accent-color:var(--blue)}.page-bar{display:flex;justify-content:space-between;gap:20px;align-items:center}.page-bar h2{font-size:23px}.page-bar p{margin:5px 0}.pages{display:flex;gap:12px;overflow-x:auto;padding:15px 2px;margin:5px 0 18px;max-height:none}.scan-page{flex:0 0 126px;background:white;border:1px solid var(--line);border-radius:10px;padding:8px;text-align:left}.scan-page.selected{border-color:var(--blue);box-shadow:0 0 0 2px #4966e922}.scan-page .thumb{display:block;width:100%;padding:0;border:0;border-radius:5px;background:#eef1f6}.scan-page img{width:100%;height:98px;object-fit:contain}.scan-page small{display:block;font-size:10px;color:var(--muted);margin:5px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scan-page .page-actions{display:flex;gap:4px}.scan-page .page-actions button{padding:4px 7px;font-size:11px}.scan-workspace{display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px;background:white;border:1px solid var(--line);padding:20px;border-radius:14px}.settings{border-right:1px solid var(--line);padding-right:20px;min-width:0}.settings h3{font-size:13px;margin:16px 0 8px}.mode-tabs{display:flex;gap:5px}.mode-tabs button{padding:8px 10px;font-size:11px;flex:1}.mode-tabs [aria-pressed=true]{background:#edf1ff;border-color:#a5b4f2;color:var(--blue)}label{display:flex;flex-direction:column;gap:5px;font-size:11px;margin:9px 0;min-width:0}.check{flex-direction:row;align-items:center}input,textarea,select{width:100%;min-width:0;max-width:100%;border:1px solid var(--line);border-radius:6px;padding:7px;background:#fff;color:var(--ink);font:inherit;font-size:12px}input[type=range]{padding:3px 0;accent-color:var(--blue)}input[type=checkbox]{width:auto}input[type=color]{height:34px;padding:3px}textarea{min-height:65px;resize:vertical}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 9px}.cleaner{background:#f0f8f5;border:1px solid #d7eae1;border-radius:9px;padding:12px;margin:14px 0}.cleaner b{font-size:12px;color:#37745e}.cleaner p{font-size:10px;color:#608273;margin:5px 0}.rotation{border-top:1px solid var(--line);margin-top:18px}.rotation input{max-width:90px}.rotation span{font-size:11px;color:var(--muted)}.rotation button{font-size:11px;padding:6px}.quality{font-size:11px;padding:12px;border-radius:8px;background:#f5f7fb;line-height:1.7;margin-top:14px;white-space:pre-line}.preview-column{min-width:0}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px}.preview-toolbar label{flex-direction:row;align-items:center;gap:8px}.preview-toolbar input{width:90px}.preview-toolbar output{min-width:35px}.preview-scroll{height:650px;overflow:auto;background:repeating-conic-gradient(#edf0f4 0% 25%,#f5f7fa 0% 50%) 50%/24px 24px;border:1px solid var(--line);border-radius:10px;padding:22px;display:grid;place-items:center}#crop-stage,#processed-stage{position:relative;flex:none;line-height:0;box-shadow:0 3px 20px #24365322}#source-preview,#before-preview{display:block;width:100%;height:100%;object-fit:fill}#after-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}#crop-overlay,#marks-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible;touch-action:none;user-select:none}#crop-overlay [data-handle]{cursor:crosshair}#marks-overlay [data-mark-id]{cursor:move}#marks-overlay [data-grip=resize]{cursor:nwse-resize}#marks-overlay [data-grip=rotate]{cursor:grab}#comparison-line{position:absolute;top:0;bottom:0;border-left:2px solid #4966e9;pointer-events:none}#compare-control{flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px;font-size:11px}#compare-control input{width:180px}#compare-control span{color:var(--muted)}#magnifier{position:absolute;right:8px;top:8px;width:130px;pointer-events:none;background:white;border:2px solid #4966e9;border-radius:8px;overflow:hidden;box-shadow:0 3px 14px #0003;z-index:2;line-height:1.4}#magnifier canvas{width:126px;height:126px;display:block}#magnifier span{display:block;font-size:10px;padding:4px;text-align:center}.add-tools{display:grid;grid-template-columns:1fr 1fr;gap:7px}.add-tools button{padding:8px 6px;font-size:11px}#annotation-list{display:grid;gap:5px;max-height:140px;overflow:auto}#annotation-list button{text-align:left;font-size:11px;padding:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#annotation-list button.selected{background:#edf1ff;color:var(--blue)}fieldset{border:1px solid var(--line);border-radius:8px;padding:10px;margin:12px 0}legend{font-size:11px;color:var(--muted)}.export-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 16px}.estimate{font-size:12px;color:#487960;text-align:right}.result-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:25px;margin-top:18px}.result-layout img{max-width:100%;width:100%;max-height:650px;object-fit:contain;background:#f1f3f7;border-radius:8px;padding:15px}.result-layout select{max-width:200px}#result-size{font-size:12px}.camera-panel{text-align:center}#camera{display:block;width:100%;max-height:480px;object-fit:contain;background:#152033;border-radius:9px}.camera-panel .actions{justify-content:center;margin-top:12px}dialog{border:1px solid var(--line);border-radius:14px;padding:20px;max-width:95vw;width:650px}dialog::backdrop{background:#15243b88}#signature-pad{width:100%;height:200px;background:#f7f8fb;border:1px dashed #9fafd4;border-radius:8px;margin:15px 0;touch-action:none}button:disabled{cursor:default;opacity:.45}body.processing #studio input,body.processing #studio select,body.processing #studio button{pointer-events:none;opacity:.65}body.processing #result a{pointer-events:none}[hidden]{display:none!important}@media(max-width:1000px){.scan-workspace{grid-template-columns:250px minmax(0,1fr);gap:16px;padding:16px}.settings{padding-right:15px}.export-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.private{display:none}}@media(max-width:700px){header{padding:18px 14px;gap:14px}nav{width:100%;gap:10px 15px}nav a{font-size:12px}.intro h1{font-size:32px}.scan-workspace{grid-template-columns:1fr;padding:14px}.settings{border:0;padding:0}.preview-column{border-top:1px solid var(--line);padding-top:10px}.preview-scroll{height:440px;padding:16px}.page-bar{align-items:start;flex-wrap:wrap;gap:10px}.import-box,.export-panel,.result{padding:16px}.import-box>div:first-child{min-width:0}.result-layout{grid-template-columns:1fr}.preview-toolbar{flex-wrap:wrap;gap:5px}.quality{margin-bottom:12px}.status-row{gap:10px}.status-row progress{width:70px}.estimate{text-align:left}.export-grid{gap:5px 10px}.mode-tabs{position:sticky;top:0;background:white;z-index:3}.trust{grid-template-columns:1fr}}

/* Keep the upload introduction full-width on phones, including iOS Safari. */
@media(max-width:760px){.import-box{display:flex;flex-direction:column;align-items:stretch;gap:16px}.import-box>div:first-child{flex:none;width:100%;min-width:0}.import-box>.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:10px}.import-box>.actions #choose{grid-column:1/-1}.import-box>.actions button{width:100%;min-width:0;min-height:44px;white-space:normal}.import-box details{min-width:0}.import-box h2,.import-box p{overflow-wrap:normal;word-break:normal}}
