.scan-main{max-width:1100px}.scan-intro{padding:38px 0 28px;max-width:760px}.scan-intro h1{font-size:clamp(1.8rem,5vw,2.8rem);letter-spacing:-.045em;margin:8px 0 16px;line-height:1.2}.scan-intro>p{line-height:1.7}.scan-eyebrow{font-size:.72rem;font-weight:750;letter-spacing:.1em;color:#456d57}.scan-trust{color:#315c43;font-size:.9rem}.scan-languages{display:flex;gap:4px;flex-wrap:wrap}.scan-languages a{display:inline-flex;min-height:44px;align-items:center;padding:8px}.scan-languages a[aria-current]{font-weight:750;text-decoration:underline}.scan-workspace{background:#fff;border:1px solid #dbe2d8;border-radius:22px;padding:24px;box-shadow:0 8px 35px #233d2810}.scan-upload{padding:0 0 16px;border-bottom:1px solid #e3e8df;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.scan-upload p{width:100%;margin:0}.scan-columns{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;margin-top:20px}.scan-pages h2,.scan-editor h2{font-size:1.1rem}.scan-pages h2 span{font-size:.85rem;color:#647063}.scan-pages ol{padding:0;list-style:none;display:grid;gap:10px}.scan-row{border:1px solid #dbe2d8;border-radius:12px;padding:8px;background:#f7f8f2;min-width:0}.scan-row[data-active=true]{border-color:#315c43;box-shadow:0 0 0 1px #315c43}.scan-row-title{display:block;width:100%;text-align:start;font:inherit;color:#244b35;background:none;border:0;overflow-wrap:anywhere}.scan-row-title span{display:block;font-size:.8rem;color:#52604f}.scan-row-actions{display:flex;gap:4px;flex-wrap:wrap}.scan-row-actions button{flex:1;background:#fff;border:1px solid #dbe2d8;border-radius:8px;font:inherit;font-size:.75rem;padding:5px}.scan-page button,.scan-page select,.scan-page a.button{min-height:44px;max-width:100%;cursor:pointer}.scan-page button:disabled{cursor:default;opacity:.5}.scan-page button:focus-visible,.scan-page a:focus-visible,.scan-handle:focus-visible{outline:3px solid #d28a1f;outline-offset:3px}.scan-editor{min-width:0}.scan-tabs{display:flex;gap:8px;margin-bottom:14px}.scan-tabs button{flex:1;border:1px solid #bbcbbd;background:#f7f8f2;border-radius:9px;font:inherit;padding:8px}.scan-tabs button[aria-pressed=true]{background:#e4eee0;color:#244b35;font-weight:750}.scan-board-pad{padding:24px;background:#eef1e9;border-radius:12px}.scan-board{position:relative;line-height:0}.scan-board canvas{display:block;width:100%;height:auto}.scan-board svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;touch-action:none}.scan-board polygon{fill:#417c5920;stroke:#194c30;stroke-width:3;vector-effect:non-scaling-stroke;pointer-events:none}.scan-handle{fill:#fff;fill-opacity:.87;stroke:#245738;stroke-width:2.5;vector-effect:non-scaling-stroke;cursor:grab;touch-action:none}.scan-handle:focus{fill:#ffe4a9}.scan-handle:active{cursor:grabbing}#scan-preview{display:block;max-width:100%;max-height:680px;margin:auto;object-fit:contain;border:1px solid #dbe2d8}#scan-settings{border:0;padding:18px 0;display:grid;gap:9px;margin:0}#scan-settings label{font-weight:650}#scan-settings output{float:right;font-variant-numeric:tabular-nums}#scan-settings input[type=range]{width:100%;height:44px;accent-color:#315c43}#scan-settings select{width:100%;font:inherit;border:1px solid #c5d2c1;border-radius:8px;padding:10px;background:#fff}#scan-status:empty{display:none}#scan-status{color:#315c43;min-height:1.5em}.scan-export{border-top:1px solid #e3e8df;margin-top:24px;padding-top:16px;display:flex;gap:12px;flex-wrap:wrap}.scan-export p{width:100%}.scan-export .button{flex:1}.scan-guide{padding:32px 0 50px;max-width:780px;line-height:1.8}.scan-guide li{padding:5px 0}.scan-guide>p{font-size:.9rem;color:#52604f}.scan-page [hidden]{display:none!important}@media(max-width:720px){.scan-columns{grid-template-columns:1fr}.scan-workspace{padding:16px;border-radius:16px}.scan-pages ol{grid-template-columns:repeat(2,minmax(0,1fr));max-height:270px;overflow:auto}.scan-upload .button{width:100%}.scan-intro{padding-top:20px}.scan-tabs{flex-wrap:wrap}.scan-tabs button{min-width:110px}.scan-export .button{flex-basis:100%}.scan-languages{justify-content:flex-end}.scan-page .site-header{gap:10px;flex-wrap:wrap}.scan-row-actions button{font-size:.7rem;flex-basis:30%}}@media(max-width:350px){.scan-pages ol{grid-template-columns:1fr}.scan-workspace{padding:12px}}
