.vq{max-width:1180px;margin-inline:auto}.vq button{width:auto;padding:0;border:0;border-radius:0;background:none;color:inherit;font:inherit;letter-spacing:normal;text-align:left}.vq button:hover,.vq button:active{transform:none;box-shadow:none;background:none;color:inherit}.vq>p,.vq>ul,.vq>ol{max-width:max(86ch,86%)}.vq .lead{font-size:1.06rem;color:var(--text-primary)}.vq .list-lead{margin-bottom:.4em}.vq h2{display:flex;align-items:center;gap:16px;margin:64px 0 20px;font-family:var(--font-display, "Bebas Neue", sans-serif);font-weight:400;font-size:clamp(1.5rem,3vw,1.9rem);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);line-height:1}.vq h2::before{content:"";flex-shrink:0;width:6px;height:6px;transform:rotate(45deg);background:var(--accent);box-shadow:0 0 8px rgba(201,168,76,.5)}.vq h2::after{content:"";flex:1;height:1px;background:linear-gradient(90deg, rgba(201, 168, 76, 0.35) 0%, var(--border-subtle) 28%, transparent 100%)}.vq h3{margin:40px 0 .5em;padding-left:14px;border-left:2px solid rgba(201,168,76,.45);font-size:1.3rem}.vq h4{display:flex;align-items:center;gap:12px;margin:30px 0 10px;font-family:var(--font-mono, "SF Mono", "Fira Code", "JetBrains Mono", Consolas, monospace);font-size:.75rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-bright)}.vq h4::after{content:"";flex:1;height:1px;background:var(--border-subtle)}.vq pre{padding:16px 18px;border-left:2px solid rgba(201,168,76,.25);font-family:var(--font-mono, "SF Mono", "Fira Code", "JetBrains Mono", Consolas, monospace);font-size:.8rem;line-height:1.7;color:var(--text-secondary);white-space:pre-wrap;overflow-wrap:anywhere}.vq .page-header{margin-bottom:32px}.vq .clip-list{display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:16px;max-width:none;margin:0 0 1.4em;padding:0;list-style:none}.vq .clip-list>li{margin:0;padding:16px 18px;background:linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.01)),var(--bg-container);border:1px solid var(--border-subtle);border-radius:var(--radius)}.vq .clip-list>li::before{content:none}.vq .clip-title{margin-bottom:8px;color:var(--text-primary);font-weight:600;line-height:1.35}.vq .clip-specs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.vq .spec{padding:2px 8px;border:1px solid var(--border-subtle);border-radius:999px;background:rgba(255,255,255,.03);font-family:var(--font-mono, "SF Mono", "Fira Code", "JetBrains Mono", Consolas, monospace);font-size:.66rem;letter-spacing:.06em;color:var(--text-muted)}.vq .clip-note{margin-bottom:0;font-size:.88rem;color:var(--text-muted);line-height:1.6}.vq .vq-module{padding:clamp(16px,2.2vw,24px);margin-bottom:28px;background:linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.01)),var(--bg-container);border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);box-shadow:0 6px 20px -8px rgba(0,0,0,.55)}.vq .vq-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid var(--border-subtle)}.vq .vq-hint{margin:14px 0 0;max-width:78ch;font-size:.82rem;line-height:1.6;color:var(--text-muted)}.vq .k{font-family:var(--font-mono, "SF Mono", "Fira Code", "JetBrains Mono", Consolas, monospace);font-size:.68rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)}.vq .v{font-family:var(--font-mono, "SF Mono", "Fira Code", "JetBrains Mono", Consolas, monospace);font-size:.84rem;font-weight:400;color:var(--text-primary)}.vq .readout{display:grid;grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));gap:1px;margin:0 0 18px;background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden}.vq .readout>div{display:flex;flex-direction:column;gap:5px;padding:12px 16px;background:rgba(0,0,0,.32);min-width:0}.vq .readout dt{font-family:var(--font-mono, "SF Mono", "Fira Code", "JetBrains Mono", Consolas, monospace);font-size:.68rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);margin-bottom:0;font-weight:500}.vq .readout dd{font-family:var(--font-mono, "SF Mono", "Fira Code", "JetBrains Mono", Consolas, monospace);font-size:.84rem;font-weight:400;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vq .channels{display:flex;flex-wrap:wrap;gap:8px}.vq .chan{display:inline-flex;align-items:center;background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:999px;color:var(--text-muted);cursor:pointer;transition:color 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)}.vq .chan:hover{color:var(--text-primary);background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.18)}.vq .chan[aria-pressed=true]{color:var(--text-primary);background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.45)}.vq .chan:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.vq .chan{gap:8px;padding:7px 16px 7px 12px;font-size:.74rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.vq .chan::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--text-faint);transition:background-color 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94),box-shadow 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)}.vq .chan[aria-pressed=true]{color:var(--accent-bright)}.vq .chan[aria-pressed=true]::before{background:var(--accent-bright);box-shadow:0 0 8px rgba(255,212,94,.55)}.vq .sources{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.vq .sources[hidden]{display:none}.vq .sources .k{margin-right:2px}.vq .src{display:inline-flex;align-items:center;background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;transition:color 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)}.vq .src:hover{color:var(--text-primary);background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.18)}.vq .src[aria-pressed=true]{color:var(--text-primary);background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.45)}.vq .src:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.vq .src{gap:9px;min-width:0;padding:6px 14px;font-family:var(--font-mono, "SF Mono", "Fira Code", "JetBrains Mono", Consolas, monospace);font-size:.74rem;letter-spacing:.04em;white-space:nowrap}.vq .src[aria-pressed=true]{box-shadow:inset 2px 0 0 var(--accent)}.vq .src .src-ref{max-width:22ch;margin-left:auto;color:var(--text-faint);font-size:.68rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vq .tags{display:flex;flex-wrap:wrap;gap:4px;min-width:0}.vq .tag{display:inline-flex;align-items:baseline;gap:5px;padding:2px 7px;background:rgba(255,255,255,.03);border:1px solid var(--border-subtle);border-radius:4px;font-family:var(--font-mono, "SF Mono", "Fira Code", "JetBrains Mono", Consolas, monospace);font-size:.68rem;font-weight:400;line-height:1.5;letter-spacing:0;text-transform:none;color:var(--text-muted);white-space:nowrap}.vq .tag b{font-weight:600;color:var(--text-secondary)}.vq .tag-codec{color:var(--text-primary);font-weight:600;letter-spacing:.1em;text-transform:uppercase}.vq .tag-enc{background:rgba(201,168,76,.07);border-color:rgba(201,168,76,.25);color:var(--text-primary)}.vq .tag-q{border-style:dashed}.vq .tags-mini{display:grid;grid-template-columns:minmax(0, 6.4ch) minmax(0, 12.6ch) minmax(0, 25.5ch) minmax(0, 9.6ch);align-items:center;justify-items:start;gap:3px;font-family:var(--font-mono, "SF Mono", "Fira Code", "JetBrains Mono", Consolas, monospace);font-size:.62rem}.vq .tags-mini .tag{max-width:100%;padding:1px 4px;font-size:inherit;line-height:1.55}.vq .tags-mini .tag-codec,.vq .tags-mini .tag-enc,.vq .tags-mini .tag:nth-child(3){width:100%}.vq .tags-mini .tag:nth-child(3):last-child{grid-column:3/-1}.vq .plot{position:relative;height:clamp(320px,54vh,560px);padding:18px 20px 12px;background:rgba(0,0,0,.32);border:1px solid var(--border-subtle);border-radius:8px}.vq .plot canvas{width:100% !important;height:100% !important}.vq .plot.tracking canvas{cursor:crosshair}.vq .corner{position:absolute;top:10px;right:12px;z-index:2;padding:4px 11px;background:rgba(0,0,0,.55);border:1px solid var(--border-subtle);border-radius:999px;font-family:var(--font-mono, "SF Mono", "Fira Code", "JetBrains Mono", Consolas, monospace);font-size:.68rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);color:var(--text-secondary)}.vq .ghost{position:absolute;z-index:3;padding:10px 13px 11px;background:var(--overlay-bg);border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.55);font-family:var(--font-mono, "SF Mono", "Fira Code", "JetBrains Mono", Consolas, monospace);font-size:.7rem;color:var(--text-muted);white-space:nowrap;pointer-events:none}.vq .ghost[hidden]{display:none}.vq .ghost .g-head{max-width:40ch}.vq .ghost .g-head .tags{max-width:40ch}.vq .ghost .g-tag{display:inline-block;margin:8px 0;padding:2px 7px;border:1px solid;border-radius:3px;font-size:.58rem;letter-spacing:.16em;text-transform:uppercase}.vq .ghost .g-tag.g-est{border-style:dashed}.vq .ghost dl{margin:0}.vq .ghost .g-rows{display:grid;grid-template-columns:auto auto;gap:3px 16px;margin:0}.vq .ghost dt{margin:0;color:var(--text-faint);font-weight:400}.vq .ghost dd{margin:0;text-align:right;color:var(--text-secondary)}.vq .ghost .g-key{color:var(--text-primary)}.vq .legend{display:flex;flex-direction:column;gap:18px;margin-top:20px}.vq .cat{min-width:0}.vq .cat-items{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:0 24px;margin-top:4px}.vq .cat-head{display:flex;align-items:baseline;gap:10px;width:100%;padding:6px 6px 7px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-mono, "SF Mono", "Fira Code", "JetBrains Mono", Consolas, monospace);font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:background-color 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94),color 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)}.vq .cat-head:hover{background:rgba(255,255,255,.045);border-bottom-color:rgba(201,168,76,.35)}.vq .cat-head:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.vq .cat-head .cat-dot{flex:0 0 8px;height:8px;border-radius:50%;transition:opacity 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)}.vq .cat-head .cat-name{flex:1 1 auto}.vq .cat-head .cat-count{color:var(--text-faint);font-size:.62rem;letter-spacing:.12em}.vq .cat-head[aria-pressed=false]{color:var(--text-faint)}.vq .cat-head[aria-pressed=false] .cat-dot{opacity:.25}.vq .cat-head[aria-pressed=mixed] .cat-dot{opacity:.6}.vq .lg{display:flex;align-items:flex-start;gap:10px;width:100%;padding:6px;border-radius:6px;color:var(--text-secondary);font-family:var(--font-mono, "SF Mono", "Fira Code", "JetBrains Mono", Consolas, monospace);font-size:.74rem;cursor:pointer;transition:opacity 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94),color 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)}.vq .lg:hover{background:rgba(255,255,255,.045);color:var(--text-primary)}.vq .lg:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.vq .lg .swatch{flex:0 0 18px;height:3px;margin-top:9px;border-radius:2px;transition:height 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94),opacity 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)}.vq .lg .tags{flex:1 1 auto}.vq .lg .count{margin-top:3px;color:var(--text-faint);font-size:.68rem}.vq .lg[aria-pressed=false]{color:var(--text-faint)}.vq .lg[aria-pressed=false] .swatch{opacity:.28}.vq .lg[aria-pressed=false] .tag{opacity:.45}.vq .lg.lit{background:rgba(255,255,255,.06);box-shadow:inset 2px 0 0 var(--accent)}.vq .lg.lit .swatch{height:5px}.vq .lg.lit .tag{border-color:rgba(255,255,255,.16)}.vq .lg.faded{opacity:.32}.vq .still-frame{position:relative;display:flex;align-items:center;justify-content:center;height:clamp(320px,54vh,560px);background:rgba(0,0,0,.32);border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden}.vq .still-frame img{display:block;width:100%;height:100%;object-fit:contain}.vq .still-frame img[hidden]{display:none}.vq .still-frame .corner{max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vq .still-frame::after{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg, transparent, var(--accent-bright), transparent);opacity:0;pointer-events:none}.vq .still-frame.busy::after{opacity:.9;animation:vq-sweep 900ms linear infinite}.vq .still-note{position:absolute;max-width:60ch;margin:0;padding:0 24px;font-family:var(--font-mono, "SF Mono", "Fira Code", "JetBrains Mono", Consolas, monospace);font-size:.78rem;line-height:1.75;text-align:center;color:var(--text-faint);word-break:break-word}.vq .still-note[hidden]{display:none}.vq .picker{display:grid;grid-template-columns:repeat(auto-fill, minmax(var(--pick-min, 160px), 1fr));gap:6px;margin-top:16px}.vq .picker[hidden]{display:none}.vq .picker .k{grid-column:1/-1;margin:0;line-height:1;font-size:.62rem}.vq .picker-sources{--pick-min: 210px;margin-top:0px;padding-bottom:8px}.vq .picker-runs{--pick-min: 300px;margin-top:8px}.vq .picker-points{--pick-min: 84px}.vq .run{display:inline-flex;align-items:center;background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;transition:color 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)}.vq .run:hover{color:var(--text-primary);background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.18)}.vq .run[aria-pressed=true]{color:var(--text-primary);background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.45)}.vq .run:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.vq .run{gap:7px;min-width:0;padding:5px 9px 5px 8px;justify-content:center}.vq .run .tags-mini{min-width:0}.vq .run .tag{min-width:0;overflow:hidden}.vq .run .tag b{min-width:0;overflow:hidden;text-overflow:ellipsis}.vq .run .run-dot{flex:0 0 6px;height:6px;border-radius:50%;opacity:.4;transition:opacity 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94),box-shadow 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)}.vq .run[aria-pressed=true] .run-dot{opacity:1;box-shadow:0 0 7px currentColor}.vq .run[aria-pressed=false] .tag{opacity:.72}.vq .qbtn{display:inline-flex;align-items:center;background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;transition:color 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)}.vq .qbtn:hover{color:var(--text-primary);background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.18)}.vq .qbtn[aria-pressed=true]{color:var(--text-primary);background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.45)}.vq .qbtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.vq .qbtn{justify-content:center;min-width:0;padding:5px 9px;border-bottom-width:2px;font-family:var(--font-mono, "SF Mono", "Fira Code", "JetBrains Mono", Consolas, monospace);font-size:.72rem;text-align:center}.vq .qbtn[aria-pressed=true]{border-bottom-color:var(--run-color, var(--accent))}@media(max-width: 768px){.vq .vq-module{padding:14px;margin-inline:-6px}.vq .vq-controls{justify-content:flex-start}.vq .readout{grid-template-columns:repeat(auto-fit, minmax(120px, 1fr))}.vq .readout>div{padding:10px 12px}.vq .plot{padding:14px 8px 8px}.vq .cat-items{grid-template-columns:1fr}.vq .picker-sources,.vq .picker-runs{--pick-min: 100%}.vq .picker-points{--pick-min: 72px}.vq .sources .src-ref{display:none}}@keyframes vq-sweep{from{transform:translateX(-100%)}to{transform:translateX(100%)}}@media(prefers-reduced-motion: reduce){.vq *{transition:none !important;animation:none !important}}
