: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;--panel-width:48vw;--buttons-height:10vh;--tbw:50px;--input-bar-height:0px;--huge:3.7rem;--bigger:2.8rem;--big:1.9rem;--medium:1.3rem;--smedium:1.25rem;--little:1.2rem;--small:1.1rem}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(./fonts/Rubik-Variable.ttf)}@font-face{font-family:ae-mono;src:url(./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{box-sizing:border-box;background:var(--charcoal-1000);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;text-size-adjust:100%;min-width:300px;font-size:16px;overflow:hidden scroll}*,:before,:after{box-sizing:inherit}::-webkit-scrollbar{display:none}body{color:#4a4a4a;font-size:1em;line-height:1.5}:is(body,button,input,optgroup,select,textarea){font-family:BlinkMacSystemFont,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}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:2.5em;padding:calc(.17em - 1px) calc(.75em - 1px);font-size:1.25rem;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}}.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,.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 10px;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}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)}}section{border-radius:0;position:absolute}section#panel{height:var(--upper);width:var(--panel-width);left:calc(100vw - var(--panel-width));top:0;overflow-y:scroll}#tab-bar{z-index:1;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;& button{-webkit-app-region:no-drag;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;&.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:0;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:var(--upper);width:calc(100vw - var(--panel-width));flex-direction:column;display:flex;left:0;right:0;overflow:hidden}#media-container{height:calc(var(--upper) - var(--buttons-height) - var(--input-bar-height));max-height:calc(var(--upper) - var(--buttons-height) - var(--input-bar-height));justify-content:center;align-items:flex-end;width:100%;display:flex;position:relative;overflow:hidden}#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(--buttons-height) - var(--input-bar-height));max-height:calc(var(--upper) - var(--buttons-height) - var(--input-bar-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}#proxy-progress{z-index:1;width:100%;height:4px;margin:0;padding:0;display:none;position:absolute;bottom:0;left:0;& #proxy-progress-fill{background:var(--electric-blue-1000);height:100%}}#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}#dropbox-container{height:calc(var(--upper) - var(--buttons-height));justify-content:center;align-items:center;display:flex}#dropbox{text-align:center;border:3px dashed var(--electric-blue-1000);flex-flow:column wrap;place-content:center;min-width:80%;height:80%;display:flex}#file{display:none}#file-chooser{margin:10px;font-size:1rem;font-weight:600}#timeline{width:calc(100vw - var(--tbw));height:calc(100vh - var(--upper));left:var(--tbw);top:var(--upper);background:var(--charcoal-1000);position:absolute}canvas{width:100%;height:100%;display:flex}#playhead{position:absolute}#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}#start-time,#end-time{color:var(--main-white);font-variant-numeric:tabular-nums lining-nums;font-family:ae-timecode;font-size:18px;font-weight:500}.delete{opacity:0;top:15px;left:265px;position:absolute!important;&:hover{opacity:1}}p:hover+.delete{opacity:1}#input-bar{background:var(--charcoal-900);height:var(--input-bar-height);border-bottom:2px solid var(--charcoal-800);flex-direction:row;flex-shrink:0;align-items:flex-end;gap:6px;padding:0 10px;display:none;overflow-x:auto}.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-instance{border:1px solid var(--charcoal-400);background-color:var(--charcoal-900);border-radius:5px;margin:15px 0;padding:15px;display:flex;&>:first-child{margin-right:14px}& select{background:var(--charcoal-900)}}.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}#margin-box{flex-flow:column wrap;display:flex;&>h4{color:var(--charcoal-400);margin-bottom:10px}&>form>input[type=range]{width:180px}}#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}.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}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:BlinkMacSystemFont,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:ae-mono,monospace}.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 section#panel,body.has-web-menu section#media-viewer{--upper:calc(60vh - var(--web-menu-height))}body.has-web-menu section#panel{top:var(--web-menu-height)}body.has-web-menu section#media-viewer{margin-top:var(--web-menu-height)}body.has-web-menu #tab-bar{top:var(--web-menu-height)}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)}}@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)}html,body{overscroll-behavior-x:none}body{visibility:visible}