:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:radial-gradient(circle at 0 0,#22c55e3d,#0000 26%),radial-gradient(circle at 100% 0,#38bdf82e,#0000 22%),linear-gradient(#08111f 0%,#0f172a 100%);font-family:Manrope,Segoe UI,sans-serif;font-weight:500;line-height:1.5}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0}body.body-locked{overflow:hidden}button,input,textarea,select{font:inherit}code{font-family:JetBrains Mono,SFMono-Regular,monospace}.shell{min-height:100vh;padding:12px}.app-shell{gap:14px;width:min(960px,100%);margin:0 auto;display:grid}.scanner-stage,.panel,.sheet{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ac2;border:1px solid #94a3b829;border-radius:28px;box-shadow:0 18px 60px #0f172a59}.scanner-stage,.panel{padding:16px}.app-topbar,.panel-header,.slide-toolbar,.sheet-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.app-kicker,.panel-eyebrow,.sheet-eyebrow{color:#67e8f9;text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:.72rem}.app-topbar h1,.panel h2,.sheet h2,.sheet h3{margin:0}.app-topbar h1{margin-top:4px;font-size:clamp(1.75rem,7vw,2.8rem);line-height:.98}.status-pill{color:#e2e8f0;letter-spacing:.04em;text-align:center;background:#94a3b824;border-radius:999px;justify-content:center;align-items:center;min-height:38px;padding:.35rem .8rem;font-size:.82rem;font-weight:800;display:inline-flex}.status-pill[data-state=scanning]{color:#bbf7d0;background:#22c55e2e}.status-pill[data-state=error],.status-pill[data-state=unsupported]{color:#fecaca;background:#ef44442e}.scanner-card{margin-top:14px}.scanner-frame{aspect-ratio:4/4.9;touch-action:manipulation;background:linear-gradient(#0f172a2e,#0f172ad1),#020617;border-radius:24px;position:relative;overflow:hidden}.scanner-frame[data-tap-focus=true]{cursor:crosshair}.scanner-frame:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#94a3b80f 1px,#0000 1px),linear-gradient(90deg,#94a3b80f 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.scanner-frame video{object-fit:cover;opacity:.24;width:100%;height:100%;transition:opacity .18s}.scanner-video--active{opacity:1!important}.scanner-overlay{place-items:center;display:grid;position:absolute;inset:0}.scanner-target{aspect-ratio:1;border:2px solid #67e8f9eb;border-radius:24px;width:min(72vw,280px);position:relative;box-shadow:0 0 0 999px #02061757,0 0 24px #22c55e47}.scanner-target:after{content:"";background:#86efaceb;border-radius:999px;height:2px;animation:2.4s linear infinite scanline;position:absolute;top:14px;left:14px;right:14px;box-shadow:0 0 18px #22c55e73}.scanner-hint{color:#e2e8f0;background:#020617a3;border-radius:16px;padding:12px 14px;position:absolute;bottom:14px;left:14px;right:14px}.focus-marker{border:2px solid #facc15f2;border-radius:22px;width:74px;height:74px;animation:.9s ease-out forwards focus-pulse;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 28px #facc154d}.action-row,.utility-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.primary-button,.secondary-button,.ghost-button,.swipe-tab,.sheet-close{cursor:pointer;border:0;border-radius:999px;padding:14px 18px;transition:transform .16s,opacity .16s,background-color .16s}.primary-button{color:#04111d;background:linear-gradient(135deg,#22c55e,#06b6d4);font-weight:800}.secondary-button,.ghost-button,.swipe-tab,.sheet-close{color:#f8fafc;background:#94a3b824}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.swipe-tab:hover,.sheet-close:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.ghost-button--compact{padding:10px 14px;font-size:.88rem}.error-banner{color:#fecaca;background:#ef444429;border-radius:18px;margin:14px 0 0;padding:14px 16px}.panel-header--mobile{flex-direction:column}.panel-header-main,.card-toolbar{justify-content:space-between;align-items:flex-start;gap:12px;width:100%;display:flex}.panel-header-main{flex-wrap:wrap}.swipe-tabs{background:#0206176b;border-radius:22px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;padding:6px;display:inline-grid}.swipe-tab{padding:10px 14px;font-size:.9rem;font-weight:700}.swipe-tab[data-active=true]{color:#bbf7d0;background:#22c55e2e}.swipe-hint{color:#94a3b8;margin:12px 0 0;font-size:.88rem}.swipe-carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;grid-auto-columns:100%;grid-auto-flow:column;gap:12px;margin-top:14px;display:grid;overflow-x:auto}.swipe-carousel::-webkit-scrollbar{display:none}.swipe-slide{scroll-snap-align:start;min-width:0}.slide-toolbar,.card-toolbar{margin-bottom:12px}.scan-screen-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:.74rem}.slide-empty{color:#94a3b8;text-align:center;border:1px dashed #94a3b838;border-radius:20px;place-items:center;min-height:240px;padding:20px;display:grid}.last-code{color:#dcfce7;background:#22c55e1f;border-radius:22px;margin:0;padding:14px 16px}.last-code-value{overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;margin-top:8px;display:block}.scan-classification{color:#bbf7d0;margin-top:8px;font-size:.9rem;font-weight:700;display:block}.scan-preview{border:1px solid #94a3b82e;border-radius:16px;width:min(220px,100%);margin-top:12px;display:block;box-shadow:0 12px 32px #02061747}.scan-preview--large{width:min(280px,100%)}.scan-tags{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.scan-tag{color:#cbd5e1;letter-spacing:.04em;background:#0f172a7a;border:1px solid #94a3b83d;border-radius:999px;align-items:center;padding:.18rem .52rem;font-size:.76rem;font-weight:700;display:inline-flex}.scan-tag--gs1{color:#bbf7d0;background:#22c55e29;border-color:#22c55e47}.scan-tag--gs1-error{color:#fecaca;background:#ef444429;border-color:#f871714d}.validation-note{margin-top:10px;font-size:.9rem;line-height:1.45;display:block}.validation-note--ok{color:#bbf7d0}.validation-note--error{color:#fecaca}.secondary-value,.log-secondary-value{color:#bfdbfe;overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word;margin-top:10px;display:block}.log-secondary-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px;font-size:.78rem;display:block}.barcode-value{overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word}.barcode-value__control{color:#fde68a;letter-spacing:.04em;vertical-align:middle;background:#facc1529;border:1px solid #facc1559;border-radius:999px;align-items:center;margin:0 .16rem;padding:.08rem .42rem;font-size:.78em;font-weight:700;line-height:1.35;display:inline-flex}.log-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.log-item{background:#0f172a94;border:1px solid #94a3b81f;border-radius:20px;padding:16px 18px}.log-meta{color:#94a3b8;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:.85rem;display:flex}.log-item code{color:#e2e8f0;overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word;display:block}.log-value,.log-secondary-value{-webkit-user-select:all;user-select:all}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.status-grid--compact{margin-top:0}.status-card{background:#0f172a94;border:1px solid #94a3b824;border-radius:18px;gap:8px;padding:14px;display:grid}.status-card span{color:#94a3b8;font-size:.78rem}.status-card[data-ok=true] strong{color:#86efac}.status-card[data-ok=false] strong{color:#fca5a5}.camera-tools{background:#0f172a6b;border:1px solid #94a3b81f;border-radius:18px;margin-top:10px;padding:14px}.camera-select-control{gap:10px;display:grid}.camera-select-control span,.zoom-control span{color:#94a3b8;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}.camera-select{color:#f8fafc;background:#020617bf;border:1px solid #94a3b833;border-radius:16px;width:100%;padding:12px 14px}.camera-select:disabled{opacity:.5;cursor:not-allowed}.zoom-control{color:#e2e8f0;grid-template-columns:auto auto;align-items:center;gap:10px 16px;display:grid}.zoom-control strong{justify-self:end}.zoom-slider{accent-color:#22c55e;grid-column:1/-1;width:100%}.helper-note{color:#cbd5e1;margin:8px 0 0}.sheet-backdrop{z-index:30;overscroll-behavior:contain;background:#0206179e;align-items:flex-end;padding:12px;display:flex;position:fixed;inset:0}.sheet{overscroll-behavior:contain;border-radius:28px 28px 20px 20px;width:min(640px,100%);max-height:min(82vh,760px);margin:0 auto;padding:18px;overflow:auto}.sheet-title h2{margin-top:4px}.sheet-body{gap:18px;margin-top:18px;display:grid}.sheet-section{gap:8px;display:grid}.sheet-copy p,.sheet-copy li{color:#cbd5e1;margin:0}@keyframes scanline{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:.9;transform:translateY(calc(min(72vw,280px) - 56px))}}@keyframes focus-pulse{0%{opacity:0;transform:translate(-50%,-50%)scale(.82)}18%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.04)}}@media (width>=900px){.shell{padding:24px}.app-shell{grid-template-columns:minmax(360px,.94fr) minmax(0,1.06fr);align-items:start;gap:18px}.scanner-stage{position:sticky;top:24px}.panel-header--mobile{flex-direction:row;align-items:center}.panel-header-main,.card-toolbar{align-items:center}.swipe-tabs{width:auto;min-width:260px}.sheet-backdrop{align-items:center;padding:24px}.sheet{border-radius:28px}}