.hscanner{--hscanner-accent:#168675;--hscanner-border:#77928b;--hscanner-card:#fff;--hscanner-soft:#eef7f4;--hscanner-text:#15211e;display:grid;gap:1rem;color:var(--hscanner-text);font:inherit;line-height:1.6}
.hscanner *{box-sizing:border-box}
.hscanner__header h2,.hscanner__header p,.hscanner__pages h3{margin:.25rem 0}
.hscanner__add,.hscanner__exports{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:.65rem}
.hscanner__button,.hscanner select,.hscanner__page-actions button{min-height:2.75rem;border:2px solid var(--hscanner-border);border-radius:.8rem;background:var(--hscanner-card);color:inherit;font:inherit;font-weight:700;padding:.55rem .8rem;text-align:center;cursor:pointer}
.hscanner__button{display:flex;align-items:center;justify-content:center}
.hscanner__button--primary{border-color:var(--hscanner-accent);background:var(--hscanner-accent);color:#fff}
.hscanner__button--danger,.hscanner__delete{color:#9d1c1c}
.hscanner button:disabled,.hscanner__button:has(input:disabled){cursor:not-allowed;opacity:.5}
.hscanner button:focus-visible,.hscanner select:focus-visible,.hscanner__button:focus-within{outline:4px solid #efc34f;outline-offset:3px}
.hscanner__file{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hscanner__camera{display:grid;gap:.7rem;padding:.75rem;border:2px solid var(--hscanner-border);border-radius:.9rem;background:var(--hscanner-soft)}.hscanner__camera[hidden]{display:none}.hscanner__camera video{display:block;width:100%;max-height:65vh;object-fit:contain;border-radius:.65rem;background:#050807}.hscanner__camera p{min-height:1.7rem;margin:0;font-weight:800}.hscanner__camera-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:.6rem;align-items:center}
.hscanner__setting{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));align-items:center;gap:.65rem;padding:.75rem;border:1px solid var(--hscanner-border);border-radius:.8rem;background:var(--hscanner-soft)}
.hscanner__setting label{font-weight:700}.hscanner__setting select{flex:1 1 12rem}
.hscanner__check{display:flex;align-items:center;gap:.5rem;min-height:2.75rem}.hscanner__check input{width:1.35rem;height:1.35rem;flex:0 0 auto}
.hscanner__warning{display:grid;gap:.65rem;padding:.8rem;border:2px solid #a46a00;border-radius:.8rem;background:#fff6d9;color:#3d2a00}.hscanner__warning[hidden]{display:none}.hscanner__warning p{margin:0;font-weight:800}.hscanner__button--warning{border-color:#8a5900;background:#fff;color:#563700}
.hscanner__pages{display:grid;gap:.65rem}.hscanner__empty{padding:1.25rem;border:2px dashed var(--hscanner-border);border-radius:.9rem;text-align:center}
.hscanner__empty[hidden]{display:none}.hscanner__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:.8rem;margin:0;padding:0;list-style:none;counter-reset:hscanner-page}
.hscanner__page{display:grid;align-content:start;gap:.6rem;padding:.7rem;border:1px solid var(--hscanner-border);border-radius:.9rem;background:var(--hscanner-card);min-width:0}
.hscanner__figure{display:grid;gap:.45rem;margin:0}.hscanner__preview{display:grid;place-items:center;min-height:12rem;overflow:hidden;border-radius:.65rem;background:#d9e2df}
.hscanner__preview img{display:block;max-width:90%;max-height:18rem;object-fit:contain;transform:rotate(var(--hscanner-rotation));transition:transform .18s ease}
.hscanner__figure figcaption{display:flex;align-items:center;gap:.45rem;min-width:0}.hscanner__number{display:grid;place-items:center;min-width:2rem;height:2rem;border-radius:50%;background:var(--hscanner-accent);color:#fff;font-weight:800}
.hscanner__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hscanner__page-options{display:grid;gap:.5rem}.hscanner__page-mode{display:grid;gap:.25rem;font-weight:700}.hscanner__page-mode select{width:100%}
.hscanner__page-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}.hscanner__page-actions button{padding:.4rem;font-size:1.25rem}
.hscanner__status{min-height:1.7rem;margin:0;font-weight:700}.hscanner[aria-busy="true"]{cursor:progress}
@media(max-width:520px){.hscanner__add,.hscanner__exports{grid-template-columns:1fr}.hscanner__list{grid-template-columns:1fr}.hscanner__preview{min-height:15rem}}
@media(prefers-reduced-motion:reduce){.hscanner__preview img{transition:none}}
@media(prefers-contrast:more){.hscanner__button,.hscanner select,.hscanner__page{border-width:3px}}
@media(prefers-color-scheme:dark){.hscanner{--hscanner-accent:#2cae98;--hscanner-border:#6f8982;--hscanner-card:#17221f;--hscanner-soft:#1b2d28;--hscanner-text:#eef7f4}.hscanner__button--primary{color:#071410}.hscanner__preview{background:#273b36}.hscanner__button--danger,.hscanner__delete{color:#ff9b9b}.hscanner__warning{background:#382d14;color:#fff3c5;border-color:#d99b28}.hscanner__button--warning{background:#211a0b;color:#fff3c5;border-color:#d99b28}}