:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f4f6;--panel:#fff;--ink:#111827;--muted:#6b7280;--line:#e5e7eb;--accent:#0f766e;font-family:Segoe UI,system-ui,sans-serif;line-height:1.4}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0}header,main{max-width:960px;margin:0 auto;padding:1rem 1.25rem}header p{color:var(--muted);margin:.25rem 0 0}.nav{gap:.75rem;margin-top:.75rem;display:flex}.nav a{color:var(--accent);font-weight:600;text-decoration:none}.nav a[aria-current=page]{text-decoration:underline}.stage{aspect-ratio:16/9;background:#111;position:relative;overflow:hidden}.stage #main-video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.pip-stack{z-index:2;--pip-accent:#9ca3af;flex-direction:column;gap:6px;width:min(28%,280px);display:flex;position:absolute;top:12px;right:12px}.pip-stack.is-idle{--pip-accent:#9ca3af}.pip-stack.is-hit{--pip-accent:#22c55e}.pip-stack .pip{aspect-ratio:4/3;object-fit:cover;border:2px solid var(--pip-accent);background:#000;width:100%;transition:border-color .2s;display:block;box-shadow:0 4px 16px #00000073}.scan-panel{background:color-mix(in srgb, var(--pip-accent) 28%, transparent);color:#fff;border:1px solid var(--pip-accent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-sizing:border-box;max-width:100%;padding:8px 10px;font-size:.75rem;line-height:1.35;transition:background .2s,border-color .2s;overflow:hidden}.scan-row{flex-direction:column;gap:.15rem;min-width:0;display:flex}.scan-row+.scan-row{margin-top:.4rem}.scan-row span{color:#ffffffbf}.scan-row strong{overflow-wrap:anywhere;word-break:break-all;text-align:left;min-width:0;max-width:100%;font-weight:600}#scan-code.is-blink{animation:.55s ease-in-out scan-code-blink}@keyframes scan-code-blink{0%,to{opacity:1}35%,65%{opacity:.15}}.controls{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}button{border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;padding:.5rem .75rem}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button:disabled{opacity:.45;cursor:not-allowed}button:not(:disabled):hover{filter:brightness(.97)}.panel{background:var(--panel);border:1px solid var(--line);margin-top:1rem;padding:.75rem 1rem}.field{flex-direction:column;gap:.35rem;margin-bottom:.85rem;display:flex}.field span{font-size:.95rem;font-weight:600}.field select{border:1px solid var(--line);font:inherit;background:#fff;padding:.5rem .6rem}.status-line{color:var(--muted);margin:.75rem 0 0}.panel h2{margin:0 0 .5rem;font-size:1rem}.result-tabs{padding:0;overflow:hidden}.tab-list{border-bottom:1px solid var(--line);background:#f9fafb;gap:0;display:flex}.tab-btn{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:.7rem 1rem;font-weight:600}.tab-btn.is-active{color:var(--accent);border-bottom-color:var(--accent);background:var(--panel)}.tab-count{background:var(--line);min-width:1.25rem;color:var(--ink);border-radius:999px;margin-left:.25rem;padding:.05rem .35rem;font-size:.75rem;font-weight:700;display:inline-block}.tab-panel{padding:.75rem 1rem 1rem}.table-wrap{overflow-x:auto}.result-table{border-collapse:collapse;width:100%;font-size:.9rem}.result-table th,.result-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:.55rem .6rem}.result-table th{color:var(--muted);white-space:nowrap;font-weight:600}.result-table td.num{width:2.5rem;color:var(--muted)}.result-table .code-cell{word-break:break-all;max-width:280px}.btn-view{border:1px solid var(--accent);color:var(--accent);cursor:pointer;font-weight:600;font:inherit;background:0 0;padding:.3rem .65rem;text-decoration:none;display:inline-block}.btn-view:hover{background:color-mix(in srgb, var(--accent) 12%, transparent)}.btn-download{border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;font-weight:600;font:inherit;padding:.3rem .65rem;text-decoration:none;display:inline-block}.btn-download:hover{border-color:var(--accent);color:var(--accent)}.row-actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}