.viewer-stage{position:relative;border:1px solid var(--border, #d5e3df);border-radius:16px;overflow:hidden;background:#0c1111}.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.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, "SFMono-Regular", Menlo, monospace);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, "SFMono-Regular", Menlo, monospace);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, #e07a5f)}[data-part=seekbar]{position:relative;width:100%;height:18px;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}[data-part=seekbar]::-webkit-slider-runnable-track{height:4px;background:transparent}[data-part=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}[data-part=seekbar]:focus-visible{border-radius:999px;outline:2px solid rgba(255,255,255,.85);outline-offset:3px}[data-part=seekbar]:disabled{cursor:default}[data-part=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, "SFMono-Regular", Menlo, monospace);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, #e07a5f);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, "SFMono-Regular", Menlo, monospace);font-size:.78rem;cursor:pointer}.viewer-speed:disabled{opacity:.45;cursor:default}.viewer-quality{margin-left:auto}[data-part=quality-button]{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 output{color:#ffffffdb;font-family:var(--font-mono, "SFMono-Regular", Menlo, monospace);font-size:.78rem}.viewer-menu .field-row{display:flex;align-items:center;gap:8px}