:root{--electric-blue-200:#daf0ff;--electric-blue-400:#b6e0ff;--electric-blue-600:#91d1ff;--electric-blue-800:#6cc1ff;--electric-blue-1000:#48b2ff;--charcoal-100:#f7f9fc;--charcoal-200:#dddfe2;--charcoal-400:#aaacaf;--charcoal-500:#86939b;--charcoal-600:#787a7d;--charcoal-800:#45474a;--charcoal-900:#1b2326;--charcoal-1000:#131417;--main-white:#f9f7f7;--error:#ff3860;--warn:#f3c318;--success:#4bff73;--upper:60vh;--projects-top:0px;--projects-height:40px;--panel-width:48vw;--effects-width:16vw;--buttons-height:10vh;--tbw:50px;--msw:18vw;--huge:3.7rem;--bigger:2.8rem;--big:1.9rem;--medium:1.3rem;--smedium:1.25rem;--little:1.2rem;--small:1.1rem}body{--upper-top:calc(var(--projects-top) + var(--projects-height))}html,body{overscroll-behavior:none}body.window-inactive{--electric-blue-200:var(--charcoal-500);--electric-blue-400:var(--charcoal-500);--electric-blue-600:var(--charcoal-500);--electric-blue-800:var(--charcoal-500);--electric-blue-1000:var(--charcoal-500)}@font-face{font-family:ae-timecode;src:url(/online/fonts/Rubik-Variable.ttf)}@font-face{font-family:ae-mono;src:url(/online/fonts/Inconsolata-Variable.ttf)}:not(input):not(textarea),:not(input):not(textarea):after,:not(input):not(textarea):before{user-select:none}:focus{outline:none}html{background:var(--charcoal-1000);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;text-size-adjust:100%;min-width:300px;font-size:16px;overflow:hidden scroll}*{box-sizing:border-box}::-webkit-scrollbar{display:none}body{color:#4a4a4a;font-size:1em;line-height:1.5}:is(body,button,input,optgroup,select,textarea){font-family:-apple-system,sans-serif}:is(html,body,p,ol,ul,li,textarea,h1,h2,h3,h4,h5){margin:0;padding:0}:is(button,input,select,textarea){margin:0}ul{list-style:none}img{max-width:100%;height:auto}a{color:#3273dc;cursor:pointer;text-decoration:none;&:hover{color:#363636}& strong{color:currentColor}}:is(code,pre){-webkit-font-smoothing:auto;font-family:ae-mono;font-weight:400}code{padding:.25em .5em;font-size:.875em;font-weight:400}pre{-webkit-overflow-scrolling:touch;white-space:pre;word-wrap:normal;padding:1.25rem 1.5rem;font-size:.875em;overflow-x:auto;& code{color:currentColor;background-color:#0000;padding:0;font-size:1em}}:is(h1,h2,h3,h4,p,code,pre){line-height:1.4}:is(h1,h2,h3,h4,p,div,label,.black){color:var(--charcoal-100)}:is(h1,h2,th,.bold){font-weight:700}:is(h3,h4,h5){font-weight:400}:is(h1,h2){text-align:center}.huge{font-size:var(--huge)}h1{font-size:var(--bigger)}:is(h2,.big){font-size:var(--big)}:is(h3,label,.medium){font-size:var(--medium)}h4{font-size:var(--smedium)}.little{font-size:var(--little)}:is(p,.small){font-size:var(--small)}.center{text-align:center;margin-left:auto;margin-right:auto;display:block}.right{text-align:right}.left{text-align:left}.underline{text-decoration:underline}.container{flex-grow:1;width:auto;margin:0 auto;position:relative}.drag-grip{cursor:grab;user-select:none;opacity:.55;align-self:center;padding:0 8px 0 2px;font-size:1.1rem}.hbox{display:flex}.hbox-center{align-items:center;display:flex}.hbox-baseline{align-items:baseline;display:flex}.flex1{flex:1}.flex2{flex:2}.mr8{margin-right:8px}.dim-label{opacity:.8;margin-right:4px}button{text-align:center;white-space:nowrap;box-shadow:none;vertical-align:top;background-color:var(--electric-blue-1000);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:.2em;justify-content:flex-start;align-items:center;height:26px;padding:0 6px;font-size:1rem;font-weight:600;line-height:1;display:inline-flex;position:relative;&:hover{background-color:var(--electric-blue-800)}&:active{background-color:var(--electric-blue-600)}&:focus{outline:none}&:disabled{background-color:var(--charcoal-800);color:var(--charcoal-500);cursor:default}}.big-btn{height:2.5em;padding:calc(.17em - 1px) calc(.75em - 1px);font-size:1.25rem}.small-btn{justify-content:center;min-width:26px}.tablinks{cursor:pointer}.sm-bttn{fill:var(--main-white);&:hover{fill:#fff}&:active{fill:var(--electric-blue-1000)}}input{color:var(--charcoal-100);border:1px solid var(--charcoal-400);font-size:var(--little);background:0 0;border-radius:2px;display:inline;&:focus{outline:none}}input[type=number]{color-scheme:dark}.input,.textarea{-webkit-appearance:none;vertical-align:top;color:#363636;border:1px solid #dbdbdb;border-radius:4px;justify-content:flex-start;align-items:center;width:100%;max-width:100%;height:2.25em;padding:calc(.375em - 1px) calc(.625em - 1px);font-size:1rem;line-height:1.5;display:inline-flex;position:relative;box-shadow:inset 0 1px 2px #0a0a0a1a;&:hover,&.is-hovered{border-color:#b5b5b5}&:focus,&.is-focused,&:active,&.is-active{border-color:#3273dc;outline:none;box-shadow:0 0 0 .125em #3273dc40}&.is-fullwidth{width:100%;display:block}&.is-inline{width:auto;display:inline}}.input.is-rounded{border-radius:290486px;padding-left:1em;padding-right:1em}input.long{width:max(20rem,35vw)}input.short{width:max(10rem,5vw)}select{color:var(--charcoal-100);background:var(--charcoal-1000);border:1px solid var(--charcoal-400);font-size:var(--little);border-radius:2px;display:inline}option.locked-option{color:var(--charcoal-400)}.select{vertical-align:top;max-width:100%;display:inline-block;position:relative;&:not(.is-multiple){height:2.25em}&:not(.is-multiple):not(.is-loading){&:after{z-index:4;border-color:#3273dc;right:1.125em}&:hover:after{border-color:#363636}}& select{-webkit-appearance:none;cursor:pointer;max-width:100%;box-shadow:none;color:#363636;vertical-align:top;border:1px solid #dbdbdb;border-radius:4px;outline:none;justify-content:flex-start;align-items:center;height:2.25em;padding:calc(.375em - 1px) calc(.625em - 1px);font-size:1em;line-height:1.5;display:none;position:relative;&:not([multiple]){padding-right:2.5em}&[multiple]{height:auto;padding:0;& option{padding:.5em 1em}}&:hover,&.is-hovered{border-color:#b5b5b5}&:focus,&.is-focused,&:active,&.is-active{border-color:#3273dc;outline:none;box-shadow:0 0 0 .125em #3273dc40}}}.checkbox,.radio{cursor:pointer;line-height:1.25;display:inline-block;position:relative;& input{cursor:pointer}}.canvas-checkbox{cursor:pointer;vertical-align:middle;outline:none;justify-content:center;align-items:center;width:16px;height:16px;line-height:0;display:inline-flex;transform:translateY(1px);& canvas{display:block}&:focus-visible{outline:2px solid var(--electric-blue-1000);outline-offset:2px;border-radius:4px}&.is-disabled{cursor:not-allowed}}.canvas-switch{cursor:pointer;vertical-align:middle;outline:none;justify-content:center;align-items:center;width:40px;height:20px;margin:0 0 0 5px;line-height:0;display:inline-flex;transform:translateY(-1px);& canvas{display:block}&:focus-visible{outline:2px solid var(--electric-blue-1000);outline-offset:2px;border-radius:12px}&.is-disabled{cursor:not-allowed}}form{margin-right:5px;display:inline}.canvas-dial{cursor:pointer;vertical-align:middle;touch-action:none;outline:none;justify-content:center;align-items:center;width:72px;height:72px;line-height:0;display:inline-flex;& canvas{display:block}&:focus-visible{outline:2px solid var(--electric-blue-1000);outline-offset:2px;border-radius:50%}&.is-disabled{cursor:not-allowed}}input[type=range].styled-slider{appearance:none;border:none;width:240px;height:10px;margin-left:7px;margin-right:7px;&:focus{outline:none}&.slider-progress{--range:calc(max(var(--max), var(--value)) - var(--min));--ratio:calc((var(--value) - var(--min)) / var(--range));--sx:calc(.5 * 22px + var(--ratio) * (100% - 22px))}&.slider-progress-reversed{--range:calc(max(var(--max), var(--value)) - var(--min));--ratio:calc((var(--value) - var(--min)) / var(--range));--sx:calc(100% - (.5 * 22px + var(--ratio) * (100% - 22px)))}&::-webkit-slider-thumb{-webkit-appearance:none;background:var(--electric-blue-1000);cursor:pointer;border:none;border-radius:1em;width:22px;height:22px;margin-top:-8px;box-shadow:0 0 #000}&::-webkit-slider-runnable-track{background:var(--charcoal-400);height:6px;box-shadow:none;border:none;border-radius:.5em}&.slider-progress::-webkit-slider-runnable-track{background:linear-gradient(var(--electric-blue-1000), var(--electric-blue-1000)) 0/var(--sx) 100% no-repeat, var(--charcoal-400)}&.slider-progress-reversed::-webkit-slider-runnable-track{background:linear-gradient(to left, var(--electric-blue-1000) var(--sx), var(--charcoal-400) var(--sx))}}input[type=color]{border:solid 3px var(--charcoal-400);appearance:none;cursor:pointer;background:0 0;padding:0;overflow:hidden;&::-webkit-color-swatch-wrapper{border:none;padding:0}&::-webkit-color-swatch{border:none}}.progress{-webkit-appearance:none;border:none;border-radius:290486px;justify-content:center;width:100%;height:5px;margin:10px 0;padding:0;display:flex;overflow:hidden;&::-webkit-progress-bar{background-color:#dbdbdb}&::-webkit-progress-value{background-color:var(--electric-blue-1000)}}.progress-title{white-space:nowrap;font-size:1rem}.progress-div{align-items:center;gap:4px;display:flex}.progress-error{color:var(--error);user-select:text;cursor:text;margin-left:24px;display:none}.help-icon{&:hover{cursor:pointer}&:hover>path{fill:var(--electric-blue-1000)}}.progress-close{cursor:pointer;margin-right:4px;display:flex}.progress-eta{font-variant-numeric:tabular-nums lining-nums}section{border-radius:0;position:absolute}section#panel{height:calc(var(--upper) - var(--upper-top));width:var(--panel-width);left:calc(100vw - var(--panel-width));top:var(--upper-top);border-bottom:2px solid var(--charcoal-800);overflow-y:scroll}#tab-bar{z-index:1;top:var(--upper-top);width:var(--panel-width);box-sizing:border-box;border-bottom:2px solid var(--charcoal-800);background:var(--charcoal-1000);-webkit-app-region:drag;flex-wrap:nowrap;align-items:stretch;height:40px;display:flex;position:fixed;overflow:hidden}#tab-bar button{-webkit-app-region:no-drag}#tab-bar button,#fx-tabs button{color:var(--charcoal-100);font-size:var(--small);text-wrap:nowrap;background:0;border:none;border-bottom:2px solid #0000;border-radius:0;align-items:center;height:100%;margin-bottom:-2px;padding:1px 19px 0;font-weight:700;transition:all .3s;display:inline-flex}#tab-bar button.active,#fx-tabs button.active{border-bottom:2px solid var(--electric-blue-1000);color:var(--electric-blue-1000)}.tabcontent{margin-top:40px;padding:6px 24px;display:none}#toolbar{width:var(--tbw);height:calc(100vh - var(--upper));left:var(--msw);top:var(--upper);border-right:2px solid var(--charcoal-800);flex-direction:column;align-items:center;gap:2px;padding-top:8px;display:flex;position:absolute;& div{border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;display:flex;& path{fill:var(--charcoal-400)}&.active{background:#000;& path{fill:var(--electric-blue-1000)}}&:not(.active):hover{background:var(--charcoal-900);& path{fill:var(--charcoal-200)}}}}.toolbar-button{position:relative;& .tooltip{visibility:hidden;opacity:0;background-color:var(--charcoal-800);color:var(--main-white);white-space:nowrap;z-index:1000;pointer-events:none;border-radius:4px;margin-left:10px;padding:6px 10px;font-size:.875rem;font-weight:500;transition:opacity .2s ease-in-out,visibility 0s linear .5s;position:absolute;top:50%;left:100%;transform:translateY(-50%);&:before{content:"";border:6px solid #0000;border-right-color:var(--charcoal-800);position:absolute;top:50%;right:100%;transform:translateY(-50%)}}&:hover .tooltip{visibility:visible;opacity:1;transition-delay:.5s,.5s}}section#media-viewer{height:calc(var(--upper) - var(--upper-top));width:calc(100vw - var(--panel-width) - var(--effects-width));left:var(--effects-width);top:var(--upper-top);border-right:2px solid var(--charcoal-800);border-bottom:2px solid var(--charcoal-800);flex-direction:column;display:flex;overflow:hidden}#file{display:none}#media-container{height:calc(var(--upper) - var(--upper-top) - var(--buttons-height));max-height:calc(var(--upper) - var(--upper-top) - var(--buttons-height));justify-content:center;align-items:flex-end;width:100%;display:flex;position:relative;overflow:hidden}#empty-theater{height:calc(var(--upper) - var(--upper-top) - var(--buttons-height));flex-direction:column;justify-content:flex-end;width:90%;margin:0 auto;display:flex}#empty-theater #time-container{flex:none}#media{flex-flow:column;place-content:center;align-items:center;width:90%;max-height:100%;display:flex;overflow:hidden;&>p{display:flex}}video{object-fit:contain;max-width:100%;max-height:100%}#video-container{width:100%;height:calc(var(--upper) - var(--upper-top) - var(--buttons-height));max-height:calc(var(--upper) - var(--upper-top) - var(--buttons-height));justify-content:center;align-items:center;margin-top:15px;display:flex;position:relative;overflow:hidden}#video-ele{object-fit:contain;width:100%;height:100%;display:block;position:relative;overflow:hidden}#multi-input-msg{background:var(--charcoal-1000);color:var(--main-white);text-align:center;z-index:2;justify-content:center;align-items:center;padding:0 24px;font-size:1.1rem;font-weight:600;display:none;position:absolute;inset:0}#delete-proxy{margin-top:12px}.region-select-overlay{z-index:3;cursor:crosshair;touch-action:none;position:absolute;overflow:hidden}.region-select-box{border:2px solid var(--electric-blue-1000);pointer-events:none;display:none;position:absolute;box-shadow:0 0 0 100000px #00000073}.region-select-hint{font-size:var(--small);white-space:nowrap;pointer-events:none;background:#0009;border-radius:4px;margin:0;padding:4px 10px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.volume-row{align-items:flex-end;display:flex}#volume-svg{cursor:pointer}#volume-svg.volume-disabled{cursor:default;pointer-events:none}section#effects{height:calc(var(--upper) - var(--upper-top));width:var(--effects-width);left:0;top:var(--upper-top);background:var(--charcoal-1000);border-right:2px solid var(--charcoal-800);border-bottom:2px solid var(--charcoal-800);flex-direction:column;gap:8px;padding:12px 14px;display:flex;overflow-y:auto}#fx-tabs{box-sizing:border-box;border-bottom:2px solid var(--charcoal-800);background:var(--charcoal-1000);flex-wrap:nowrap;flex:none;align-items:stretch;height:40px;margin:-12px -14px 0;display:flex;overflow:hidden}section#effects h3{margin-bottom:2px}.effects-hint{color:var(--charcoal-400);font-size:var(--small);line-height:1.3}.action-selector{align-items:baseline;margin-top:6px;display:flex}.action-title{margin-right:8px;padding-top:4px}.action-chain{flex-direction:column;gap:4px;display:flex}.action-box{border:1px solid var(--charcoal-800);border-radius:4px;flex-direction:column;align-items:flex-start;gap:4px;padding:8px;display:flex}.action-row{flex-wrap:wrap;align-items:center;row-gap:6px;display:flex}.action-row .small-btn{margin:0 2px}.action-num{width:4.5rem;margin-right:6px}.action-color{width:44px;height:28px;margin-right:6px}.kf-row{align-items:center;gap:2px;display:flex}.fx-btn-row{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.transcribe-tab{flex-direction:column;flex:auto;gap:8px;min-height:0;display:flex}.transcribe-generate{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.transcribe-generate button{white-space:nowrap;flex:none}.transcribe-generate button.active{border-color:#fff}.transcribe-threads{align-items:center;gap:5px;display:flex}.transcribe-threads[hidden]{display:none}.transcribe-threads .transcribe-thread-slider{width:8rem}.transcribe-thread-value{text-align:right;font-variant-numeric:tabular-nums;min-width:2ch}.transcribe-status{min-width:0;color:var(--charcoal-400);font-size:var(--small);overflow-wrap:anywhere;flex:1 0 100%;margin:0}#transcribe-list{flex:auto;min-height:0;position:relative;overflow-y:auto}.transcribe-spacer{width:100%;position:relative}#transcribe-list .transcribe-seg{box-sizing:border-box;background:var(--charcoal-900);border:1px solid var(--charcoal-800);font-size:var(--small);border-radius:4px;align-items:stretch;gap:8px;padding:6px 8px;line-height:1.35;display:flex;position:absolute;left:0;right:0}#transcribe-list .transcribe-para-toggle{background:var(--charcoal-600);cursor:pointer;border-radius:3px;flex:none;align-self:stretch;width:6px;transition:background .15s}#transcribe-list .transcribe-para-toggle:hover{background:var(--charcoal-400)}#transcribe-list .transcribe-para-toggle.cut{background:var(--error)}.transcribe-words{min-width:0;color:var(--charcoal-100);flex:auto}#transcribe-list .tword{cursor:pointer;overflow-wrap:anywhere;border-radius:3px;margin-right:.28em;padding:0 2px;display:inline-block}#transcribe-list .tword:hover{background:var(--charcoal-800)}#transcribe-list .tword.cut{color:var(--charcoal-500);text-decoration:line-through}#transcribe-list .tword.playing{background:var(--electric-blue-1000);color:var(--charcoal-1000)}#timeline{width:calc(100vw - var(--tbw) - var(--msw));height:calc(100vh - var(--upper));left:calc(var(--tbw) + var(--msw));top:var(--upper);background:var(--charcoal-1000);position:absolute}canvas{width:100%;height:100%;display:flex}#playhead{position:absolute}#media-source{left:0;top:var(--upper);width:var(--msw);height:calc(100vh - var(--upper));background:var(--charcoal-1000);border-right:2px solid var(--charcoal-800);font-size:var(--small);flex-direction:column;display:flex;position:absolute;overflow:hidden}.ms-title{color:var(--charcoal-100);border-bottom:2px solid var(--charcoal-800);flex:none;padding:8px 12px;font-weight:700}.ms-list{flex:auto;min-height:0;padding:6px 8px 12px;overflow-y:auto}.ms-dropbox{text-align:center;border:3px dashed var(--electric-blue-1000);color:var(--charcoal-100);cursor:pointer;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:12px;margin:8px 2px;padding:28px 12px;font-weight:600;display:flex}.ms-dropbox:hover{background:var(--charcoal-900)}.ms-dropbox svg{width:48px;height:48px}.ms-row{border:1px solid var(--charcoal-800);background:var(--charcoal-900);cursor:pointer;border-radius:4px;align-items:center;gap:6px;margin:4px 0;padding:5px 6px;display:flex}.ms-row:hover{border-color:var(--charcoal-600)}.ms-row--active{border-color:var(--charcoal-800)}.ms-row--dragging{cursor:grabbing;opacity:.7}.ms-row__icon{width:20px;height:20px;color:var(--charcoal-300);flex:none}.ms-row__main{flex:auto;min-width:0}.ms-row__name{color:var(--charcoal-100);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ms-row__meta{color:var(--charcoal-500);margin-top:1px;font-size:.85em}.ms-remove{width:22px;height:22px;color:var(--charcoal-400);cursor:pointer;background:0 0;border:none;border-radius:4px;flex:none;justify-content:center;align-items:center;font-size:1.1rem;line-height:1;display:flex}.ms-remove:hover{color:var(--error);background:0 0}.ms-unsupported{flex-direction:column;flex:auto;min-height:0;display:flex}.ms-unsupported__body{flex-direction:column;flex:auto;gap:10px;padding:16px 12px;display:flex}.ms-unsupported__download{text-decoration:none}.ms-unsupported__download .ms-btn,.ms-unsupported__body>.ms-btn{width:100%}.ms-storage{border-top:2px solid var(--charcoal-800);flex-direction:column;flex:none;gap:8px;max-height:45%;padding:10px 12px;display:flex;overflow-y:auto}.ms-usage{color:var(--charcoal-200)}.ms-usage b{color:var(--charcoal-100)}.ms-btn{border:1px solid var(--charcoal-800);background:var(--charcoal-900);color:var(--charcoal-100);cursor:pointer;border-radius:4px;padding:6px 10px;font-size:.95em}.ms-btn:hover{background:var(--charcoal-800)}.gutter{z-index:5;background:0 0;transition:background .15s;position:fixed}.gutter:hover,.gutter.dragging{background:var(--electric-blue-1000)}#split-x{top:var(--upper-top);height:calc(var(--upper) - var(--upper-top));width:6px;left:calc(100vw - var(--panel-width) - 3px);cursor:col-resize}#split-effects{top:var(--upper-top);height:calc(var(--upper) - var(--upper-top));width:6px;left:calc(var(--effects-width) - 3px);cursor:col-resize}#split-media{top:var(--upper);height:calc(100vh - var(--upper));width:6px;left:calc(var(--msw) - 3px);cursor:col-resize}#split-y{width:100vw;height:6px;left:0;top:calc(var(--upper) - 3px);cursor:row-resize}#resize-overlay{z-index:4;display:none;position:fixed;inset:0}#resize-overlay.active{display:block}#resize-overlay.col{cursor:col-resize}#resize-overlay.row{cursor:row-resize}#buttons{height:var(--buttons-height);flex-direction:row;justify-content:space-between;align-items:flex-start;margin:8px 30px 0;display:flex;position:relative}#play-container{position:absolute;left:50%;transform:translate(-50%)}#play-button{width:34px;height:34px;display:none}#time-container{flex-direction:row;flex:1;justify-content:space-between;width:100%;padding-top:5px;display:flex}#controls-container{flex-direction:row;flex:1;justify-content:space-between;align-items:center;width:100%;display:flex}.toggle-row{flex-direction:row;align-items:center;gap:15px;display:flex}#start-time,#end-time,.time-empty{color:var(--main-white);font-variant-numeric:tabular-nums lining-nums;font-family:ae-timecode;font-size:18px;font-weight:500}.time-empty{color:var(--charcoal-500)}.delete{opacity:0;top:15px;left:265px;position:absolute!important;&:hover{opacity:1}}p:hover+.delete{opacity:1}section#projects{top:var(--projects-top);width:100vw;height:var(--projects-height);background:var(--charcoal-900);border-bottom:2px solid var(--charcoal-800);z-index:1;-webkit-app-region:drag;left:0;overflow:hidden}body.projects-flush{--projects-height:35px}#input-bar{flex-direction:row;align-items:flex-end;gap:6px;width:100%;height:100%;padding:0 10px;display:flex;overflow-x:auto}.project-chip,.project-chip__add{-webkit-app-region:no-drag}.project-chip{background:var(--charcoal-900);color:var(--main-white);white-space:nowrap;max-width:200px;height:30px;min-width:unset;border:1px solid #0000;border-bottom:none;border-radius:4px 4px 0 0;flex-shrink:0;align-items:center;gap:4px;margin-bottom:0;padding:4px 4px 6px 10px;font-size:.8rem;font-weight:500;display:inline-flex;&:hover{background:var(--charcoal-600)}}.project-chip--active,.project-chip--active:hover{background:var(--charcoal-800)}.project-chip__label{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.project-chip__close{cursor:pointer;color:var(--charcoal-400);background:0 0;border:none;border-radius:2px;align-items:center;padding:0 2px;font-size:1rem;font-weight:400;line-height:1;display:inline-flex;&:hover{color:var(--main-white);background:unset}}.project-chip__add{border:1px dashed var(--charcoal-600);color:var(--charcoal-400);cursor:pointer;width:24px;height:24px;min-width:unset;background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-self:flex-end;align-items:center;margin-bottom:5px;padding:0;font-size:1rem;font-weight:400;line-height:1;display:inline-flex;&:hover{border-color:var(--electric-blue-1000);color:var(--electric-blue-1000);background:0 0}}abc{color:var(--charcoal-100);font-size:var(--little);flex-wrap:wrap;align-items:center;display:flex;&>input{font-size:var(--small);padding:4px}&>select{background:var(--charcoal-1000);padding:3px 2px}&>input,&>div>input,&>select,&>div>select{margin-top:3px;margin-bottom:3px}&.textselect-row,&.choice-row{grid-template-columns:9.5rem auto auto 1fr;align-items:center;column-gap:8px;margin:4px 0;display:grid}&.textselect-row>div:nth-child(2){align-items:center;gap:6px;display:flex;&>select{width:10rem}}&.textselect-row>button{height:1.65em;margin:4px 0}}.method-label-chip{border-radius:4px;align-self:center;width:14px;min-width:14px;height:14px;margin-right:10px}.label-box{border:1px solid var(--charcoal-400);background-color:var(--charcoal-900);border-radius:5px;flex-direction:column;margin:10px 0;padding:10px;display:flex;position:relative;& select{background:var(--charcoal-900)}}.label-op-wrap{align-self:flex-start;align-items:center;margin-bottom:10px;display:flex}.add-to-label{align-self:flex-start;margin-top:6px}.method-instance{border:1px solid var(--charcoal-400);border-radius:5px;flex-wrap:wrap;align-items:center;padding:5px;display:flex;position:relative;& select.method-kind{margin-right:14px}&>.method-not-wrap{opacity:.9;cursor:pointer;align-self:center;align-items:center;gap:4px;margin-left:auto;margin-right:10px;display:inline-flex}}.label-box>.method-instance+.method-instance{margin-top:12px}.label-box>.method-when{border-top:1px solid var(--charcoal-800);margin-top:12px;padding-top:10px}.edit-attrs{align-items:left;flex-flow:wrap;justify-content:left;display:flex}.label-group{flex-flow:wrap;display:flex;&>label>input{margin-left:2px;margin-right:7px}}#controls>h3>input{margin:6px}#controls .control-time-input{width:4.75rem}.attr-field :is(input,select){margin:0 4px}.attr-unit{color:var(--charcoal-100)}.attr-checkbox-field{cursor:pointer;align-items:center;gap:4px;margin-left:6px;display:inline-flex}.method-close{cursor:pointer;align-self:center;width:30px;min-width:30px;max-width:30px;padding:5px}.method-instance>.edit-attrs+.method-close{margin-left:auto}.method-gear{background:0 0;height:auto;padding:4px 5px;&:hover,&:active{background-color:var(--charcoal-800)}&>svg{opacity:.8;display:block}&:hover>svg{opacity:1}}.motion-adv-row{gap:20px;display:flex;& input{width:5.5rem}}#tl-width,#tl-height{width:6rem}#tl-timebase{width:8rem}#bg-color{width:var(--tbw);height:30px}.tl-dims{font-size:var(--small);color:var(--charcoal-100)}#bg-color-value{color:var(--charcoal-100)}.tl-row{margin-top:11px}.tl-bg-swatch{border:1px solid var(--charcoal-800);border-radius:3px;width:16px;height:16px;margin-right:8px;display:inline-block}.form-heading{margin-bottom:11px;font-weight:700}#exports-remaining{color:var(--charcoal-400);margin:4px 0 0;font-size:.75em}.margin-controls{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:.25rem;min-width:0;display:grid}.margin-box{flex-direction:column;min-width:0;display:flex;&>form{align-items:center;gap:.35rem;width:100%;min-width:0;display:flex}&>h4{color:var(--charcoal-400);margin-bottom:10px}&>form>input[type=range]{flex:auto;width:auto;min-width:0}&>form>input[type=number]{flex:0 0 4.75rem}}.margin-box-right{align-items:flex-end}.margin-unit{padding:0 .1rem}#grid-container{flex-direction:column;display:flex}.license-modal-overlay{z-index:9999;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.license-modal-card{background:var(--charcoal-900);border:1px solid var(--charcoal-800);border-radius:.5em;flex-direction:column;gap:.75rem;width:650px;max-width:90vw;padding:1.5rem 2rem;display:flex;& h3{color:var(--main-white);font-size:var(--medium);margin-bottom:.25rem}}.license-modal-status{color:var(--charcoal-400);font-size:var(--small)}.license-modal-input{background:var(--charcoal-1000);width:100%;color:var(--main-white);border-color:var(--charcoal-800);box-sizing:border-box;font-family:ae-mono,monospace;font-size:.9rem}.license-modal-error{color:var(--error);font-size:var(--small);min-height:1.2em}.license-modal-hint{color:var(--charcoal-400);font-size:var(--small);& a{color:var(--electric-blue-1000);text-decoration:none;&:hover{text-decoration:underline}}}.license-modal-buttons{gap:.5rem;margin-top:.25rem;display:flex}.license-modal-push-right{margin-left:auto}.license-modal-cancel{background-color:var(--charcoal-800);color:var(--main-white);&:hover{background-color:var(--charcoal-600)}&:active{background-color:var(--charcoal-500)}}.license-modal-remove{background-color:var(--error);color:#fff;&:hover{background-color:#cc2d4e}&:active{background-color:#a0243e}}.info-modal-list{color:var(--main-white);font-size:var(--small);flex-direction:column;gap:.4rem;display:flex}.info-modal-row{justify-content:space-between;gap:1rem;display:flex}.info-modal-label{color:var(--charcoal-400)}.info-modal-value{color:var(--main-white);font-family:ae-mono,monospace}.switch-project-row{text-align:left;border:1px solid var(--charcoal-800);background:var(--charcoal-900);color:var(--main-white);cursor:pointer;font-size:var(--small);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;padding:.5rem .7rem;overflow:hidden;&:hover{background:var(--charcoal-600)}&:disabled{color:var(--charcoal-400);cursor:default;background:var(--charcoal-900)}}.licenses-modal-host{border:1px solid var(--charcoal-800);border-radius:.25rem;overflow:hidden}.adv-modal-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.adv-bitrate-section{flex-direction:column;gap:.75rem;display:flex;& abc{align-items:center;&>div{flex:1}}}.adv-fmt-section{flex-direction:column;gap:.6rem;display:flex}.adv-fmt-checks{grid-template-columns:1fr 1fr;gap:.7rem 1.5rem;display:grid}.adv-fmt-check{color:var(--charcoal-100);cursor:pointer;align-items:center;gap:8px;display:flex}.adv-modal-card{gap:1.25rem;padding:2.5rem 3rem}.adv-modal-card :is(h3,p){margin:0}body.has-web-menu{--web-menu-height:26px}.web-menu-bar{width:100vw;height:var(--web-menu-height);z-index:1000;background:var(--charcoal-900);border-bottom:1px solid var(--charcoal-800);align-items:stretch;font-family:-apple-system,sans-serif;display:flex;position:fixed;top:0;left:0}.web-menu-item{display:flex;position:relative}.web-menu-trigger{color:var(--charcoal-100);cursor:pointer;background:0 0;border:none;align-items:center;height:100%;padding:0 12px;font-size:.8rem;line-height:1;display:inline-flex;&:hover{background:var(--charcoal-800)}}.web-menu-item.open .web-menu-trigger{background:var(--electric-blue-1000);color:#fff}.web-menu-dropdown{background:var(--charcoal-900);border:1px solid var(--charcoal-800);z-index:1001;border-radius:0 0 4px 4px;min-width:260px;padding:4px 0;display:none;position:absolute;top:100%;left:0;box-shadow:0 6px 16px #0006}.web-menu-item.open .web-menu-dropdown{display:block}.web-menu-option{width:100%;color:var(--charcoal-100);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;gap:2rem;padding:5px 16px;font-size:.8rem;line-height:1.2;display:flex;&:hover{background:var(--electric-blue-1000);color:#fff}}.web-menu-shortcut{color:var(--charcoal-400);font-family:-apple-system,system-ui,sans-serif}.web-menu-option:hover .web-menu-shortcut{color:#fff}.web-menu-separator{background:var(--charcoal-800);height:1px;margin:4px 0}body.has-web-menu{--projects-top:var(--web-menu-height);--projects-height:0px}body.has-web-menu #projects{display:none}input[type=range].styled-slider{&::-moz-range-thumb{background:var(--electric-blue-1000);cursor:pointer;border:none;border-radius:1em;width:22px;height:22px;box-shadow:0 0 #000}&::-moz-range-track{background:var(--charcoal-400);height:6px;box-shadow:none;border:none;border-radius:.5em}&.slider-progress::-moz-range-progress{background:var(--electric-blue-1000);border-radius:.5em;height:6px}&.slider-progress-reversed::-moz-range-track{background:linear-gradient(to left, var(--electric-blue-1000) var(--sx), var(--charcoal-400) var(--sx))}}.progress{appearance:none;background-color:#dbdbdb;&::-moz-progress-bar{background-color:var(--electric-blue-1000)}}body{visibility:visible}