#modal.storyboard-video-tool-modal{width:min(580px,94vw)}
#modal.storyboard-video-tool-modal.svt-retake{width:min(840px,94vw)}
.storyboard-video-tool-modal .modal-head{border:0;padding-bottom:8px}
.storyboard-video-tool-modal .modal-head h2{font-size:20px}
.storyboard-video-tool-modal .modal-foot{border:0}
.svt-description{color:#b9b9ba;margin:0 0 22px;font-size:14px}
.svt-options{display:flex;gap:16px}
.svt-field{display:flex;flex:1;gap:8px;flex-direction:column;font-size:12px;color:#aaa}
.svt-field select{width:100%;background:#303033;color:#eee;border:1px solid #454548;padding:10px;border-radius:8px}
.svt-source{width:100%;max-height:38vh;object-fit:contain;background:#111;border-radius:10px}
.svt-range{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:16px 0;color:#bbb;font-size:12px}
.svt-range label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px}
.svt-range input{width:100%;padding:0;accent-color:#b99beb}
#video-tool-form textarea{width:100%;resize:vertical;min-height:95px;padding:12px;background:#19191b;border:1px solid #454548;border-radius:10px}
.svt-retake-options{display:flex;align-items:center;gap:16px;margin-top:12px;font-size:12px}
.svt-retake-options .native-style-menu{position:relative;flex:none}
.svt-retake-options .native-style-menu summary{cursor:pointer;max-width:170px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.svt-retake-options .native-style-panel{bottom:30px;top:auto;left:0;max-height:45vh;width:min(520px,80vw)}
.svt-retake-options .svt-field{flex-direction:row;align-items:center;flex:0 1 180px}
.svt-retake-options select{width:95px;padding:6px}
.svt-model{white-space:nowrap;color:#eee}
.svt-audio{display:flex;align-items:center;white-space:nowrap;gap:6px}
.svt-audio input{width:auto}
.svt-custom-style{margin-top:12px;width:100%}
@media(max-width:600px){.svt-retake-options{flex-wrap:wrap}.svt-range{gap:10px}}
/* Keep the whole retake form visible at common laptop heights. */
.svt-retake .svt-source{max-height:30vh}
.svt-retake #video-tool-form textarea{min-height:80px;height:90px}
.svt-range{position:relative;display:flex;justify-content:space-between;height:50px;margin:12px 0}
.svt-range label{display:block;width:50%}
.svt-range label:last-child{text-align:right}
.svt-range output{margin-left:8px}
.svt-range input{position:absolute;left:0;bottom:2px;width:100%;height:18px;margin:0;appearance:none;background:transparent;pointer-events:none;box-shadow:none;border:0;outline:none}
.svt-range:after{content:'';position:absolute;left:6px;right:6px;bottom:10px;height:2px;pointer-events:none;background:linear-gradient(to right,#666 var(--start,0%),#b99beb var(--start,0%),#b99beb var(--end,30.77%),#666 var(--end,30.77%))}
.svt-range input::-webkit-slider-thumb{appearance:none;width:12px;height:22px;border-radius:4px;background:#b99beb;pointer-events:auto;cursor:ew-resize;position:relative;z-index:2}
.svt-range input::-moz-range-thumb{width:12px;height:22px;border:0;border-radius:4px;background:#b99beb;pointer-events:auto;cursor:ew-resize}
.svt-range input:focus-visible::-webkit-slider-thumb{outline:2px solid white;outline-offset:2px}
.svt-retake-options .native-style-menu[open]::after{display:none}
