.player-panel{flex-direction:column;min-width:0;min-height:0;display:flex}@media (min-width:961px){.player-panel{padding:16px}}.player-stack{flex-direction:column;gap:12px;width:100%;min-width:0;max-width:100%;min-height:0;margin-inline:auto;display:flex}.player-frame{aspect-ratio:16/9;background:#000;border-radius:0;flex:none;width:100%;min-width:0;position:relative;overflow:hidden}@media (min-width:961px){.player-frame{border-radius:10px}}.player{object-fit:contain;background:#000;border-radius:0;width:100%;max-width:none;height:100%;max-height:none;display:block;position:absolute;inset:0}html.bsm-win .player::-webkit-media-controls{display:none!important}html.bsm-win .player::-webkit-media-controls-enclosure{display:none!important}html.bsm-win .player::-webkit-media-controls-panel{display:none!important}@media (max-width:960px){.player::-webkit-media-controls{-webkit-appearance:none;display:none!important}.player::-webkit-media-controls-enclosure{-webkit-appearance:none;display:none!important}.player::-webkit-media-controls-panel{-webkit-appearance:none;display:none!important}.player::-webkit-media-controls-play-button{-webkit-appearance:none;display:none!important}.player::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.player::-webkit-media-controls-overlay-play-button{-webkit-appearance:none;display:none!important}}.player-play{z-index:2;color:#fff;cursor:pointer;background:#0000008c;border:0;border-radius:999px;place-items:center;width:4rem;height:4rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:960px){.timeline-scroll-hint{display:none}.timeline-ticks{height:.95rem;font-size:.65rem}.timeline-track{height:36px}.timeline-rally{height:26px;top:5px}}.player-meta{color:var(--muted-foreground);font-size:.85rem;font-family:var(--font-code);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.player-filename{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.player-time{flex-shrink:0}.timeline-scroll-wrap{flex-shrink:0;gap:6px;min-width:0;max-width:100%;display:grid;overflow:hidden}.timeline-scroll{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border:1px solid var(--line);background:rgba(var(--accent-rgb), .04);scrollbar-color:rgba(var(--accent-rgb), .45) rgba(var(--accent-rgb), .08);scrollbar-width:thin;touch-action:pan-x;border-radius:12px;width:100%;max-width:100%;padding:0 8px 8px;overflow:auto hidden}.timeline-scroll-wrap.is-dragging .timeline-scroll{touch-action:none;overflow-x:hidden}.timeline-scroll::-webkit-scrollbar{height:10px}.timeline-scroll::-webkit-scrollbar-thumb{background:rgba(var(--accent-rgb), .4);border-radius:999px}.timeline-scroll::-webkit-scrollbar-track{background:rgba(var(--accent-rgb), .06);border-radius:999px}.timeline-scroll-inner{gap:8px;min-width:100%;display:grid}.timeline-scroll-hint{color:var(--muted-foreground);font-size:.75rem;font-family:var(--font-code);word-break:break-word;overflow-wrap:anywhere;margin:0}.activity{background:rgba(var(--accent-rgb), .06);border-radius:10px;height:56px;display:block}.activity.placeholder{color:var(--muted-foreground);place-items:center;min-height:56px;font-size:.85rem;display:grid}.timeline{gap:10px;padding-top:4px;display:grid}.timeline-ticks{height:1.1rem;color:var(--muted-foreground);font-family:var(--font-code);font-size:.72rem;font-weight:500;position:relative}.timeline-ticks span{white-space:nowrap;position:absolute;top:0;transform:translate(-50%)}.timeline-ticks span:after{content:"";background:color-mix(in oklch, var(--muted-foreground) 50%, transparent);pointer-events:none;width:1px;height:10px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.timeline-ticks span:first-child{transform:translate(0)}.timeline-ticks span:first-child:after{left:0;transform:none}.timeline-ticks span:last-child{transform:translate(-100%)}.timeline-ticks span:last-child:after{left:100%;transform:translate(-100%)}.timeline-tick-marks{pointer-events:none;z-index:0;position:absolute;inset:0}.timeline-tick-mark{background:color-mix(in oklch, var(--muted-foreground) 50%, transparent);width:1px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.timeline-tick-mark:first-child{transform:translate(0)}.timeline-tick-mark:last-child{transform:translate(-100%)}.timeline-track{touch-action:manipulation;cursor:crosshair;background:#7f7f7f1a;border-radius:10px;height:44px;position:relative;overflow:visible}.timeline-wave-wrap,.timeline-wave,.timeline-wave-placeholder{border-radius:inherit;pointer-events:none;z-index:0;height:100%;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.timeline-wave{pointer-events:none;display:block;position:absolute;top:0}.timeline-wave-placeholder{background:rgba(var(--accent-rgb), .04);width:100%;right:0}.timeline.is-dragging .timeline-track,.timeline.is-dragging .timeline-rally,.timeline.is-dragging .timeline-handle{touch-action:none}.timeline-rally{cursor:grab;box-sizing:border-box;touch-action:none;z-index:1;background:0 0;border:0;border-radius:6px;height:32px;position:absolute;top:6px;overflow:visible}.timeline-rally-body{background:rgba(var(--accent-rgb), .28);border:1px solid rgba(var(--accent-rgb), .4);pointer-events:none;border-radius:6px;position:absolute;inset:0;overflow:hidden}.timeline-rally.is-active .timeline-rally-body{background:rgba(var(--accent-rgb), .38);border:2px solid var(--accent);box-shadow:0 0 0 1px rgba(var(--accent-rgb), .28)}.timeline-rally.is-active{z-index:2}.timeline-rally.is-multi .timeline-rally-body{box-shadow:0 0 0 2px var(--amber)}.timeline-rally.is-multi{z-index:2}.timeline-rally.is-dim .timeline-rally-body{opacity:.45}.timeline-handle{cursor:ew-resize;touch-action:none;z-index:3;background:#fff;border:0;border-radius:999px;place-items:center;width:12px;height:72%;min-height:22px;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 1px 4px #00000047}.timeline-handle.start{left:-7px}.timeline-handle.end{right:-7px}.timeline-handle-grip{border-left:1.5px solid #3c3c468c;border-right:1.5px solid #3c3c468c;border-radius:1px;width:6px;height:12px}.timeline-handle:after{content:"";position:absolute;inset:-10px -8px}.timeline-wave-cursor{background:var(--foreground);opacity:.55;pointer-events:none;z-index:5;width:1px;position:absolute;top:0;bottom:0}.timeline-wave-tip{z-index:80;pointer-events:none;background:var(--foreground);color:var(--background);font-size:12px;line-height:1.35;font-family:var(--font-code);white-space:nowrap;border-radius:6px;align-items:baseline;gap:8px;padding:4px 8px;display:flex;position:fixed;transform:translate(-50%,calc(-100% - 12px));box-shadow:0 6px 16px #0000002e}.timeline-wave-tip.is-below{transform:translate(-50%,14px)}.timeline-wave-tip-meaning{font-weight:600}.timeline-playhead{background:var(--amber);pointer-events:none;z-index:4;width:2px;position:absolute;top:-2px;bottom:-2px;transform:translate(-1px)}.timeline-playhead:before{content:"";background:var(--amber);border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;left:50%;transform:translate(-50%)}
