:root{color-scheme:dark}body{background:#0e0f11;color:#ebedf0}header,.rail{background:#131416;border-color:#292c30}header{height:64px;padding:0 22px}.brand,.titlebar input{color:#f4f5f6}.purple{color:#50bd97}.tag{color:#57c3a0;background:#18372e}.primary{background:#409f7f;border-color:#409f7f;color:white}.primary:hover{background:#327e64;border-color:#409f7f}button,.button,input,select,textarea{color:#e5e8eb;background:#24262a;border-color:#393c42}button:hover,.button:hover{background:#303539;border-color:#53b995}.rail{width:72px;min-height:calc(100vh - 64px)}.rail button{width:62px;font-size:22px;background:transparent;color:#acb3b8}.rail .active{background:#1c3530;color:#60c6a4}.railmark{color:#60c6a4;border-color:#60c6a4}.railbottom{background:#23352f;color:#69cfaa}main{width:calc(100% - 72px);padding:18px 20px}.titlebar{margin-bottom:14px}.titlebar input{font-size:21px}.titlebar p{display:none}.eyebrow{font-size:10px;color:#8b969d}.notice{background:#172621;border-color:#284b3d;color:#b9e0d0;padding:10px 14px;margin-bottom:16px}.notice div span{color:#96b0a5}.notice select{background:#24282a;border-color:#3d4842;color:#e2e9e5}.workspace{grid-template-columns:minmax(280px,1.2fr) minmax(270px,1fr) 320px;gap:14px;align-items:start}.panel{background:#191b1e;border-color:#2a2e32;border-radius:9px}.panelhead{border-color:#2c3035;padding:14px}.panelhead h2{font-size:15px}h2 span{background:#2c3035;color:#b2bfba}.settings{max-height:calc(100vh - 225px);overflow:auto;position:sticky;top:15px}.settingbody{padding:14px;display:block}.settingbody>label,.advanced-panel>label{display:block;margin:13px 0;color:#acb6bd;font-size:13px}.settingbody select,.settingbody #font,.settingbody #accentfont{background:#26292d;border-color:#363b41;color:#f0f2f4}.settingbody input[type=number],.advanced-panel input[type=number]{width:100%;padding:9px;background:#26292d;border:1px solid #3a4247;border-radius:6px;color:#eee}.settingbody input[type=color]{background:#26292d;border-color:#3a4247}.settingbody input[type=range]{accent-color:#54b998}.settingbody>button{color:#d3dfd9}.fonthelp,#fontstatus{color:#91a49c}.editor-tabs{display:flex;padding:10px 14px;gap:8px;border-bottom:1px solid #2d3136}.editor-tabs button{flex:1}.editor-tabs .selected{color:#7bd8b6;border-color:#4da887;background:#1c352c}.advanced-panel h3{font-size:11px;letter-spacing:1.4px;color:#e5eae7;margin:24px 0 12px;border-top:1px solid #30353a;padding-top:16px}.advanced-panel label{line-height:1.8}.controlpair,.formatbuttons{display:flex;gap:12px}.controlpair>label{width:50%}.formatbuttons label{background:#26292d;padding:8px;border-radius:6px;font-size:12px}.advanced-panel select{margin-top:5px}#numericsize{margin-top:6px}.settingbody.templates-view> :not(.presets):not(.label){display:none}.presets[hidden]{display:none}.presets{max-height:none}.presets button{background:#24272b}.presets small{color:#d5e1dc}.presets button.selected{border-color:#56bf96}.previewhead select{background:#24272b;color:#c4d0c9;border-color:#363f39}.stagewrap{height:490px;background:#101113;border-radius:8px;padding:12px}#stage{border-radius:0;box-shadow:none}.transport button{background:#24272b}.transport input{accent-color:#54b998}#timeline{background:#24272b}#timeline button{background:#8e8959;color:#111}.timingtools,.lengthtools,.captiontools{background:#1b2020;border-color:#303737}.timingtools input,.lengthtools input[type=number],.toolgrid input,.toolgrid select{background:#292e2e;border-color:#414b47;color:#e7ece9}.timingtools span,.timingtools small,.lengthtools label,.lengthtools small,.toolhelp,.toolaction small{color:#a2b6ad}.captiontools summary{color:#6ac7a5}.toolaction{border-color:#37423c}.transcripttools input{background:#24282b;border-color:#363d40;color:white}.row{border-color:#303538}.row.current{background:#19382d;border-left-color:#58bd96}.row textarea{color:#e9eeeb}.rowtop input{background:#282e2c;color:#9bd5bc;border-color:#3d4d45}.rowtop button{background:transparent}.rowtiming button{background:#24352d;color:#9bcdba;border-color:#395346}.panelnote{border-color:#303a35;color:#98a99e}.transport span,.previewnote,footer{color:#98a89f}dialog{background:#1d2221;color:#e9f0ed;border-color:#3c5147}dialog input,dialog select{background:#2a302e;color:#eef2ef}.splitpreview>div{background:#26382f}.fontdialog #fontresults button{background:#29312d;color:white}.fontdialog #fontresults small{color:#b1c9bc}.fontsearch input,.fontsearch select{background:#28332d;color:#e9f1ed}.notice #generate{background:#409f7f}.advanced-panel input{accent-color:#54b998}#overlay[data-gradient=yes]{background-image:var(--caption-gradient)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important}#overlay[data-gradient=yes] *{background-image:var(--caption-gradient);background-clip:text;-webkit-background-clip:text;color:transparent!important}
@media(min-width:1500px){.stagewrap{height:580px}}@media(max-width:1180px){.workspace{grid-template-columns:minmax(270px,1fr) minmax(280px,1fr)}.settings{grid-column:1/-1;position:static;max-height:none}.stagewrap{height:500px}}@media(max-width:760px){main{width:100%;padding:14px}.workspace{display:flex}.settings{width:100%}header{height:auto}.stagewrap{height:460px}.notice{font-size:12px}.formatbuttons{flex-wrap:wrap}}
.previewhead{flex-wrap:wrap;gap:8px}.replace-video{font-size:12px;padding:7px 9px}.settingbody #resetstyle{background:#263d32;color:#a0dcbf}
