.video-player{display:flex;flex-direction:column;background:#0f1117;border-radius:6px;overflow:hidden;font-family:Inter,Segoe UI,system-ui,sans-serif;height:100%}.video-player__display{position:relative;width:100%;flex:1;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:200px;cursor:pointer;will-change:contents;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.video-player__display--dragover{background:#38bdf814;outline:2px dashed #38bdf8;outline-offset:-8px}.video-player__no-media{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b7280;text-align:center;gap:16px;padding:40px 20px;box-sizing:border-box}.video-player__no-media-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:#38bdf81a;color:#38bdf8}.video-player__no-media p{margin:0;font-size:14px;font-weight:500;color:#9ca3af;line-height:1.5}.video-player__no-media p:first-of-type{font-size:15px;font-weight:600;color:#d1d5db}.video-player__video,.video-player__canvas{width:100%;height:100%;object-fit:contain;will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.video-player__timecode{position:absolute;top:8px;right:8px;z-index:2;pointer-events:none;background:#000000bf;color:#fff;padding:4px 10px;border-radius:4px;font-size:11px;font-family:Consolas,Monaco,monospace;font-weight:500;letter-spacing:.5px;backdrop-filter:blur(4px)}.video-player__progress{padding:6px 12px 2px;background:#1a1d27}.video-player__progress-bar{position:relative;height:5px;background:#2a2d3a;border-radius:3px;cursor:pointer;transition:height .15s ease}.video-player__progress-bar:hover{height:8px}.video-player__progress-fill{position:absolute;left:0;top:0;height:100%;background:#38bdf8;border-radius:3px}.video-player__progress-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:#fff;border:2px solid #38bdf8;border-radius:50%;opacity:0;transition:opacity .15s ease;pointer-events:none;box-shadow:0 1px 4px #0000004d}.video-player__progress-bar:hover .video-player__progress-handle{opacity:1}.video-player__controls{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:5px 12px;background:#1a1d27;border-top:none;flex-wrap:wrap;overflow:visible;flex-shrink:0}.video-player__controls-group{display:flex;align-items:center;gap:2px;flex-shrink:1;min-width:0;overflow:visible}.vp-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 8px;background:transparent;border:none;border-radius:6px;color:#b0b8c8;cursor:pointer;transition:all .18s ease;font-size:12px;font-weight:500}.vp-btn-icon{padding:5px;min-width:30px;min-height:30px}.vp-btn:hover:not(:disabled){background:#ffffff14;color:#f0f2f5}.vp-btn:active:not(:disabled){background:#ffffff1f;transform:scale(.95)}.vp-btn:disabled{opacity:.35;cursor:not-allowed}.vp-btn.active,.vp-btn-sync.active{background:#38bdf82e;color:#38bdf8}.vp-btn-sync{padding:6px 12px}.vp-btn-label{font-size:11px;font-weight:600}.vp-btn-play{background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#fff;min-width:34px;min-height:34px;border-radius:50%;box-shadow:0 2px 8px #38bdf84d}.vp-btn-play:hover:not(:disabled){background:linear-gradient(135deg,#0ea5e9,#0284c7);box-shadow:0 4px 14px #38bdf866;transform:scale(1.05)}@media (max-width: 400px){.vp-btn-play{min-width:28px;min-height:28px}.vp-btn-play svg{width:12px;height:12px}}.vp-btn-play:active:not(:disabled){transform:scale(.95);box-shadow:0 1px 4px #38bdf833}.vp-btn-play svg{width:14px;height:14px}.vp-divider{width:1px;height:22px;background:#2a2d3a;margin:0 6px}.vp-time{font-size:12px;font-family:Consolas,Monaco,monospace;color:#f0f2f5;font-weight:500;letter-spacing:.3px}.vp-time-sep{color:#6b7280;margin:0 4px}.vp-volume-container{position:relative}.vp-volume-popup{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;background:#1a1d27;border:1px solid #2a2d3a;border-radius:6px;padding:16px 12px;display:none;flex-direction:column;align-items:center;gap:12px;box-shadow:0 4px 12px #0000004d;z-index:1000;min-height:160px;width:60px}.vp-volume-popup.show{display:flex;animation:slideUp .2s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.vp-slider-volume-vertical{-webkit-appearance:slider-vertical;width:120px;height:4px;background:#2a2d3a;border-radius:2px;outline:none;cursor:pointer;transform:rotate(-90deg);transform-origin:center center;margin:50px 0}.vp-slider-volume-vertical::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#38bdf8;border-radius:50%;cursor:pointer;transition:all .15s ease}.vp-slider-volume-vertical::-webkit-slider-thumb:hover{background:#0ea5e9;transform:scale(1.2)}.vp-slider-volume-vertical::-moz-range-thumb{width:12px;height:12px;background:#38bdf8;border:none;border-radius:50%;cursor:pointer;transition:all .15s ease}.vp-slider-volume-vertical::-moz-range-thumb:hover{background:#0ea5e9;transform:scale(1.2)}.vp-volume-value{font-size:11px;font-family:Consolas,Monaco,monospace;color:#e5e7eb;font-weight:500;min-width:40px;text-align:center}.vp-slider{width:60px;height:3px;-webkit-appearance:none;appearance:none;background:#2a2d3a;border-radius:2px;outline:none;cursor:pointer}.vp-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;background:#38bdf8;border-radius:50%;cursor:pointer;transition:all .15s ease}.vp-slider::-webkit-slider-thumb:hover{background:#0ea5e9;transform:scale(1.2)}.vp-slider::-moz-range-thumb{width:10px;height:10px;background:#38bdf8;border:none;border-radius:50%;cursor:pointer;transition:all .15s ease}.vp-slider::-moz-range-thumb:hover{background:#0ea5e9;transform:scale(1.2)}.vp-select{padding:5px 10px;background:#1e2230;border:1px solid #2a2f40;border-radius:6px;color:#f0f2f5;font-size:12px;font-weight:500;cursor:pointer;outline:none;transition:all .15s ease}.vp-select:hover{background:#272b3a;border-color:#3a4058}.vp-select:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf826}.video-player__statusbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 10px;background:#0f1117;border-top:1px solid #2a2d3a;min-height:20px}.video-player__statusbar-time{display:flex;align-items:center;gap:4px;flex-shrink:0}.video-player__statusbar-time .vp-time{font-size:11px;font-family:Consolas,Monaco,monospace;color:#e5e7eb;font-weight:500;letter-spacing:.3px}.video-player__statusbar-time .vp-time-sep{color:#6b7280;margin:0 2px}.vp-frame-info{font-size:10px;font-family:Consolas,Monaco,monospace;color:#9ca3af;font-weight:500;letter-spacing:.3px;padding:2px 6px;background:#0000004d;border-radius:3px;cursor:help}.vp-status-filename{flex:1;font-size:11px;color:#e5e7eb;font-weight:500;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px}.vp-btn-close{flex-shrink:0;opacity:.7;transition:opacity .2s ease}.vp-btn-close:hover:not(:disabled){opacity:1;background:#ef44441a;color:#ef4444}:fullscreen .video-player__controls{justify-content:center;gap:24px;padding:12px 24px}:fullscreen .video-player__controls-group{gap:4px;justify-content:center}:fullscreen .vp-btn-icon{min-width:40px;min-height:40px}:fullscreen .vp-btn-play{min-width:48px;min-height:48px}@media (max-width: 768px){.video-player__controls{flex-wrap:wrap;gap:6px}.vp-btn-label{display:none}.vp-slider{width:40px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.vp-btn-sync.active{animation:pulse 2s ease-in-out infinite}.vp-btn-simultaneous{padding:6px 12px}.vp-btn-simultaneous.active{background:#10b9812e;color:#10b981;animation:pulse 2s ease-in-out infinite}.tv-workbench.tv-drag-active .video-player__display{background:#38bdf80d;outline:2px dashed #38bdf8;outline-offset:-8px}.tv-workbench.tv-drag-active .video-player__no-media{opacity:.8}.video-player__statusbar-files{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-end;min-width:0}.vp-status-file-item{display:flex;align-items:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:1px 6px;max-width:240px;min-width:0;gap:5px;transition:all .2s ease}.vp-status-file-item:hover{background:#ffffff12;border-color:#ffffff1f}.vp-status-file-icon{font-size:10px;opacity:.85;flex-shrink:0}.vp-status-file-item .vp-status-filename{font-size:11px;color:#cbd5e1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0;margin:0}.vp-status-file-item .vp-btn-close{padding:1px;min-width:14px;min-height:14px;border-radius:3px;opacity:.5;flex-shrink:0;display:flex;align-items:center;justify-content:center}.vp-status-file-item .vp-btn-close:hover{opacity:1;background:#ef444426;color:#ef4444}.video-player__bottom-panel{display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease,visibility .3s ease;width:100%}*:fullscreen .video-player{position:relative!important;background:#000!important;border-radius:0!important;width:100%!important;height:100%!important}*:fullscreen .video-player__bottom-panel{position:absolute!important;bottom:0!important;left:0!important;right:0!important;z-index:100!important;background:linear-gradient(to top,#0f1117f2,#1a1d27d9 60%,#1a1d2766)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border-top:1px solid rgba(255,255,255,.08)!important;box-shadow:0 -4px 30px #00000080!important;padding-bottom:8px!important}*:fullscreen .video-player__progress{background:transparent!important}*:fullscreen .video-player__controls{background:transparent!important;border-top:none!important}*:fullscreen .video-player__statusbar{background:transparent!important;border-top:none!important}*:fullscreen .video-player__bottom-panel{display:grid!important;grid-template-columns:auto 1fr auto!important;grid-template-rows:auto auto!important;align-items:center!important;padding:6px 24px 10px!important;box-sizing:border-box!important}*:fullscreen .video-player__progress{grid-column:1 / span 3!important;grid-row:1!important;width:100%!important;padding:0!important;margin-bottom:8px!important}*:fullscreen .video-player__controls{grid-column:2!important;grid-row:2!important;padding:0!important;margin:0!important;justify-content:center!important}*:fullscreen .video-player__statusbar{display:contents!important}*:fullscreen .video-player__statusbar-time{grid-column:1!important;grid-row:2!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;font-size:11px!important;gap:4px!important}*:fullscreen .video-player__statusbar-time .vp-time{font-size:11px!important}*:fullscreen .video-player__statusbar-time .vp-frame-info{font-size:10px!important;padding:2px 6px!important}*:fullscreen .video-player__statusbar-files{grid-column:3!important;grid-row:2!important;display:flex!important;align-items:center!important;justify-content:flex-end!important}*:fullscreen .vp-status-file-item{padding:4px 12px!important;border-radius:6px!important;max-width:400px!important}*:fullscreen .vp-status-file-item .vp-status-file-icon{font-size:12px!important}*:fullscreen .vp-status-file-item .vp-status-filename{font-size:13px!important}*:fullscreen .vp-status-file-item .vp-btn-close{min-width:22px!important;min-height:22px!important}*:fullscreen .vp-status-file-item .vp-btn-close svg{width:16px!important;height:16px!important}*:fullscreen .video-player__bottom-panel.vp-controls-hide{transform:translateY(100%)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}*:fullscreen .video-player.vp-cursor-hide,*:fullscreen .video-player.vp-cursor-hide *{cursor:none!important}