.setup-toggle{margin-bottom:18px}.setup-toggle>summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;cursor:pointer;list-style:none}.setup-toggle>summary::-webkit-details-marker{display:none}.setup-toggle>summary:before{content:"▸";color:var(--accent);font-size:1.1rem;transition:transform .15s}.setup-toggle[open]>summary:before{transform:rotate(90deg)}.setup-toggle>summary h2{margin:0}.setup-toggle[open]>summary{margin-bottom:14px}.setup-routes{display:grid;gap:12px}.setup-panel{min-width:0;margin-bottom:0;padding:14px;border:1px solid var(--border);border-radius:14px;background:#ffffffb3}.setup-panel>summary h3{margin:0;font-size:1.05rem}.setup-panel>summary{flex-wrap:nowrap;align-items:center}.setup-flow{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.setup-node{display:inline-flex;flex-direction:column;align-items:center;gap:.3rem;padding:.5rem .6rem;border:1px solid var(--border);border-radius:.6rem;background:#f1f3f3;color:#173b36;font-size:.72rem;line-height:1.2;text-align:center}.setup-node svg{width:1.5rem;height:1.5rem;stroke:currentColor}.setup-node small{font-size:.62rem;font-weight:500}.setup-node-cloud{background:#dff3e5}.setup-node-local{background:#f1f3f3}.setup-panel>p{margin:18px 0 8px}.setup-panel>pre+p{margin-top:24px}.setup-arrow{color:var(--accent)}.setup-panel pre{margin:0;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:#102a2a0a;font-family:var(--font-mono);font-size:.78rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.setup-panel .hint code{font-family:var(--font-mono);font-size:.85em;padding:1px 6px;border-radius:6px;background:#0f766e14}.viewer-stage{position:relative;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#0c1111}.viewer-stage video,.viewer-stage canvas{display:block;width:100%;border:0;border-radius:0}.viewer-stage video[hidden],.viewer-stage canvas[hidden]{display:none}.viewer-buffering{position:absolute;top:50%;left:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border:4px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;background:#040e0e73;animation:viewer-spin .9s linear infinite;pointer-events:none}@keyframes viewer-spin{to{transform:rotate(360deg)}}.viewer-skip,.viewer-overlay{opacity:0;transition:opacity .15s}.viewer-stage:hover .viewer-skip,.viewer-stage:focus-within .viewer-skip,.viewer-stage:has(:popover-open) .viewer-skip,.viewer-stage:hover .viewer-overlay,.viewer-stage:focus-within .viewer-overlay,.viewer-stage:has(:popover-open) .viewer-overlay{opacity:1}.viewer-stage:fullscreen{border:0;border-radius:0}.viewer-stage:fullscreen video,.viewer-stage:fullscreen canvas{height:100%;-o-object-fit:contain;object-fit:contain}.viewer-stage:fullscreen.pointer-idle:not(:has(:popover-open)){cursor:none}.viewer-stage:fullscreen.pointer-idle:not(:has(:popover-open)) .viewer-skip,.viewer-stage:fullscreen.pointer-idle:not(:has(:popover-open)) .viewer-overlay{opacity:0}.viewer-skip{position:absolute;top:50%;right:0;left:0;display:flex;justify-content:center;gap:18px;transform:translateY(-50%);pointer-events:none}.viewer-stage:hover .viewer-skip,.viewer-stage:focus-within .viewer-skip,.viewer-stage:has(:popover-open) .viewer-skip{pointer-events:auto}.viewer-skip-button{width:52px;height:52px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:#040e0e9e;color:#fff;font-family:var(--font-mono);font-size:.85rem;cursor:pointer}.viewer-skip-button:hover{background:#040e0ee0}.viewer-play{width:64px;height:64px;font-size:1.15rem}.viewer-volume{display:flex;align-items:center;gap:6px;color:#fff;font-size:.85rem}.viewer-volume input{width:90px;margin:0;accent-color:#fff}.viewer-overlay{position:absolute;inset:auto 0 0;display:grid;gap:6px;padding:40px 14px 12px;background:linear-gradient(to top,#040e0ef2 0% 72%,#040e0e00)}.viewer-readout{display:flex;justify-content:space-between;gap:8px;font-family:var(--font-mono);font-size:.78rem;color:#ffffffeb;text-shadow:0 1px 2px rgba(0,0,0,.6)}.viewer-seek{position:relative;display:grid}.seek-availability{position:absolute;top:50%;right:0;left:0;height:4px;transform:translateY(-50%);border-radius:2px;background:#ffffff2e;overflow:hidden;pointer-events:none}.seek-availability-window{position:absolute;top:0;bottom:0;border-radius:2px;background:#ffffffd9}.seek-review-progress{position:absolute;top:0;bottom:0;border-radius:2px;background:var(--accent-2)}#seekbar{position:relative;width:100%;height:18px;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}#seekbar::-webkit-slider-runnable-track{height:4px;background:transparent}#seekbar::-webkit-slider-thumb{width:14px;height:14px;margin-top:-5px;-webkit-appearance:none;appearance:none;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000080}#seekbar:focus-visible{border-radius:999px;outline:2px solid rgba(255,255,255,.85);outline-offset:3px}#seekbar:disabled{cursor:default}#seekbar:disabled::-webkit-slider-thumb{background:#ffffff73}.viewer-controls{display:flex;align-items:center;gap:8px}.viewer-button,.viewer-live{display:inline-flex;align-items:center;gap:6px;height:30px;min-width:30px;padding:0 10px;border:0;border-radius:999px;background:#ffffff29;color:#fff;font-family:var(--font-mono);font-size:.78rem;cursor:pointer}.viewer-button:hover,.viewer-live:hover{background:#ffffff47}.viewer-live-dot{width:8px;height:8px;border-radius:50%;background:#ff4d4f}.viewer-live.reviewing{background:var(--accent-2);color:#2b1109}.viewer-live.reviewing .viewer-live-dot{background:#2b11098c}.viewer-speed{width:auto;height:30px;padding:0 10px;border:0;border-radius:999px;background:#ffffff29;color:#fff;font-family:var(--font-mono);font-size:.78rem;cursor:pointer}.viewer-speed:disabled{opacity:.45;cursor:default}.viewer-quality{margin-left:auto}#qualityBtn{anchor-name:--quality}.viewer-menu{position-anchor:--quality;inset:auto;right:anchor(right);bottom:anchor(top);margin:0 0 8px;gap:10px;min-width:232px;padding:12px;border:0;border-radius:12px;background:#061414f5;box-shadow:0 18px 40px -20px #000c}.viewer-menu:popover-open{display:grid}.viewer-menu label{display:grid;gap:4px;color:#ffffffdb;font-size:.82rem}.viewer-menu select{width:100%}.viewer-menu .field-row{display:flex;align-items:center;gap:8px}.setup-panel .hint{overflow-wrap:anywhere}.setup-steps{padding-left:1.5rem}.setup-steps>li{padding-left:.4rem;margin-bottom:28px}.setup-steps>li::marker{color:var(--accent-strong);font-weight:700}.setup-steps h4{margin:0 0 12px}.setup-choice{margin-top:14px;padding:14px;border:1px solid var(--border);border-radius:12px}.setup-choice h5{margin:0 0 10px;font-size:.9rem}.setup-steps .hint{margin:10px 0}.stream-monitor{display:block;width:100%;background:#f4f6f8;border-radius:8px}.stream-label{font-size:12px;fill:#4b5563}.stream-baseline{stroke:#d1d5db;stroke-width:1}.stream-bar{opacity:.55}.stream-bar-open{opacity:1}.stream-meta{display:flex;align-items:center;gap:12px}.stream-meta input{width:4em;margin-left:4px}.stream-tick{stroke:#e5e7eb;stroke-width:1}.stream-axis{font-size:11px;fill:#6b7280}.stream-playhead{stroke:#dc2626;stroke-width:1.5}.stream-playhead-label{font-size:10px;fill:#dc2626}.stream-bar-playing{stroke:#dc2626;stroke-width:2}.stream-bar-fetch{stroke:#d97706;stroke-width:2;fill:#fde68a}.viewer-delivery{position:absolute;top:8px;left:8px;right:48px;padding:4px 6px;border-radius:8px;background:#0c11118c;pointer-events:none}.viewer-delivery-grid{display:block;width:100%}.viewer-delivery .stream-label{fill:#e5e7eb}.viewer-delivery-toggle{position:absolute;top:8px;right:8px}.viewer-delivery-toggle[aria-pressed=false]{opacity:.5}.delivery-cell-received{fill:#111827;stroke:#9ca3af;stroke-width:.5}.delivery-cell-missing{fill:#fff}.delivery-divider{stroke:#f59e0b;stroke-width:2}.delivery-buffer{fill:#38bdf82e;stroke:#38bdf8;stroke-width:1}.viewer-delivery-grid-review{margin-top:4px;border-top:1px solid rgba(255,255,255,.25);padding-top:4px}.stream-playhead-review{stroke:#d97706;fill:#d97706}.stream-monitor-review{margin-top:8px;border-top:2px solid #d97706}