:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#171923;background:#eef0f4;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden}button,input{font:inherit}.shell{min-height:100dvh;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}.brand{height:58px;padding:max(10px,env(safe-area-inset-top)) 18px 8px;background:#171923;color:#fff;display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700}.brand-mark{width:32px;height:32px;border-radius:9px;background:#6366f1;display:grid;place-items:center;font-size:21px}.scanner{width:min(100%,520px);margin:0 auto;padding:22px 16px calc(22px + env(safe-area-inset-bottom))}h1{font-size:22px;margin:0 0 5px}.intro{margin:0 0 16px;color:#6b7280;font-size:13px;line-height:1.5}.camera-frame{position:relative;width:100%;aspect-ratio:1;background:#11131a;border-radius:20px;overflow:hidden}.camera-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.reticle{position:absolute;inset:19%;border:3px solid rgba(255,255,255,.92);border-radius:18px;box-shadow:0 0 0 999px rgba(0,0,0,.12)}.camera-message{position:absolute;left:14px;right:14px;bottom:15px;text-align:center;color:#fff;font-size:12px;text-shadow:0 1px 3px #000}.status{min-height:42px;margin:12px 0 0;padding:11px 13px;border-radius:10px;background:#fff;color:#4b5563;font-size:13px;line-height:1.45}.status:empty{visibility:hidden}.status.error{visibility:visible;background:#fdeceb;color:#b42318}.status.success{visibility:visible;background:#e6f6ec;color:#166534}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}button,.file-action{min-height:46px;border:0;border-radius:10px;font-weight:650;cursor:pointer;display:flex;align-items:center;justify-content:center}.primary{background:#4f46e5;color:#fff}.primary:disabled{opacity:.55}.secondary{background:#fff;color:#374151;border:1px solid #d7dae1}.fallback{margin-top:14px;padding:14px;background:#fff;border:1px solid #e3e5ea;border-radius:12px;color:#6b7280;font-size:12.5px;line-height:1.5}.file-action{margin-top:9px;min-height:42px;background:#eef0fe;color:#4f46e5}#image-file{position:fixed;left:-9999px;width:1px;height:1px;opacity:0}@media (min-width:600px){.scanner{padding-top:32px}.camera-frame{aspect-ratio:4/3}}