.timeline-container{width:100%;position:relative;-webkit-user-select:none;user-select:none}.timeline-wrapper{width:100%;position:relative}.timeline-label{font-size:12px;color:#666;margin-bottom:4px}.canvas-wrapper{width:100%;position:relative}.timeline-canvas{width:100%;height:100%;display:block;cursor:grab}.timeline-canvas:active{cursor:grabbing}.canvas-wrapper:hover{border-color:#d1d1d1}.canvas-wrapper:active{border-color:#18a058}.timeline-tooltip{position:fixed;background-color:#000000e6;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;pointer-events:none;z-index:1000;transform:translate(-50%,-100%);display:none;white-space:nowrap}.timeline-tooltip:after{content:"";position:absolute;left:50%;top:100%;transform:translate(-50%);border-width:4px;border-style:solid;border-color:rgba(0,0,0,.9) transparent transparent transparent}.hls-player{position:relative;width:100%;background:#000;border-radius:8px;overflow:hidden}.hls-player-video{width:100%;display:block;background:#000}.hls-player-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,.7) 60%,transparent);padding:16px;display:flex;align-items:center;gap:16px;transition:opacity .3s;opacity:0}.hls-player:hover .hls-player-controls{opacity:1}.hls-player-controls button{background:transparent;border:none;color:#fff;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s;min-width:40px;display:flex;align-items:center;justify-content:center}.hls-player-controls button:hover{background:#ffffff1a}.hls-player-controls button.rate-active{background:#18a058;color:#fff}.hls-player-rate{display:flex;gap:4px;margin-left:auto;background:#00000080;padding:4px;border-radius:4px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hls-player .timeline-container{flex:1;margin:0 8px;height:20px;display:flex;align-items:center}.hls-player .canvas-wrapper{width:100%;background:#ffffff1a;border-radius:4px;height:4px!important;transition:all .2s;overflow:hidden}.hls-player-controls:hover .canvas-wrapper{height:8px!important;background:#ffffff26}.hls-player-controls button:first-child{background:#ffffff1a;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0;min-width:36px;font-size:13px}.hls-player-controls button:first-child:hover{background:#fff3;transform:scale(1.05)}.hls-player-rate button{background:transparent;border:none;color:#ffffffb3;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s;min-width:36px}.hls-player-rate button:hover{background:#ffffff1a;color:#fff}.hls-player-rate button.rate-active{background:#18a058;color:#fff}.hls-player-debug{margin-top:16px;padding:16px;border:1px solid #eee;border-radius:4px;background:#fff}.debug-timeline-container{margin-bottom:16px}.debug-label{font-size:12px;color:#666;margin-bottom:4px}.debug-canvas-wrapper{position:relative;height:24px;width:100%;background:#f5f5f5;border-radius:2px;overflow:hidden}.debug-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.hls-player .timeline-tooltip{background:#000000e6;color:#fff;padding:6px 10px;border-radius:4px;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 2px 8px #0003;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.timeline-tooltip:after{border-top-color:#000000e6}.n-card[data-v-400683c9]{max-width:800px;margin:0 auto}[data-v-400683c9] .n-input-group{width:100%}[data-v-400683c9] .url-input{flex:1}[data-v-400683c9] .hls-player{width:100%;aspect-ratio:16/9;background:#000}[data-v-400683c9] .hls-player-video{width:100%;height:100%;object-fit:contain}[data-v-400683c9] .hls-player-controls{position:absolute;bottom:0;left:0;right:0;padding:10px;background:#00000080;display:flex;align-items:center;gap:10px}[data-v-400683c9] .hls-player-progress{flex:1;display:flex;align-items:center;gap:10px}[data-v-400683c9] .progress-wrapper{flex:1;position:relative;height:20px}[data-v-400683c9] .progress-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}[data-v-400683c9] .progress-input{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;opacity:0;z-index:2;cursor:pointer}