.studio-player{width:100%;position:relative;background:#05040d;border-radius:18px;overflow:hidden}.studio-player video{display:block;width:100%;height:auto;max-height:65vh;object-fit:contain}.studio-controls{display:flex;gap:10px;align-items:center;padding:13px;background:linear-gradient(100deg,#12142e,#17102c);border-top:1px solid #7de4ff44;direction:ltr}.studio-controls button{border:1px solid #9ceaff55;border-radius:50%;width:36px;height:36px;background:#11132c;color:#b6f3ff;font-size:18px;flex-shrink:0;cursor:pointer}.studio-controls button:hover{box-shadow:0 0 17px #75ddff66}.studio-controls button:focus-visible,.studio-controls input:focus-visible{outline:2px solid #a9f1ff;outline-offset:3px}.studio-time{color:#d6e4ff;font:12px ui-monospace,monospace;white-space:nowrap}.studio-seek{min-width:40px;flex:1;accent-color:#8ee7ff}.studio-volume{width:65px;accent-color:#b39bff}.studio-player:fullscreen{display:flex;flex-direction:column;justify-content:center;border-radius:0}.studio-player:fullscreen video{max-height:calc(100vh - 70px);flex:1}.studio-player:fullscreen .studio-controls{flex-shrink:0}.studio-controls .studio-play{display:grid;place-items:center;padding:0;line-height:1}
.studio-controls .studio-play:is([aria-label="Play preview"],[aria-label="تشغيل المعاينة"]){padding-left:3px}
@media(max-width:600px){.studio-controls{gap:6px;padding:10px}.studio-volume{width:45px}.studio-time{font-size:10px}.studio-controls button{width:32px;height:32px}}