#document-scanner,.scan-queue{box-sizing:border-box;width:min(760px,calc(100vw - 20px));max-width:760px;max-height:94dvh;padding:18px;border:1px solid #b7cbd0;border-radius:16px;overflow:auto;color:#16333d;background:#fff}#document-scanner::backdrop,.scan-queue::backdrop{background:#16333dad}#document-scanner header,.scan-queue header{display:flex;justify-content:space-between;gap:12px;align-items:center}#document-scanner h2{margin:0;font-size:1.35rem}#document-scanner button,.scan-queue button{min-height:44px;padding:8px 12px;border:1px solid #92aab1;border-radius:9px;background:#f3f8f9;color:#16333d;font:inherit;cursor:pointer}#document-scanner button:disabled{opacity:.5;cursor:default}#document-scanner label{display:grid;gap:6px;margin:12px 0}#document-scanner input:not([type=file]),#document-scanner select,#document-scanner textarea{box-sizing:border-box;max-width:100%;width:100%;font:inherit;padding:10px;border:1px solid #92aab1;border-radius:7px;background:#fff;color:#16333d}#document-scanner [hidden]{display:none!important}.scan-camera-actions,.scan-edit-actions{display:flex;flex-wrap:wrap;gap:8px}.scan-hint{font-size:.9rem;line-height:1.45;color:#47636d}.scan-error{color:#a21d28;white-space:pre-wrap}.scan-progress{color:#116379;font-weight:600}.scan-stage{position:relative;margin:26px 22px;touch-action:pan-y;line-height:0;user-select:none}.scan-stage>img{width:100%;height:auto;display:block}.scan-stage svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.scan-stage polygon{stroke:#08a5dd;stroke-width:.6;fill:#009ac720;vector-effect:non-scaling-stroke}.scan-stage.invalid polygon{stroke:#d72828;fill:#d7282822}#document-scanner .scan-corner{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;min-height:44px;padding:0;border-radius:50%;background:#076985;color:#fff;border:3px solid white;box-shadow:0 1px 5px #0008;touch-action:none;cursor:move;z-index:2}.scan-loupe{position:absolute;right:0;top:0;pointer-events:none;border:3px solid #076985;border-radius:50%;width:120px;height:120px;background:#fff;z-index:3}.scan-result{display:block;max-width:100%;max-height:65vh;margin:12px auto;border:1px solid #c6d5d9}.scan-pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;padding:0;list-style:none}.scan-pages li{min-width:0;border:1px solid #d6e2e5;padding:8px;border-radius:10px}.scan-pages li>button{width:100%;display:grid;gap:8px}.scan-pages img{display:block;width:100%;height:130px;object-fit:contain}.scan-pages li>div{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}#document-scanner #scan-save,#document-scanner #scan-accept{background:#0a6b7e;color:white}#document-scanner #scan-discard{margin-top:18px;color:#a21d28}.scan-status{position:fixed;bottom:18px;right:18px;z-index:30;background:#075f73;color:#fff;border:2px solid white;border-radius:24px;padding:12px 18px;box-shadow:0 2px 8px #0003;font:inherit;min-height:44px}.scan-status[hidden]{display:none}.scan-queue article{border-top:1px solid #d6e2e5;padding:14px 0}.scan-queue article button{margin:4px}#scan-editor{border-block:1px solid #d6e2e5;padding:12px 0;margin-top:14px}#document-scanner #scan-format{max-width:260px}@media(max-width:450px){#document-scanner{padding:12px}.scan-stage{margin:25px 18px}.scan-loupe{width:90px;height:90px}.scan-pages{grid-template-columns:repeat(2,minmax(0,1fr))}.scan-pages img{height:100px}}

#document-scanner>header{position:sticky;top:-12px;z-index:5;background:white;padding:10px 0;border-bottom:1px solid #d6e2e5}