:root{--bg:#f7f8fa;--surface:#fff;--surface-2:#f6f7f9;--surface-3:#f0f2f5;--dot:#d8dce4;--border:#e7e9ee;--border-strong:#d6dae1;--text-strong:#18181b;--text:#3f3f46;--muted:#71717a;--faint:#a1a1aa;--accent:#0f766e;--accent-hover:#115e59;--accent-soft:#f0fdfa;--accent-border:#99f6e4;--ink:#18181b;--ink-hover:#000;--success:#15803d;--success-soft:#f0fdf4;--success-border:#bbf7d0;--danger:#b42318;--danger-soft:#fef3f2;--danger-border:#fecdca;--warning:#b45309;--warning-soft:#fffbeb;--warning-border:#fde68a;--info:#1d4ed8;--info-soft:#eff6ff;--info-border:#bfdbfe;--r-sm:5px;--r:6px;--r-lg:8px;--shadow-sm:0 1px 2px #1018280a;--shadow:0 1px 2px #1018280d, 0 1px 3px #1018280a;--ring:0 0 0 3px #0f766e2e;--sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace;font:14px/1.5 var(--sans);letter-spacing:-.006em;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0}button,input,textarea{font:inherit;letter-spacing:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{box-shadow:var(--ring);outline:none}#root{min-height:100svh}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--text-strong);letter-spacing:-.018em;font-weight:600}code{font-family:var(--mono)}::selection{background:var(--accent-soft);color:var(--accent-hover)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.replayer-wrapper{position:relative}.replayer-mouse{background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwMCIgd2lkdGg9IjMwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBkYXRhLW5hbWU9IkxheWVyIDEiIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHBhdGggZD0iTTQ4LjcxIDQyLjkxTDM0LjA4IDI4LjI5IDQ0LjMzIDE4YTEgMSAwIDAwLS4zMy0xLjYxTDIuMzUgMS4wNmExIDEgMCAwMC0xLjI5IDEuMjlMMTYuMzkgNDRhMSAxIDAgMDAxLjY1LjM2bDEwLjI1LTEwLjI4IDE0LjYyIDE0LjYzYTEgMSAwIDAwMS40MSAwbDQuMzgtNC4zOGExIDEgMCAwMC4wMS0xLjQyem0tNS4wOSAzLjY3TDI5IDMyYTEgMSAwIDAwLTEuNDEgMGwtOS44NSA5Ljg1TDMuNjkgMy42OWwzOC4xMiAxNEwzMiAyNy41OEExIDEgMCAwMDMyIDI5bDE0LjU5IDE0LjYyeiIvPjwvc3ZnPg==);background-position:50%;background-repeat:no-repeat;background-size:contain;border-color:#0000;width:20px;height:20px;transition:left 50ms linear,top 50ms linear;position:absolute}.replayer-mouse:after{content:"";opacity:.3;background:#4950f6;border-radius:100%;width:20px;height:20px;display:inline-block;transform:translate(-50%,-50%)}.replayer-mouse.active:after{animation:.2s ease-in-out click}.replayer-mouse.touch-device{background-image:none;border:4px solid #4950f600;border-radius:100%;width:70px;height:70px;margin-top:-37px;margin-left:-37px;transition:left linear,top linear,border-color .2s ease-in-out}.replayer-mouse.touch-device.touch-active{border-color:#4950f6;transition:left .25s linear,top .25s linear,border-color .2s ease-in-out}.replayer-mouse.touch-device:after{opacity:0}.replayer-mouse.touch-device.active:after{animation:.2s ease-in-out touch-click}.replayer-mouse-tail{pointer-events:none;position:absolute}@keyframes click{0%{opacity:.3;width:20px;height:20px}50%{opacity:.5;width:10px;height:10px}}@keyframes touch-click{0%{opacity:0;width:20px;height:20px}50%{opacity:.5;width:10px;height:10px}}.rr-player{float:left;background:#fff;border-radius:5px;position:relative;box-shadow:0 24px 48px #11103e1f}.rr-player__frame{overflow:hidden}.replayer-wrapper{float:left;clear:both;transform-origin:0 0;top:50%;left:50%}.replayer-wrapper>iframe{border:none}.rr-controller.svelte-19ke1iv.svelte-19ke1iv{background:#fff;border-radius:0 0 5px 5px;flex-direction:column;justify-content:space-around;align-items:center;width:100%;height:80px;display:flex}.rr-timeline.svelte-19ke1iv.svelte-19ke1iv{align-items:center;width:80%;display:flex}.rr-timeline__time.svelte-19ke1iv.svelte-19ke1iv{text-align:center;color:#11103e;width:100px;display:inline-block}.rr-progress.svelte-19ke1iv.svelte-19ke1iv{cursor:pointer;box-sizing:border-box;background:#eee;border-top:4px solid #fff;border-bottom:4px solid #fff;border-radius:3px;flex:1;height:12px;position:relative}.rr-progress.disabled.svelte-19ke1iv.svelte-19ke1iv{cursor:not-allowed}.rr-progress__step.svelte-19ke1iv.svelte-19ke1iv{background:#e0e1fe;height:100%;position:absolute;top:0;left:0}.rr-progress__handler.svelte-19ke1iv.svelte-19ke1iv{background:#4950f6;border-radius:10px;width:20px;height:20px;position:absolute;top:2px;transform:translate(-50%,-50%)}.rr-controller__btns.svelte-19ke1iv.svelte-19ke1iv{justify-content:center;align-items:center;font-size:13px;display:flex}.rr-controller__btns.svelte-19ke1iv button.svelte-19ke1iv{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex}.rr-controller__btns.svelte-19ke1iv button.svelte-19ke1iv:active{background:#e0e1fe}.rr-controller__btns.svelte-19ke1iv button.active.svelte-19ke1iv{color:#fff;background:#4950f6}.rr-controller__btns.svelte-19ke1iv button.svelte-19ke1iv:disabled{cursor:not-allowed}.switch.svelte-9brlez.svelte-9brlez.svelte-9brlez{align-items:center;height:1em;display:flex}.switch.disabled.svelte-9brlez.svelte-9brlez.svelte-9brlez{opacity:.5}.label.svelte-9brlez.svelte-9brlez.svelte-9brlez{margin:0 8px}.switch.svelte-9brlez input[type=checkbox].svelte-9brlez.svelte-9brlez{opacity:0;position:absolute}.switch.svelte-9brlez label.svelte-9brlez.svelte-9brlez{cursor:pointer;width:2em;height:1em;display:block;position:relative}.switch.disabled.svelte-9brlez label.svelte-9brlez.svelte-9brlez{cursor:not-allowed}.switch.svelte-9brlez label.svelte-9brlez.svelte-9brlez:before{content:"";background:#4950f680;border-radius:50px;width:2em;height:1em;transition:background .1s;position:absolute;left:.1em}.switch.svelte-9brlez label.svelte-9brlez.svelte-9brlez:after{content:"";z-index:2;background:#fcfff4;border-radius:50px;width:1em;height:1em;transition:all .2s;animation:.2s ease-out switch-off;position:absolute;left:0;box-shadow:0 2px 5px #0000004d}.switch.svelte-9brlez input[type=checkbox].svelte-9brlez:checked+label.svelte-9brlez:before{background:#4950f6}.switch.svelte-9brlez input[type=checkbox].svelte-9brlez:checked+label.svelte-9brlez:after{animation:.2s ease-out switch-on;left:1.1em}.workspace{min-height:100svh;padding:16px}.topbar{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);max-width:1840px;box-shadow:var(--shadow-sm);align-items:center;gap:20px;margin:0 auto 14px;padding:10px 14px;display:flex}.product-mark{align-items:center;gap:11px;min-width:0;display:flex}.app-logo{background:linear-gradient(#75d7e5 0 42%,#0f766e 43% 67%,#f2c76f 68% 100%);border-radius:7px;flex:none;place-items:center;width:30px;height:30px;display:grid;box-shadow:inset 0 0 0 1px #ffffff2e,0 1px 2px #0f766e24}.logo-glyph{overflow:visible}.logo-sun{fill:#fef3c7}.logo-start-bar{fill:none;stroke:#fff;stroke-width:2.5px;stroke-linecap:round}.logo-play{fill:#fff}.wordmark{align-items:baseline;gap:8px;min-width:0;display:flex}.wordmark h1{letter-spacing:-.02em;font-size:16px;font-weight:650}.tagline{color:var(--faint);white-space:nowrap;font-size:12.5px}.eyebrow{color:var(--faint);letter-spacing:.07em;text-transform:uppercase;font-size:10.5px;font-weight:600}.status-cluster,.button-row,.status-pill,.view-tabs,.view-tab,.session-title-row,.copy-heading{align-items:center;display:flex}.status-cluster,.button-row{gap:8px}.status-cluster{margin-left:auto}.status-pill{border:1px solid var(--border);background:var(--surface-2);min-height:30px;color:var(--text);white-space:nowrap;border-radius:999px;gap:7px;padding:0 11px;font-size:12.5px;font-weight:500}.status-pill svg{color:var(--muted)}.status-pill.ready{border-color:var(--success-border);background:var(--success-soft);color:var(--success)}.status-pill.ready svg{color:var(--success)}.status-pill.error{border-color:var(--danger-border);background:var(--danger-soft);color:var(--danger)}.status-pill.error svg{color:var(--danger)}.banner{border:1px solid var(--danger-border);border-radius:var(--r);background:var(--danger-soft);max-width:1840px;color:var(--danger);align-items:center;gap:10px;margin:0 auto 14px;padding:10px 13px;font-size:13px;display:flex}.banner svg{flex:none}.app-grid{grid-template-columns:minmax(270px,320px) minmax(620px,1fr) minmax(320px,380px);align-items:start;gap:14px;max-width:1840px;margin:0 auto;display:grid}.sessions-panel,.stage-panel,.inspector-panel{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);min-width:0}.sessions-panel{grid-template-rows:auto auto minmax(0,1fr) auto;max-height:calc(100svh - 32px);padding:14px;display:grid;position:sticky;top:16px;overflow:hidden}.stage-panel{padding:16px}.inspector-panel{grid-template-rows:auto minmax(0,1fr);max-height:calc(100svh - 32px);display:grid;position:sticky;top:16px;overflow:hidden}.panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.panel-heading h2{font-size:15px;line-height:1.25}.stage-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.stage-id{min-width:0}.stage-id h2{text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:1.25;overflow:hidden}.stage-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;margin-top:5px;font-size:12.5px;display:flex}.stage-meta>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.stage-meta>span+span:before{color:var(--border-strong);content:"·";margin-right:7px}.stage-url{max-width:320px;color:var(--text-strong);font-family:var(--mono);font-size:12px}.stage-header .button-row{flex:none}.count-badge,.status-badge,.live-pill{white-space:nowrap;border-radius:999px;font-size:11.5px;font-weight:550;line-height:1}.count-badge{border:1px solid var(--border);background:var(--surface-2);min-width:24px;color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;padding:5px 8px}.status-badge{border:1px solid var(--border);color:var(--muted);text-transform:capitalize;padding:4px 8px}.status-badge.active{border-color:var(--success-border);background:var(--success-soft);color:var(--success)}.status-badge.stopped{border-color:var(--border);background:var(--surface-2);color:var(--muted)}.live-pill{border:1px solid var(--border);background:var(--surface-2);min-height:30px;color:var(--muted);align-items:center;gap:6px;padding:0 11px;display:inline-flex}.live-pill:before{opacity:.55;content:"";background:currentColor;border-radius:999px;width:6px;height:6px}.live-pill.live{border-color:var(--success-border);background:var(--success-soft);color:var(--success)}.live-pill.live:before{opacity:1;animation:1.4s ease-in-out infinite livePulse}.live-pill.connecting{border-color:var(--info-border);background:var(--info-soft);color:var(--info)}.live-pill.error{border-color:var(--danger-border);background:var(--danger-soft);color:var(--danger)}.search-field{border:1px solid var(--border);border-radius:var(--r);background:var(--surface-2);height:36px;color:var(--faint);align-items:center;gap:8px;padding:0 11px;transition:border-color .12s,box-shadow .12s,background .12s;display:flex}.search-field:focus-within{border-color:var(--accent-border);background:var(--surface);box-shadow:var(--ring)}.search-field input{width:100%;min-width:0;color:var(--text-strong);background:0 0;border:0;outline:none}.search-field input::placeholder{color:var(--faint)}.session-list{gap:3px;min-height:0;margin:12px -6px 0;padding:0 6px;display:grid;overflow:auto}.session-item{border-radius:var(--r);width:100%;color:var(--text);text-align:left;background:0 0;border:0;gap:5px;padding:9px 10px;transition:background .1s;display:grid;position:relative}.session-item:hover,.session-item.active{background:var(--surface-2)}.session-item.active:before{background:var(--accent);content:"";border-radius:999px;width:2px;position:absolute;top:9px;bottom:9px;left:0}.session-title-row{justify-content:space-between;gap:8px;min-width:0}.session-title{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-weight:550;overflow:hidden}.session-meta,.stream-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.stream-name{color:var(--faint);font-family:var(--mono);font-size:11.5px}.empty-list,.empty-state{border:1px dashed var(--border-strong);border-radius:var(--r);background:var(--surface-2);min-height:132px;color:var(--muted);justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.empty-list svg,.empty-state svg{color:var(--faint)}.empty-state{text-align:center;flex-direction:column;min-height:360px;padding:24px}.empty-state strong{color:var(--text-strong);font-weight:600}.empty-state span{color:var(--muted)}.session-skeleton{border-radius:var(--r);gap:7px;padding:10px;display:grid}.skeleton-line{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 37%, var(--surface-2) 63%);background-size:400% 100%;border-radius:999px;height:9px;animation:1.4s ease-in-out infinite shimmer}.skeleton-line.title{width:62%}.skeleton-line.meta{width:86%}.skeleton-line.stream{width:44%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.primary-button,.ghost-button,.icon-button{border-radius:var(--r);border:1px solid #0000;justify-content:center;align-items:center;gap:7px;min-height:32px;font-size:13px;font-weight:550;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.primary-button,.ghost-button{padding:0 13px}.primary-button{background:var(--ink);color:#fff}.primary-button:hover{background:var(--ink-hover)}.ghost-button,.icon-button{border-color:var(--border-strong);background:var(--surface);color:var(--text-strong)}.ghost-button:hover,.icon-button:hover{background:var(--surface-2)}.ghost-button:disabled,.icon-button:disabled,.primary-button:disabled{cursor:not-allowed;opacity:.45}.icon-button{width:32px;color:var(--muted);padding:0}.icon-button:hover{color:var(--text-strong)}.icon-button.danger:hover{border-color:var(--danger-border);background:var(--danger-soft);color:var(--danger)}.danger-button{border-radius:var(--r);background:var(--danger);color:#fff;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;min-height:32px;padding:0 13px;font-size:13px;font-weight:550;transition:background .12s;display:inline-flex}.danger-button:hover{background:#912018}.danger-button:disabled{cursor:not-allowed;opacity:.55}.session-pagination{border-top:1px solid var(--border);gap:8px;margin-top:12px;padding-top:12px;display:grid}.pagination-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.pagination-button,.pagination-reset{white-space:nowrap;min-width:0}.pagination-button:last-child{justify-self:end}.pagination-status{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:500}.pagination-reset{width:100%}.inspector-tabs{border-bottom:1px solid var(--border);gap:2px;padding:6px 8px 0;display:flex}.inspector-tab{min-height:36px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-1px;padding:0 10px;font-size:13px;font-weight:550;transition:color .12s;display:inline-flex}.inspector-tab:hover{color:var(--text-strong)}.inspector-tab.active{color:var(--text-strong);border-bottom-color:var(--accent)}.tab-count{background:var(--surface-3);min-width:18px;color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;border-radius:999px;padding:2px 5px;font-size:11px}.inspector-tab.active .tab-count{background:var(--accent-soft);color:var(--accent)}.activity-wrap{grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;display:grid}.activity-filter{border-bottom:1px solid var(--border);gap:4px;padding:8px 10px;display:flex}.activity-chip{min-height:26px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:0 9px;font-size:12px;font-weight:550;transition:background .12s,color .12s;display:inline-flex}.activity-chip:hover{color:var(--text-strong);background:var(--surface-2)}.activity-chip.active{background:var(--surface-3);color:var(--text-strong)}.chip-count{color:var(--faint);font-variant-numeric:tabular-nums;font-size:11px}.activity-chip.active .chip-count{color:var(--muted)}.activity-list{flex-direction:column;margin:0;padding:6px;list-style:none;display:flex;overflow:auto}.activity-item{border-radius:var(--r);text-align:left;background:0 0;border:0;grid-template-columns:42px 22px minmax(0,1fr);align-items:center;gap:9px;width:100%;padding:7px 8px;transition:background .1s;display:grid;position:relative}.activity-item:before{content:"";background:var(--border);width:1px;position:absolute;top:0;bottom:0;left:70px}.activity-list li:first-child .activity-item:before{top:50%}.activity-list li:last-child .activity-item:before{bottom:50%}.activity-item:hover{background:var(--surface-2)}.activity-item.active{background:var(--accent-soft)}.activity-time{color:var(--faint);font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:11.5px}.activity-item.active .activity-time{color:var(--accent)}.activity-icon{border-radius:var(--r-sm);background:var(--surface-3);width:22px;height:22px;color:var(--muted);box-shadow:0 0 0 3px var(--surface);place-items:center;display:grid;position:relative}.activity-item.click .activity-icon{background:var(--accent-soft);color:var(--accent)}.activity-item.nav .activity-icon{background:var(--info-soft);color:var(--info)}.activity-item.input .activity-icon{color:#7e22ce;background:#faf5ff}.activity-body{align-items:baseline;gap:8px;min-width:0;display:flex}.activity-label{color:var(--text-strong);white-space:nowrap;font-size:13px;font-weight:500}.activity-detail{color:var(--muted);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.details-scroll{padding:16px;overflow:auto}.inspector-panel .empty-list{margin:14px}.config-row span{color:var(--muted);font-size:12px;font-weight:500}.config-row code{color:var(--text-strong);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.install-copy{gap:12px;display:grid}.copy-heading{color:var(--text-strong);gap:9px;font-size:13px;font-weight:600}.copy-heading svg{color:var(--muted)}.copy-inline{min-height:28px;margin-left:auto;padding:0 9px;font-size:12.5px}.fixture-link{justify-self:start}.code-block{border-radius:var(--r);color:#e6e8ec;max-width:100%;max-height:240px;font:12.5px/1.6 var(--mono);background:#0f1115;border:1px solid #1f2430;margin:0;padding:14px 16px;overflow:auto}.code-block code{overflow-wrap:anywhere;white-space:pre-wrap}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#18181b6b;place-items:start center;padding:48px 20px;display:grid;position:fixed;inset:0;overflow:auto}.modal{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);width:100%;max-width:920px;box-shadow:0 20px 48px #1018282e}.modal.confirm{max-width:440px}.modal.confirm .modal-sub code{color:var(--text-strong);font-family:var(--mono);font-size:12px}.modal-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:16px 20px;display:flex}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.modal-head h2{font-size:16px}.modal-sub{color:var(--muted);margin-top:4px;font-size:13px}.modal-body{grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:24px;padding:20px;display:grid}.modal-config{min-width:0}@media (width<=760px){.modal-body{grid-template-columns:1fr;gap:18px}}.config-section{border-top:1px solid var(--border);gap:8px;padding:16px 0 0;display:grid}.config-section:first-child{border-top:0;padding-top:0}.config-section+.config-section{margin-top:16px}.config-section h3{color:var(--text-strong);font-size:13px;font-weight:600}.config-list{display:grid}.config-row{border-top:1px solid var(--border);grid-template-columns:minmax(96px,.42fr) minmax(0,1fr);gap:12px;min-width:0;padding:8px 0;display:grid}.config-row:first-child{border-top:0}.config-row strong{min-width:0;color:var(--text-strong);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:550;overflow:hidden}.replay-frame{border:1px solid var(--border);border-radius:var(--r);background-color:var(--surface-2);background-image:radial-gradient(var(--dot) 1.1px, transparent 1.1px);background-size:18px 18px;width:100%;min-height:460px;overflow:auto;box-shadow:inset 0 1px 3px #1018280d}.replay-frame .rr-player{border-radius:var(--r);background:var(--surface);margin:0 auto;overflow:clip;box-shadow:0 1px 2px #10182817,0 12px 30px #10182817}.replay-frame .rr-player__frame{background:#fff}.replay-frame .rr-controller{border-top:1px solid var(--border)}.replay-player-shell{min-width:0}.replay-playback-bar{border:1px solid var(--border);border-radius:var(--r);background:var(--surface-2);min-height:34px;color:var(--muted);grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:9px;margin-bottom:10px;padding:7px 12px;font-size:12.5px;display:grid}.replay-player-shell.recorded.playing .replay-playback-bar,.replay-player-shell.live.reviewing.playing .replay-playback-bar{border-color:var(--success-border);background:var(--success-soft);color:var(--success)}.replay-player-shell.live.following .replay-playback-bar{border-color:var(--info-border);background:var(--info-soft);color:var(--info)}.replay-playback-bar strong,.replay-playback-bar span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.replay-playback-bar strong{color:var(--text-strong);font-weight:600}.replay-player-shell.recorded.playing .replay-playback-bar strong,.replay-player-shell.live.reviewing.playing .replay-playback-bar strong{color:#14532d}.replay-player-shell.live.following .replay-playback-bar strong{color:var(--info)}.replay-playback-bar span:last-child{text-align:right}.playback-dot{background:#a1a1aa;border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 4px #a1a1aa24}.replay-player-shell.recorded.playing .playback-dot,.replay-player-shell.live.reviewing.playing .playback-dot{background:#22c55e;box-shadow:0 0 0 4px #22c55e29}.replay-player-shell.live.following .playback-dot{background:#3b82f6;animation:1.3s ease-in-out infinite livePulse;box-shadow:0 0 0 4px #3b82f629}.playback-dot.playing{animation:1.1s ease-in-out infinite livePulse}.replay-player-shell.live.following .replay-frame{border-color:var(--info-border);box-shadow:inset 0 1px 3px #1018280d,0 0 0 3px #3b82f61a}.replay-player-shell.recorded.playing .rr-controller__btns button:first-child,.replay-player-shell.live.reviewing.playing .rr-controller__btns button:first-child{color:#fff;background:#16a34a;border-radius:999px;gap:6px;width:auto;min-width:84px;padding:0 10px;font-weight:600}.replay-player-shell.recorded.playing .rr-controller__btns button:first-child:after,.replay-player-shell.live.reviewing.playing .rr-controller__btns button:first-child:after{content:"Playing";font-size:12px}.replay-player-shell.live.following .rr-controller__btns button:first-child{color:#1d4ed8;cursor:default;background:#dbeafe;border-radius:999px;gap:6px;width:auto;min-width:64px;padding:0 10px;font-weight:600}.replay-player-shell.live.following .rr-controller__btns button:first-child svg{display:none}.replay-player-shell.live.following .rr-controller__btns button:first-child:before{content:"";background:#3b82f6;border-radius:999px;width:7px;height:7px;box-shadow:0 0 0 4px #3b82f629}.replay-player-shell.live.following .rr-controller__btns button:first-child:after{content:"Live";font-size:12px}.replay-player-shell.live.following .rr-controller__btns>button:nth-of-type(2),.replay-player-shell.live.following .rr-controller__btns>button:nth-of-type(3),.replay-player-shell.live.following .rr-controller__btns>button:nth-of-type(4){display:none}.replay-player-shell.live.following .rr-progress__step{width:100%!important}.replay-player-shell.live.following .rr-progress__handler{left:100%!important}.replay-frame .rr-controller .rr-progress__step{background:var(--accent)}.replay-frame .rr-controller .rr-progress__handler{background:var(--accent);border-color:var(--accent)}.replay-frame .rr-controller__btns button.active{background:var(--accent-soft);color:var(--accent)}.replay-frame .rr-timeline__time{color:var(--muted);font-variant-numeric:tabular-nums}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes livePulse{0%,to{opacity:.55;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}@media (width<=1320px){.app-grid{grid-template-columns:minmax(270px,320px) minmax(0,1fr)}.inspector-panel{grid-column:2;max-height:520px;position:static}}@media (width<=900px){.workspace{padding:12px}.topbar{flex-wrap:wrap;gap:12px}.stage-header{flex-direction:column}.app-grid{grid-template-columns:1fr}.sessions-panel{max-height:none;position:static;overflow:visible}.inspector-panel{grid-column:auto}.session-list{max-height:280px}.status-cluster{flex:1;justify-content:flex-end}}