.clear-video-controls{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px;background:#071420;color:#f2f3ed;font:13px/1.4 system-ui,sans-serif;border:1px solid #52616e;border-radius:0 0 8px 8px;box-sizing:border-box}
.clear-video-controls[hidden]{display:none!important}.clear-video-controls button{min-width:44px;min-height:44px;padding:6px 10px;border:1px solid #81909b;border-radius:5px;background:#102334;color:#fff;font:inherit;cursor:pointer}.clear-video-controls button:hover{background:#263d4e}.clear-video-controls :is(button,input):focus-visible{outline:3px solid #f0f381;outline-offset:2px}.clear-video-controls input[type=range]{flex:1 1 100px;min-width:70px;width:auto;height:44px;accent-color:#edf484;padding:0;margin:0}.clear-video-time{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.clear-video-status:empty{display:none}.clear-video-status{flex-basis:100%}
#production-overview-dialog:has(.clear-video-controls) video{height:calc(90dvh - 160px);min-height:160px}

.clear-video-controls button[hidden]{display:none}.clear-video-controls input.clear-video-volume{flex:0 1 65px;width:65px;min-width:45px}