:root{--scanner-background:#f6f7f9;--scanner-surface:#fff;--scanner-surface-muted:#eef1f5;--scanner-border:#d9dee6;--scanner-text:#171c24;--scanner-text-muted:#626c7a;--scanner-accent:#1f5f9e;--scanner-accent-text:#fff;--scanner-danger:#b3402c;--scanner-radius:10px;--scanner-gap:12px}@media (prefers-color-scheme:dark){:root{--scanner-background:#14171c;--scanner-surface:#1d2128;--scanner-surface-muted:#242a32;--scanner-border:#323943;--scanner-text:#e9edf2;--scanner-text-muted:#96a0ad;--scanner-accent:#5aa7e6;--scanner-accent-text:#0f141a;--scanner-danger:#ef7a63}}body{margin:0}.scanner-app{background:var(--scanner-background);min-height:100vh;color:var(--scanner-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px}.scanner-shell{flex-direction:column;gap:16px;max-width:760px;margin:0 auto;padding:24px 16px 64px;display:flex}.scanner-header{justify-content:space-between;align-items:flex-start;gap:var(--scanner-gap);flex-wrap:wrap;display:flex}.scanner-header__title{margin:0;font-size:22px;font-weight:650}.scanner-header__subtitle{color:var(--scanner-text-muted);margin:4px 0 0}.scanner-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.scanner-panel{background:var(--scanner-surface);border:1px solid var(--scanner-border);border-radius:var(--scanner-radius);gap:var(--scanner-gap);flex-direction:column;padding:16px;display:flex}.scanner-panel__header{justify-content:space-between;align-items:flex-start;gap:var(--scanner-gap);display:flex}.scanner-panel__title{margin:0;font-size:16px;font-weight:650}.scanner-panel__description{color:var(--scanner-text-muted);margin:4px 0 0}.scanner-empty{color:var(--scanner-text-muted);margin:0}.scanner-button{border:1px solid var(--scanner-border);border-radius:var(--scanner-radius);background:var(--scanner-surface);color:var(--scanner-text);cursor:pointer;padding:7px 13px;font-family:inherit;font-size:13px;transition:background .12s,border-color .12s}.scanner-button:hover:not(:disabled){border-color:var(--scanner-accent)}.scanner-button:disabled{opacity:.55;cursor:not-allowed}.scanner-button--primary{background:var(--scanner-accent);border-color:var(--scanner-accent);color:var(--scanner-accent-text);font-weight:600}.scanner-button--danger{border-color:var(--scanner-danger);color:var(--scanner-danger);background:0 0}.scanner-button--ghost{color:var(--scanner-text-muted);background:0 0;border-color:#0000}.scanner-banner{justify-content:space-between;align-items:center;gap:var(--scanner-gap);border:1px solid var(--scanner-border);border-radius:var(--scanner-radius);background:var(--scanner-surface);padding:10px 12px;display:flex}.scanner-banner--success{border-color:var(--scanner-accent)}.scanner-banner--error{border-color:var(--scanner-danger);color:var(--scanner-danger)}.scanner-spinner{color:var(--scanner-text-muted);align-items:center;gap:8px;padding:16px;display:flex}.scanner-spinner__dot{background:var(--scanner-accent);border-radius:50%;width:10px;height:10px;animation:1s ease-in-out infinite scanner-pulse}@keyframes scanner-pulse{0%,to{opacity:.3}50%{opacity:1}}.scanner-login{background:var(--scanner-surface);border:1px solid var(--scanner-border);border-radius:var(--scanner-radius);gap:var(--scanner-gap);flex-direction:column;align-items:flex-start;max-width:420px;margin:15vh auto 0;padding:28px;display:flex}.scanner-login__title{margin:0;font-size:20px}.scanner-login__message{color:var(--scanner-text-muted);margin:0}.scanner-login__error{color:var(--scanner-danger);margin:0}.scanner-stage{flex-direction:column;gap:8px;display:flex}.scanner-stage__frame{border-radius:var(--scanner-radius);border:1px solid var(--scanner-border);background:#000;width:100%;position:relative;overflow:hidden}.scanner-stage__video,.scanner-stage__overlay{width:100%;height:100%;position:absolute;inset:0}.scanner-stage__video{object-fit:cover;display:block}.scanner-stage__overlay{pointer-events:none}.scanner-stage__notice{justify-content:center;align-items:center;gap:var(--scanner-gap);text-align:center;color:#fff;background:#000000b8;flex-direction:column;padding:24px;display:flex;position:absolute;inset:0}.scanner-stage__hint{text-align:center;color:var(--scanner-text-muted);margin:0}.scanner-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.scanner-finish{gap:4px;margin-left:auto;display:flex}.scanner-photo{cursor:pointer}.scanner-photo__label{border-radius:var(--scanner-radius);color:var(--scanner-text-muted);border:1px solid #0000;padding:7px 13px;font-size:13px;display:inline-block}.scanner-photo__label:hover{border-color:var(--scanner-accent)}.scanner-photo__input{display:none}.scanner-pages{gap:var(--scanner-gap);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin:0;padding:0;list-style:none;display:grid}.scanner-pages__item{border:1px solid var(--scanner-border);border-radius:var(--scanner-radius);background:var(--scanner-surface-muted);flex-direction:column;display:flex;overflow:hidden}.scanner-pages__image{aspect-ratio:3/4;object-fit:cover;object-position:top;background:#fff;width:100%;display:block}.scanner-pages__footer{justify-content:space-between;align-items:center;gap:4px;padding:4px 4px 4px 10px;display:flex}.scanner-pages__number{color:var(--scanner-text-muted);font-size:12px}