.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;height:100vh;width:100vw;padding:16px}.layout__main{min-width:0;display:flex;flex-direction:column;gap:12px;overflow:hidden}.layout__sidebar{background:#161a22;border:1px solid #232936;border-radius:8px;padding:16px;overflow:auto}@media (max-width: 1024px){.layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;height:auto;min-height:100vh}.layout__sidebar{max-height:40vh}}.pull-accordion{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.pull-accordion__empty,.pull-accordion__no-casts{margin:0;padding:8px 10px;color:#6b7280;font-size:12px;font-style:italic}.pull-accordion__item{background:#1c2130;border:1px solid #232936;border-radius:6px;overflow:hidden}.pull-accordion__item--open{border-color:#2c3445}.pull-accordion__header-row{display:flex;align-items:center}.pull-accordion__header{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;flex:1;min-width:0;padding:8px 4px 8px 10px;background:transparent;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.pull-accordion__header:hover,.pull-accordion__header:focus-visible{background:#232a3b;outline:none}.pull-accordion__pull-number{font-variant-numeric:tabular-nums;color:#9ca3af;font-size:12px}.pull-accordion__fight-name{font-size:13px;color:#e5e7eb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pull-accordion__outcome{font-size:11px;font-weight:500}.pull-accordion__outcome--kill{color:#4ade80}.pull-accordion__outcome--wipe{color:#fbbf24}.pull-accordion__duration{font-variant-numeric:tabular-nums;font-size:12px;color:#9ca3af}.pull-accordion__fight-link{flex:none;display:inline-flex;align-items:center;justify-content:center;padding:4px 5px;background:transparent;border:none;border-radius:4px;color:#6b7280;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}.pull-accordion__fight-link:hover{background:#2a3548;color:#e0e0f0}.pull-accordion__fight-link:focus-visible{outline:2px solid #3b82f6;outline-offset:1px}.pull-accordion__chevron{flex:none;color:#6b7280;font-size:11px;width:1ch;text-align:center;padding:0 8px 0 3px;pointer-events:none}.pull-accordion__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .18s ease;pointer-events:none}.pull-accordion__item--open .pull-accordion__panel{grid-template-rows:1fr;pointer-events:auto}.pull-accordion__panel-inner{overflow:hidden;min-height:0}.pull-accordion__item--open .pull-accordion__panel-inner{border-top:1px solid #232936;max-height:280px;overflow-y:auto}.pull-accordion__casts{list-style:none;margin:0;padding:4px 0;display:flex;flex-direction:column}.pull-accordion__cast{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;width:100%;padding:6px 12px;background:transparent;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer;font-size:12px}.pull-accordion__cast:hover,.pull-accordion__cast:focus-visible{background:#2a3346;outline:none}.pull-accordion__cast-name{color:#e5e7eb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pull-accordion__occurrence{color:#6b7280}.pull-accordion__cast-time{font-variant-numeric:tabular-nums;color:#9ca3af}.sidebar{display:flex;flex-direction:column;gap:12px;min-height:100%}.sidebar__form{display:flex;gap:6px}.sidebar__input{flex:1;min-width:0;padding:6px 10px;background:#11151f;border:1px solid #232936;border-radius:6px;color:#e5e7eb;font-size:13px}.sidebar__input:focus-visible{outline:2px solid #3b82f6;outline-offset:1px;border-color:transparent}.sidebar__submit{flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;background:#1f2937;border:1px solid #374151;border-radius:6px;color:#e5e7eb;cursor:pointer}.sidebar__submit:hover:not(:disabled){background:#2a3548}.sidebar__submit:disabled{opacity:.5;cursor:not-allowed}@keyframes sidebar-spin{to{transform:rotate(360deg)}}.sidebar__spinner{animation:sidebar-spin .8s linear infinite}@media (prefers-reduced-motion: reduce){.sidebar__spinner{animation:none}}.sidebar__heading-row{display:flex;align-items:center;gap:8px}.sidebar__heading{flex:1;min-width:0;margin:0;font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__heading-link{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;text-decoration:none}.sidebar__heading-link:hover{color:#d1d5db;text-decoration:underline}.sidebar__heading-link:focus-visible{outline:2px solid #3b82f6;outline-offset:1px;border-radius:2px}.sidebar__settings-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;padding:4px;background:transparent;border:none;border-radius:5px;color:#6b7280;cursor:pointer;transition:background .15s,color .15s}.sidebar__settings-btn:hover{background:#2a2a45;color:#e0e0f0}.sidebar__settings-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:1px}.sidebar__hint,.sidebar__status{margin:0;font-size:12px;color:#6b7280}.sidebar__error{margin:0;padding:8px 10px;background:#3b1f1f;border:1px solid #7f1d1d;border-radius:6px;color:#fca5a5;font-size:12px;word-break:break-word}.sidebar__alignment{margin:auto 0 0;padding:6px 10px;border-radius:6px;font-size:11px;border:1px solid transparent}.sidebar__alignment--ok{background:#0f2a1a;color:#6ee7b7;border-color:#14532d}.sidebar__alignment--warn{background:#2a2410;color:#fcd34d;border-color:#78350f}.sidebar__alignment--error{background:#3b1f1f;color:#fca5a5;border-color:#7f1d1d}.channel-tab-bar{display:flex;align-items:stretch;overflow-x:auto;gap:2px;border-bottom:1px solid #232936;background:#0f1218;scrollbar-width:thin;scrollbar-color:#374151 transparent;flex-shrink:0}.channel-tab-bar__tab{display:flex;align-items:stretch;flex-shrink:0;border-bottom:2px solid transparent;transition:border-color .1s,background .1s}.channel-tab-bar__tab:hover{background:#161a22}.channel-tab-bar__tab--active{border-bottom-color:#2563eb;background:#161a22}.channel-tab-bar__tab-label{display:flex;align-items:center;gap:6px;padding:6px 10px;background:transparent;border:none;color:#9ca3af;font-size:13px;cursor:pointer;white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis;transition:color .1s}.channel-tab-bar__tab--active .channel-tab-bar__tab-label,.channel-tab-bar__tab:hover .channel-tab-bar__tab-label{color:#e6e8eb}.channel-tab-bar__tab-close{display:flex;align-items:center;padding:0 6px;background:transparent;border:none;color:#6b7280;font-size:15px;cursor:pointer;opacity:0;transition:opacity .1s,color .1s;line-height:1}.channel-tab-bar__tab:hover .channel-tab-bar__tab-close{opacity:1}.channel-tab-bar__tab-close:hover{color:#ef4444}.channel-tab-bar__spinner{display:inline-block;width:8px;height:8px;border:2px solid #374151;border-top-color:#9ca3af;border-radius:50%;animation:ctb-spin .8s linear infinite;flex-shrink:0}@keyframes ctb-spin{to{transform:rotate(360deg)}}.channel-tab-bar__error-icon{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background:#ef4444;color:#fff;font-size:9px;font-weight:700;flex-shrink:0;cursor:help}.channel-tab-bar__add-tab{display:flex;align-items:center;gap:6px;padding:6px 10px;background:transparent;border:none;border-bottom:2px solid transparent;color:#9ca3af;font-size:13px;cursor:pointer;flex-shrink:0;white-space:nowrap;transition:color .1s,background .1s}.channel-tab-bar__add-tab:hover{background:#161a22;color:#e6e8eb}.channel-tab-bar__add-form{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#161a22;border-bottom:2px solid #2563eb;flex-shrink:0}.channel-tab-bar__add-input{width:240px;padding:2px 6px;background:transparent;border:none;color:#e6e8eb;font-size:13px;outline:none}.channel-tab-bar__add-input::placeholder{color:#4b5563}.channel-tab-bar__add-btn{padding:2px 10px;background:#2563eb;border:none;border-radius:3px;color:#fff;font-size:12px;cursor:pointer;flex-shrink:0}.channel-tab-bar__add-btn:hover{background:#1d4ed8}.pull-zoom{position:relative;height:40px}.pull-zoom__track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;background:#161a22;border:1px solid #232936;overflow:hidden}.pull-zoom__played{position:absolute;top:0;bottom:0;left:0;background:#2563eb38;pointer-events:none;transition:width 80ms linear}.pull-zoom__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer;background:transparent}.pull-zoom__range:disabled{cursor:not-allowed}.pull-zoom__markers{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.pull-zoom__marker{position:absolute;top:4px;bottom:4px;width:14px;transform:translate(-50%);background:transparent;border:none;padding:0;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-content:center}.pull-zoom__marker:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translate(-50%);background:#f59e0b;border-radius:1px;box-shadow:0 0 4px #f59e0b8c}.pull-zoom__marker:hover:before,.pull-zoom__marker:focus-visible:before{background:#fbbf24;width:3px}.pull-zoom__marker:focus-visible{outline:none}.pull-zoom__tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:4px 8px;background:#0b0d12;border:1px solid #2a3140;border-radius:4px;font-size:11px;line-height:1.3;white-space:nowrap;color:#e5e7eb;pointer-events:none;opacity:0;visibility:hidden;z-index:10;display:flex;gap:8px;align-items:baseline}.pull-zoom__tooltip-time{color:#9ca3af;font-variant-numeric:tabular-nums}.pull-zoom__marker:hover .pull-zoom__tooltip,.pull-zoom__marker:focus-visible .pull-zoom__tooltip{opacity:1;visibility:visible}.pull-zoom__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:12px;letter-spacing:.02em;pointer-events:none}.pull-zoom[data-state=disabled] .pull-zoom__track{opacity:.55}.player-stage{flex:1;min-height:0;display:flex;flex-direction:column}.player-stage>div{flex:1;min-height:0;display:flex;flex-direction:column}.video-player{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}.player-frame{position:relative;width:100%;flex:1;min-height:0;background:#000;border-radius:8px;overflow:hidden}.player-frame__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:14px}.video-player__controls{display:flex;align-items:center;gap:12px;padding:8px 10px;background:#161a22;border:1px solid #232936;border-radius:6px}.video-player__play{background:#2563eb;color:#fff;border:none;width:32px;height:32px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.video-player__play:disabled{background:#374151;cursor:not-allowed}.video-player__scrub{flex:1;min-width:0;position:relative}.video-player__scrub:before{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:6px;background:#fff;border-radius:2px;pointer-events:none}.video-player__scrub-annotations{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:6px;pointer-events:none;border-radius:2px;overflow:hidden}.video-player__scrub-band{position:absolute;top:0;bottom:0}.video-player__scrub-band[data-outcome=kill]{background:#16a34a}.video-player__scrub-band[data-outcome=wipe]{background:#f59e0b}.video-player__scrub-input{display:block;width:100%;position:relative;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:16px;background:transparent;cursor:pointer;padding:0;margin:0}.video-player__scrub-input::-webkit-slider-runnable-track{height:4px;background:transparent;border-radius:2px}.video-player__scrub-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#2563eb;cursor:pointer;margin-top:-4px;box-shadow:0 0 0 2px #fff}.video-player__scrub-input::-moz-range-track{height:4px;background:transparent;border-radius:2px;border:none}.video-player__scrub-input::-moz-range-progress{background:transparent}.video-player__scrub-input::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#2563eb;border:none;cursor:pointer;box-shadow:0 0 0 2px #fff}.video-player__scrub-tooltip{position:absolute;bottom:calc(100% + 6px);transform:translate(-50%);padding:4px 8px;background:#0b0d12;border:1px solid #2a3140;border-radius:4px;font-size:11px;line-height:1.3;white-space:nowrap;color:#e5e7eb;pointer-events:none;z-index:10;display:flex;gap:6px;align-items:baseline}.video-player__scrub-tooltip-outcome--kill{color:#4ade80}.video-player__scrub-tooltip-outcome--wipe{color:#fbbf24}.video-player__time{font-variant-numeric:tabular-nums;font-size:12px;color:#9ca3af;white-space:nowrap}.video-player__volume{display:flex;align-items:center;gap:6px;width:120px;flex-shrink:0}.video-player__volume-icon{background:none;border:none;color:#e5e7eb;font-size:14px;cursor:pointer;padding:0;line-height:1;flex-shrink:0}.video-player__volume-icon:disabled{opacity:.4;cursor:not-allowed}.video-player__volume-slider{display:block;width:80px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:16px;background:transparent;cursor:pointer;padding:0;margin:0;position:relative}.video-player__volume-slider::-webkit-slider-runnable-track{height:4px;background:#fff;border-radius:2px}.video-player__volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#2563eb;cursor:pointer;margin-top:-4px;box-shadow:0 0 0 2px #fff}.video-player__volume-slider::-moz-range-track{height:4px;background:#fff;border-radius:2px;border:none}.video-player__volume-slider::-moz-range-progress{background:#fff}.video-player__volume-slider::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#2563eb;border:none;cursor:pointer;box-shadow:0 0 0 2px #fff}.video-player__volume-slider:disabled{opacity:1;cursor:not-allowed}.video-player__volume-slider:disabled::-webkit-slider-runnable-track{background:#ffffff4d}.video-player__volume-slider:disabled::-moz-range-track{background:#ffffff4d}.video-player__volume-slider:disabled::-moz-range-progress{background:#ffffff4d}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:#0f1115;color:#e6e8eb;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}