:root{color:#f8fafc;background:#0f1115;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(160deg,#0f1115fa,#1d232cfa),radial-gradient(circle at 20% 0%,rgba(47,129,247,.18),transparent 34%)}button,label{-webkit-tap-highlight-color:transparent}.app-shell{width:min(100%,720px);margin:0 auto;padding:20px 16px 32px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.eyebrow{margin:0 0 5px;color:#8bd3dd;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(2rem,11vw,3.1rem);line-height:.95}.topbar h1{font-size:2rem}.status-pill,.capabilities span,.metrics span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.status-pill{padding:9px 11px;border:1px solid rgba(139,211,221,.35);border-radius:999px;background:#8bd3dd1f;color:#d9fbff;font-weight:700}.hero{display:grid;gap:16px;padding:8px 0 18px}.hero__copy h2{margin-bottom:10px;font-size:clamp(2.15rem,12vw,4.8rem);line-height:.98}.hero__copy p{color:#d0d7e2;font-size:1.05rem;line-height:1.55}.capabilities{display:flex;flex-wrap:wrap;gap:10px}.capabilities span{padding:10px 12px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#ffffff12;color:#eff6ff;font-weight:700}.scanner{display:grid;gap:14px}.scanner__preview{position:relative;overflow:hidden;width:100%;aspect-ratio:4 / 5;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#080a0d}.scanner__video{width:100%;height:100%;object-fit:cover}.scanner__frame{position:absolute;top:12%;right:12%;bottom:12%;left:12%;display:grid;place-items:center;border:3px solid rgba(139,211,221,.95);border-radius:8px;color:#8bd3dd;box-shadow:0 0 0 999px #00000047}.scanner__frame:before,.scanner__frame:after{position:absolute;left:12%;right:12%;height:2px;background:#8bd3dd6b;content:""}.scanner__frame:before{top:33%}.scanner__frame:after{top:66%}.scanner__hint{position:absolute;right:14px;bottom:14px;left:14px;padding:12px;border-radius:8px;background:#060a0fd1;color:#fff;font-weight:800;text-align:center}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.primary-action,.secondary-action,.icon-action{display:inline-flex;align-items:center;justify-content:center;min-height:54px;border:0;border-radius:8px;font:inherit;font-weight:900;cursor:pointer}.primary-action{grid-column:1 / -1;gap:10px;background:#8bd3dd;color:#071014;font-size:1.15rem}.secondary-action{gap:8px;border:1px solid rgba(255,255,255,.17);background:#ffffff17;color:#f8fafc}.secondary-action--wide{width:100%}.primary-action:disabled,.secondary-action:disabled{cursor:wait;opacity:.62}.file-action{position:relative}.file-action input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.mobile-fallback,.notice{display:flex;align-items:center;gap:8px;margin:0;color:#d0d7e2;font-size:.92rem}.notice--warn{padding:12px;border-left:4px solid #ffd166;border-radius:8px;background:#ffd1661f;color:#ffe9ad}.processing,.result-panel{margin-top:18px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff14}.processing{display:flex;align-items:center;gap:12px;padding:16px;color:#eef6ff;font-weight:800}.spinner{width:22px;height:22px;border:3px solid rgba(255,255,255,.2);border-top-color:#8bd3dd;border-radius:50%;animation:spin .8s linear infinite}.result-panel{display:grid;gap:16px;padding:16px}.result-panel--error{border-color:#ff6b6b73;background:#ff6b6b1c}.result-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.result-panel h2{margin-bottom:0;color:#fff;font-size:clamp(1.8rem,9vw,3rem);line-height:1.06;overflow-wrap:anywhere}.icon-action{width:54px;flex:0 0 54px;background:#ffe66d;color:#151208}.metrics{display:flex;flex-wrap:wrap;gap:8px}.metrics span{padding:8px 10px;border-radius:8px;background:#ffffff1a;color:#eef6ff;font-size:.92rem;font-weight:800}.warning-list{display:grid;gap:8px}.warning-list p{margin:0;padding:10px;border-left:4px solid #ffd166;border-radius:8px;background:#ffd1661f;color:#ffe9ad}.overlay-card{overflow:hidden;border-radius:8px;background:#07090c}.overlay-card img{display:block;width:100%;max-height:460px;object-fit:contain}.raw-output{display:grid;gap:6px}.raw-output code{display:block;max-width:100%;padding:12px;border-radius:8px;background:#00000047;color:#d9fbff;overflow-wrap:anywhere}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:760px){.app-shell{padding-top:28px}.hero{grid-template-columns:1.3fr .7fr;align-items:end}.scanner__preview{aspect-ratio:16 / 9}.action-grid{grid-template-columns:1.5fr 1fr 1fr}.primary-action{grid-column:auto}}