.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{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;width:100%;padding: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__duration{font-variant-numeric:tabular-nums;font-size:12px;color:#9ca3af}.pull-accordion__chevron{color:#6b7280;font-size:11px;width:1ch;text-align:center}.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{padding:6px 12px;background:#1f2937;border:1px solid #374151;border-radius:6px;color:#e5e7eb;font-size:13px;cursor:pointer}.sidebar__submit:hover:not(:disabled){background:#2a3548}.sidebar__submit:disabled{opacity:.5;cursor:not-allowed}.sidebar__heading{margin:0;font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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}.player-frame{position:relative;width:100%;max-width:calc((100vh - 188px) * 21 / 9);aspect-ratio:21 / 9;margin:0 auto;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;padding:6px 14px;border-radius:4px;font-size:13px;cursor:pointer;min-width:64px}.video-player__play:disabled{background:#374151;cursor:not-allowed}.video-player__scrub{flex:1;min-width:0}.video-player__time{font-variant-numeric:tabular-nums;font-size:12px;color:#9ca3af;white-space:nowrap}*,*: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}