.video-player{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;width:100%;min-width:0;min-height:0;overflow:hidden;border:1px solid #ffffff12;border-radius:14px;background:#08090c;color:#ece8df;color-scheme:dark}
.video-player .video-player-media{display:block;width:100%;height:100%;min-height:0;max-height:65vh;object-fit:contain;background:#08090c}
.studio-stage-media>.video-player{height:100%;flex:1}
.video-player .video-player-status{position:absolute;inset:16px 16px auto;display:flex;justify-content:center;align-items:center;gap:10px;padding:12px 16px;margin:0;border:1px solid #ffffff18;border-radius:10px;background:#13151bef;color:#f4f0e7;box-shadow:0 6px 24px #0004;font-size:14px;font-weight:600;line-height:1.6;z-index:2;pointer-events:none}
.video-player .video-player-status[hidden]{display:none}
.video-player-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border-top:1px solid #ffffff10;background:linear-gradient(100deg,#16171d,#111217);font-size:12px;line-height:1.4}
.video-player-toolbar .video-player-label{display:flex;align-items:center;gap:7px;margin-right:auto;white-space:nowrap;color:#e8d5af;font-weight:600}
.video-player-label::before{content:'';width:6px;height:6px;flex:none;border-radius:50%;background:#8fd4ad;box-shadow:0 0 8px #8fd4ad35}
.video-player[data-state=error] .video-player-label::before{background:#f0a49c}.video-player[data-state=syncing] .video-player-label::before,.video-player[data-state=buffering] .video-player-label::before{background:#e2bf7b}
.video-player-toolbar button,.video-player-toolbar select{appearance:auto;width:auto;min-height:30px;max-width:none;margin:0;padding:4px 8px;border:1px solid #ffffff1c;border-radius:7px;background:#ffffff09;color:#eeebe4;font:inherit;cursor:pointer}
.video-player-toolbar label{display:flex;align-items:center;gap:6px;margin:0;color:#c5c1b9;font:inherit}.video-player-toolbar option{background:#202128;color:#fff}
.video-player-toolbar button:hover{background:#ffffff15;border-color:#c9ab7460}.video-player-toolbar button:disabled{opacity:.4;cursor:default}.video-player-toolbar :focus-visible{outline:2px solid #d9b778;outline-offset:2px}
@media(max-width:600px){.video-player-toolbar{gap:6px;padding:8px;font-size:11px}.video-player .video-player-status{inset:10px 10px auto;font-size:13px;padding:10px}.video-player-toolbar .video-player-label{flex-basis:100%}}