:root{--bg-app: #0f1419;--bg-sidebar: #151b22;--bg-panel: #1c242e;--border: #2d3848;--text: #e8edf4;--text-muted: #8b9cb3;--accent: #3d9cf5;--accent-hover: #5eb0ff;--paper: #f2efe6;--preview-bg: #0a0d11;--preview-matte: #0a0d11;--radius: 10px;--font: "Segoe UI", system-ui, -apple-system, sans-serif;--ad-leader-h: 92px;--topbar-h: 52px}html[data-theme=light]{--bg-app: #eef0f4;--bg-sidebar: #ffffff;--bg-panel: #f7f8fa;--border: #e2e5eb;--text: #1a1d24;--text-muted: #5c6470;--accent: #1b9e5a;--accent-hover: #158a4e;--paper: #f2efe6;--preview-bg: #dfe3ea;--preview-matte: #d1d5db}@media(prefers-color-scheme:light){html[data-theme=system]{--bg-app: #eef0f4;--bg-sidebar: #ffffff;--bg-panel: #f7f8fa;--border: #e2e5eb;--text: #1a1d24;--text-muted: #5c6470;--accent: #1b9e5a;--accent-hover: #158a4e;--paper: #f2efe6;--preview-bg: #dfe3ea;--preview-matte: #d1d5db}}html[data-theme=dark]{--preview-matte: #0a0d11}@media(prefers-color-scheme:dark){html[data-theme=system]{--bg-app: #0f1419;--bg-sidebar: #151b22;--bg-panel: #1c242e;--border: #2d3848;--text: #e8edf4;--text-muted: #8b9cb3;--accent: #3d9cf5;--accent-hover: #5eb0ff;--paper: #f2efe6;--preview-bg: #0a0d11;--preview-matte: #0a0d11}}*,*:before,*:after{box-sizing:border-box}.visually-hidden,.skip-link{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:.65rem;left:.65rem;z-index:10000;width:auto;height:auto;margin:0;padding:.5rem 1rem;clip:auto;overflow:visible;white-space:normal;background:var(--accent);color:#fff;font-weight:600;font-size:.88rem;border-radius:8px;text-decoration:none;box-shadow:0 4px 24px #00000059}html,body{height:100%;margin:0;font-family:var(--font);background:var(--bg-app);color:var(--text)}body.scan-page{display:flex;flex-direction:column;min-height:100%;min-height:100dvh;min-height:100vh}body.scan-page>header.scan-topbar,body.scan-page>.ad-slot--leaderboard{flex-shrink:0}@media(min-width:901px){body.scan-page:has(#adLeaderboard:empty) .app{min-height:calc(100dvh - var(--topbar-h) - 16px);min-height:calc(100vh - var(--topbar-h) - 16px)}body.scan-page:has(#adLeaderboard:empty) .sidebar{max-height:calc(100dvh - var(--topbar-h) - 12px);max-height:calc(100vh - var(--topbar-h) - 12px)}}.scan-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.65rem 1.25rem;background:var(--bg-sidebar);border-bottom:1px solid var(--border)}.scan-topbar__brand{display:inline-flex;align-items:center;font-weight:700;color:var(--text);text-decoration:none;letter-spacing:-.02em;font-size:1.05rem}.scan-topbar__brand:hover{color:var(--accent-hover);text-decoration:none}.scan-topbar__logo{display:block;height:32px;width:auto;max-width:min(168px,40vw)}.scan-topbar__brand:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:6px}.scan-topbar__nav a:focus-visible,.icon-btn:focus-visible,.btn:focus-visible,.file-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.demo-doc-btn{margin-top:.75rem}.scan-topbar__nav{display:flex;flex-wrap:wrap;gap:.5rem 1.1rem;font-size:.88rem}.scan-topbar__nav a{color:var(--text-muted);text-decoration:none}.scan-topbar__nav a:hover{color:var(--accent)}.scan-topbar__nav a[aria-current=page]{color:var(--accent);font-weight:600}.scan-topbar--spread{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem 1rem;padding:.5rem 1rem;min-height:var(--topbar-h)}.scan-topbar__nav--center{justify-content:center;flex-wrap:wrap}.scan-topbar__tools{display:flex;align-items:center;gap:.35rem}.icon-btn{width:40px;height:40px;border-radius:999px;border:1px solid var(--border);background:var(--bg-panel);color:var(--text);cursor:pointer;display:grid;place-items:center;padding:0;font-size:.85rem;transition:background .15s,border-color .15s}.icon-btn:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg-panel))}.icon-btn--link{text-decoration:none}.icon-btn__glyph{line-height:1;font-weight:600;letter-spacing:-.05em}.icon-btn__glyph--theme{width:18px;height:18px;border-radius:50%;background:linear-gradient(90deg,#1a1a1a 50%,#f0f0f0 50%);border:1px solid var(--border)}.dropdown{position:relative}.dropdown__menu{position:absolute;top:calc(100% + 6px);inset-inline-end:0;min-width:200px;max-height:min(70vh,420px);overflow-y:auto;background:var(--bg-sidebar);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 40px #00000040;padding:.35rem;z-index:200}.dropdown__item{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .65rem;border:none;border-radius:6px;background:transparent;color:var(--text);font:inherit;font-size:.88rem;text-align:start;cursor:pointer}.dropdown__item:hover{background:var(--bg-panel)}.dropdown__item--active{color:var(--accent);font-weight:600}.dropdown__item--active:after{content:"✓";color:var(--accent);font-size:.85rem}.ad-slot{box-sizing:border-box}.ad-slot--leaderboard{flex-shrink:0;min-height:var(--ad-leader-h);margin:0 1rem;padding:.35rem 0;display:flex;align-items:center;justify-content:center}.ad-slot--leaderboard:empty{display:none;min-height:0;margin:0;padding:0}.ad-rail{min-width:0}.ad-rail:has(#adRailInner:empty){display:none}.ad-slot--rail{position:sticky;top:.75rem;min-height:250px;max-height:600px;padding:.25rem 0;display:flex;align-items:flex-start;justify-content:center}.ad-slot--rail:empty{display:none;min-height:0;max-height:none;padding:0}.app{display:grid;grid-template-columns:minmax(240px,280px) minmax(0,1fr);flex:1;min-height:0;min-height:calc(100dvh - var(--topbar-h) - var(--ad-leader-h) - 24px);min-height:calc(100vh - var(--topbar-h) - var(--ad-leader-h) - 24px)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) min(300px,32vw);gap:1rem;min-width:0;padding:.75rem 1rem 1rem 0;align-items:start}.mobile-download-bar{display:none}@media(max-width:1280px){.workspace{grid-template-columns:1fr;padding-right:.75rem}.main{order:1}.ad-rail{order:2}.ad-slot--rail{max-height:280px;position:relative;top:0}}@media(max-width:900px){.app{grid-template-columns:1fr;min-height:0;min-height:auto}.scan-topbar--spread{display:grid;grid-template-columns:1fr auto;grid-template-areas:"brand tools" "nav nav";align-items:center;column-gap:.75rem;row-gap:.5rem}.scan-topbar__brand{grid-area:brand;min-width:0}.scan-topbar__nav{grid-area:nav;justify-content:flex-start;width:100%;gap:.35rem .65rem;font-size:.8rem}.scan-topbar__nav--center{justify-content:flex-start}.scan-topbar__tools{grid-area:tools;justify-self:end;align-self:center;flex-shrink:0}.sidebar{max-height:none;overflow:visible;border-right:none;border-bottom:1px solid var(--border)}.workspace{padding-left:.75rem;padding-right:.75rem;padding-bottom:calc(4.35rem + env(safe-area-inset-bottom,0px))}.main{min-height:auto}.preview__frame{padding:.75rem .65rem}.mobile-download-bar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:150;padding:.6rem 1rem calc(.6rem + env(safe-area-inset-bottom,0px));background:var(--bg-sidebar);border-top:1px solid var(--border);box-shadow:0 -8px 24px #0003}.mobile-download-bar__btn{margin-top:0;width:100%}}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);padding:.85rem .9rem 1.25rem}@media(min-width:901px){.sidebar{overflow-y:auto;max-height:calc(100dvh - var(--topbar-h) - var(--ad-leader-h) - 16px);max-height:calc(100vh - var(--topbar-h) - var(--ad-leader-h) - 16px)}}.sidebar__header{margin-bottom:1rem}.sidebar__header--compact .tagline{font-size:.72rem;line-height:1.35}.panel-disclosure{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-panel);margin-bottom:.65rem}.panel-disclosure__summary{list-style:none;cursor:pointer;padding:.65rem .85rem;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);-webkit-user-select:none;user-select:none}.panel-disclosure__summary::-webkit-details-marker{display:none}.panel-disclosure__summary:after{content:"▸";float:right;opacity:.5;transition:transform .15s}.panel-disclosure[open]>.panel-disclosure__summary:after{transform:rotate(90deg)}.panel-disclosure__body{padding:0 .85rem .85rem;border-top:1px solid var(--border)}.brand-lockup{display:flex;align-items:center;gap:.85rem;margin-bottom:.35rem}.brand-lockup__mark{width:52px;height:auto;max-height:52px;object-fit:contain;flex-shrink:0}.brand-lockup__text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.brand-lockup__company{font-size:1.05rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--text)}.brand-lockup__product{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--accent)}.brand-lockup--text{margin-bottom:.15rem}.hint--tight{margin-top:-.2rem;margin-bottom:.5rem;font-size:.72rem;line-height:1.4}.hint--tight code{font-size:.68rem}.logo{font-size:1.35rem;font-weight:650;margin:0 0 .35rem;letter-spacing:-.02em}.tagline{margin:0;font-size:.8rem;color:var(--text-muted);line-height:1.45}.version{margin:.4rem 0 0;font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem;margin-bottom:1rem}.panel__title{margin:0 0 .85rem;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.drop-zone{border-radius:10px;padding:.5rem;margin:0 -.25rem;transition:outline-color .15s,background .15s}.drop-zone--compact{padding:.35rem;margin:.35rem -.25rem 0}.drop-zone--active{outline:2px dashed var(--accent);outline-offset:2px;background:color-mix(in srgb,var(--accent) 10%,transparent)}.drop-zone__hint{margin:.55rem 0 0;font-size:.74rem;color:var(--text-muted);line-height:1.4;text-align:center}.file-btn{display:block;cursor:pointer}.file-btn__label{display:block;text-align:center;padding:.75rem 1rem;background:var(--accent);color:#061018;font-weight:600;border-radius:8px;transition:background .15s}html[data-theme=light] .file-btn__label{color:#fff}@media(prefers-color-scheme:light){html[data-theme=system] .file-btn__label{color:#fff}}.file-btn:hover .file-btn__label{background:var(--accent-hover)}.file-btn--secondary .file-btn__label{background:transparent;color:var(--accent);border:1px solid var(--border);padding:.55rem .85rem;font-weight:500;font-size:.82rem}.file-btn--secondary:hover .file-btn__label{border-color:var(--accent);background:#3d9cf514}.wm-source{border:none;margin:0 0 .75rem;padding:0}.wm-source__legend{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.45rem;padding:0}.wm-source__opt{display:flex;align-items:center;gap:.45rem;font-size:.85rem;margin-bottom:.35rem;cursor:pointer}.wm-source__opt input{accent-color:var(--accent)}.file-name{margin:.6rem 0 0;font-size:.8rem;color:var(--text-muted);word-break:break-all}.status-msg{margin:.45rem 0 0;font-size:.78rem;line-height:1.4;color:#f5a623}.status-msg:empty{display:none}.status-msg--error{color:#ff6b6b}.page-nav{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.85rem;flex-wrap:wrap}.page-nav.hidden{display:none}.page-nav__label{font-size:.8rem;color:var(--text-muted)}.field{display:block;margin-bottom:.9rem}.field:last-child{margin-bottom:0}.field__row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.field__label{display:flex;justify-content:space-between;align-items:baseline;font-size:.8rem;margin-bottom:.35rem;color:var(--text-muted)}.field__label .value{color:var(--text);font-variant-numeric:tabular-nums}.hint{margin:.25rem 0 0;font-size:.72rem;color:var(--text-muted)}input[type=range]{width:100%;accent-color:var(--accent)}.input{width:100%;padding:.45rem .6rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-app);color:var(--text);font:inherit;font-size:.85rem}.switch{position:relative;display:inline-flex;cursor:pointer;align-items:center}.switch input{position:absolute;opacity:0;width:0;height:0}.switch__ui{width:44px;height:24px;background:var(--border);border-radius:999px;position:relative;transition:background .2s}.switch__ui:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:var(--text);border-radius:50%;transition:transform .2s}.switch input:checked+.switch__ui{background:#2a6aaa}.switch input:checked+.switch__ui:after{transform:translate(20px)}.btn{font:inherit;cursor:pointer;border:none;border-radius:8px;padding:.55rem .85rem;font-size:.85rem}.btn--ghost{background:transparent;color:var(--accent);border:1px solid var(--border)}.btn--ghost:hover:not(:disabled){border-color:var(--accent)}.btn--primary{width:100%;margin-top:.75rem;padding:.85rem 1rem;font-weight:600;background:var(--accent);color:#061018}html[data-theme=light] .btn--primary{color:#fff}@media(prefers-color-scheme:light){html[data-theme=system] .btn--primary{color:#fff}}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--block{width:100%;margin-top:.5rem}.btn:disabled{opacity:.45;cursor:not-allowed}.main{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);min-height:min(70vh,900px);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}@media(max-width:960px){.main{grid-template-columns:1fr;min-height:auto}}.preview-col{background:var(--preview-bg);display:flex;flex-direction:column;min-height:0}.preview__heading{margin:0;padding:.65rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border);flex-shrink:0}.preview__frame{flex:1;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:1.25rem 1.5rem;background:radial-gradient(ellipse at center,#141a22 0%,var(--preview-bg) 70%)}.preview__frame--scanned{background:radial-gradient(ellipse at center,#1a222c 0%,var(--preview-bg) 72%)}html[data-theme=light] .preview__frame,html[data-theme=light] .preview__frame--scanned{background:linear-gradient(180deg,#f3f4f6,#e5e7eb)}@media(prefers-color-scheme:light){html[data-theme=system] .preview__frame,html[data-theme=system] .preview__frame--scanned{background:linear-gradient(180deg,#f3f4f6,#e5e7eb)}}.preview__frame canvas{max-width:100%;height:auto;box-shadow:0 12px 40px #00000073;border-radius:2px;background:var(--paper)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}