:root{color-scheme:dark;color:#eef4ff;background:#10151f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{background:radial-gradient(circle at 0 0,#22c55e1f,#0000 34rem),linear-gradient(135deg,#10151f 0%,#151b28 52%,#0d1119 100%);min-width:320px;height:100vh;margin:0;overflow:hidden}html{height:100%;overflow:hidden}button,input{font:inherit}button{border:0}.app{height:100dvh;padding:10px;overflow:hidden}.app[data-text-select=off]{-webkit-touch-callout:none;user-select:none}.shell{grid-template-columns:minmax(0,1fr);width:min(1180px,100%);height:100%;margin:0 auto;display:grid}.status-pill{color:#cbd5e1;text-align:right;background:#0f172ac7;border:1px solid #94a3b838;border-radius:8px;max-width:38%;min-height:32px;padding:7px 10px;font-size:.9rem}.workspace{grid-template-columns:minmax(0,1fr);height:100%;min-height:0;display:grid}.primary-column{grid-template-rows:minmax(0,1fr) auto auto;gap:10px;min-height:0;display:grid}.scanner-panel,.result-panel,.controls-panel{background:#0f172ad1;border:1px solid #94a3b82e;border-radius:8px;box-shadow:0 24px 80px #00000047}.scanner-panel{grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid;overflow:hidden}.camera-stage{cursor:pointer;background:#080d14;min-height:0;position:relative;overflow:hidden}.camera-stage:focus-visible{outline-offset:-3px;outline:3px solid #22c55ec7}.camera-stage[data-state=scanning]{cursor:crosshair}.camera-stage[data-state=starting]{cursor:progress}video,.overlay{width:100%;height:100%;position:absolute;inset:0}video{object-fit:cover}.overlay{pointer-events:none}.guide{border:1px solid #94a3b829;position:absolute;inset:12%}.guide:before,.guide:after,.guide span:before,.guide span:after{content:"";width:38px;height:38px;position:absolute}.guide:before{border-top:3px solid #22c55e;border-left:3px solid #22c55e;top:-1px;left:-1px}.guide:after{border-top:3px solid #22c55e;border-right:3px solid #22c55e;top:-1px;right:-1px}.guide span:before{border-bottom:3px solid #22c55e;border-left:3px solid #22c55e;bottom:-1px;left:-1px}.guide span:after{border-bottom:3px solid #22c55e;border-right:3px solid #22c55e;bottom:-1px;right:-1px}.camera-empty{color:#99a8bd;text-align:center;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.camera-toolbar{border-top:1px solid #94a3b829;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:8px;display:flex}.button-row{flex-wrap:wrap;gap:8px;display:flex}.btn{color:#f8fafc;cursor:pointer;background:#223047;border-radius:8px;min-height:34px;padding:8px 11px}.btn:hover{background:#2c3d59}.btn.primary{background:#15803d}.btn.primary:hover{background:#16a34a}.btn.warning{background:#92400e}.btn.warning:hover{background:#b45309}.btn.ghost{background:0 0;border:1px solid #94a3b83d}.btn:disabled{cursor:not-allowed;opacity:.48}.icon-btn{color:#dbeafe;cursor:pointer;background:#0f172ab8;border:1px solid #94a3b83d;border-radius:8px;place-items:center;width:34px;height:34px;display:inline-grid}.icon-btn:hover{background:#2c3d59}.icon-btn.danger{color:#fed7aa}.history-trigger{flex:none}.capability-pills{flex-wrap:wrap;gap:6px;display:flex}.capability-pills span{color:#a7f3d0;background:#1e293bf2;border-radius:999px;padding:5px 8px;font-size:.78rem}.controls-panel{max-height:38dvh;padding:9px 11px;overflow:auto}.controls-panel summary{cursor:pointer;color:#dbeafe;font-weight:650}.controls-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding-top:10px;display:grid}.control{color:#cbd5e1;gap:6px;font-size:.88rem;display:grid}.control input[type=range]{width:100%}.toggle-control{align-content:start}.switch-row{color:#99a8bd;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;line-height:1.35;display:grid}.switch-row input{accent-color:#22c55e;width:18px;height:18px;margin:1px 0 0}.result-panel{grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;padding:10px;display:grid}.section-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.section-title h2{letter-spacing:0;margin:0;font-size:1rem}.result-value{color:#dbeafe;overflow-wrap:anywhere;background:#0206177a;border:1px solid #94a3b829;border-radius:8px;min-height:52px;max-height:88px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92rem;line-height:1.45}.muted{color:#8ea0b8}.result-meta{color:#99a8bd;grid-column:1/-1;margin:0;font-size:.85rem}.result-actions{align-items:start;gap:6px;display:flex}.history-panel{z-index:20;background:#0f172af5;border-left:1px solid #94a3b838;grid-template-rows:auto minmax(0,1fr);width:min(380px,100vw - 42px);height:100dvh;padding:10px;transition:transform .18s;display:grid;position:fixed;top:0;right:0;box-shadow:-18px 0 50px #0000006b}.history-edge{z-index:24;touch-action:none;width:44px;height:100dvh;position:fixed;top:0;right:0}.history-edge[data-state=open]{pointer-events:none}.history-edge:after{content:"";background:#94a3b857;border-radius:999px;width:4px;height:38px;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.history-panel[data-state=closed]{transform:translate(calc(100% - 18px))}.history-panel[data-state=open]{transform:translate(0)}.drawer-actions{justify-content:flex-end;gap:8px;padding-bottom:8px;display:flex}.history-list{align-content:start;gap:8px;min-height:0;display:grid;overflow:auto}.history-item{color:#e2e8f0;background:#0f172ab8;border:1px solid #94a3b829;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:4px;width:100%;padding:8px;display:grid}.history-item:hover,.history-item.active{background:#15803d29;border-color:#22c55eb3}.history-value{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86rem}.history-select{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;gap:3px;padding:0;display:grid}.history-actions{flex:none;align-items:center;gap:5px;display:flex}.history-meta{color:#8ea0b8;font-size:.78rem}.modal-backdrop{z-index:40;background:#020617ad;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-panel{background:#111827;border:1px solid #94a3b847;border-radius:8px;gap:10px;width:min(420px,100%);padding:16px;display:grid;box-shadow:0 28px 90px #0000007a}.modal-panel h2,.modal-panel p{margin:0}.modal-panel h2{letter-spacing:0;font-size:1rem}.modal-panel p{color:#d1fae5;overflow-wrap:anywhere}.modal-url{color:#99a8bd;overflow-wrap:anywhere;background:#02061785;border:1px solid #94a3b82e;border-radius:8px;max-height:88px;padding:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;overflow:auto}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.processing-canvas{display:none}@media (width>=980px){.primary-column{grid-template-rows:minmax(0,1fr) auto auto;gap:16px;min-height:0;display:grid}}@media (width<=620px){.app{padding:8px}.status-pill{text-align:left;width:auto;max-width:none}.primary-column{grid-template-rows:minmax(0,1fr) auto auto;gap:8px;min-height:0;display:grid}.camera-toolbar{flex-wrap:wrap}.capability-pills{display:none}.controls-panel{max-height:28dvh}}