:root{font-size:62.5%}body{margin:0;background:#1e1e1e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji",sans-serif;color:rgba(255,255,255,.8)}html,body{height:100%}.app{position:relative;height:100%;overflow:hidden}.left{position:fixed;top:0;left:0;width:100vw;bottom:171px;background:#1e1e1e}.right{position:absolute;width:100vw;overflow:auto;background:#1e1e1e;top:0;bottom:max(171px,env(keyboard-inset-height, 0px));box-sizing:border-box;padding-bottom:30px}.bottom{position:fixed;left:0;right:0;bottom:0;height:171px;background:#1e1e1e;z-index:100}.app-expend-btn{display:none}.wf-bar{display:flex}.wf-wrapper{flex-grow:1}@media(max-height: 375px){.left{bottom:53px}.right{bottom:max(53px,env(keyboard-inset-height, 0px))}.bottom{height:53px}.wf-bar{display:none}}@media(orientation: landscape)and (max-width: 991.98px){.app-expend-btn{display:inline-block}.left{transition:left 250ms ease-in-out;will-change:left}.right{display:none;left:100vw;transition:left 250ms ease-in-out;will-change:left}.app.transitioning{overflow:hidden}.app.transitioning .right{display:block}.app.expend .left{left:calc(-100vw + 5rem);transition-delay:0ms}.app.expend .right{display:block;left:5rem;width:calc(100vw - 5rem);transition-delay:0ms}}@media(orientation: portrait)and (max-width: 991.98px){.left{bottom:60%;z-index:50}.right{top:40%;z-index:auto}}@media(min-width: 992px){.left{position:fixed;width:50vw}.right{width:50vw;left:50vw}}.btn{display:inline-block;margin:0;padding:5px 15px;color:#1e1e1e;border:0;border-radius:10px;background:#909090;cursor:pointer;font-weight:600;font-family:inherit;font-size:inherit}.btn:hover,.btn:active,.btn:focus{background:#fff;outline:0}.scrollbar{position:relative;height:10px;contain:strict}.slider{position:absolute;top:0;bottom:0;height:10px;contain:strict;background:rgba(100,100,100,.4)}.slider:hover{background:rgba(100,100,100,.7)}.slider.active{background:rgba(121,121,121,.7)}.time-input{display:inline-block;font-size:1.2rem;font-family:"Roboto Mono","Noto Mono",monospace;white-space:nowrap}.time-input-control{border:0;padding:0;background:transparent;color:inherit;font-size:1.6rem;font-weight:500;font-family:inherit;padding:15px 0;font-size:1.2rem;text-align:right;font-family:inherit;line-height:inherit;width:2ch;-moz-appearance:textfield}.time-input-control:hover,.time-input-control:focus{outline:none;color:#fff}.time-input-control::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.time-input-control[data-fill-zeros="3"]{width:3ch}.time-input-hour{width:3ch}.dropdown{position:relative}.dropdown-toggle{background:transparent;padding:15px;font-family:inherit;color:inherit;width:3.6rem;border:0;font-size:1.6rem;margin-left:.6rem;cursor:pointer}.dropdown-menu{color:#212529;background:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;text-align:left;list-style:none}.dropdown-item{display:block;width:100%;padding:1rem 1.5rem;clear:both;font-weight:400;color:#333;text-align:inherit;white-space:nowrap;background-color:transparent;border:0;cursor:pointer}.dropdown-item:focus,.dropdown-item:hover{text-decoration:none;background-color:#f8f9fa;outline:0}.dropdown-divider{margin:5px;height:1px;background:#f2f2f2}@media(orientation: landscape)and (min-height: 599.98px){.dropdown-slide-up-btn{display:none}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;border-radius:.25rem}.dropdown.show .dropdown-menu{display:block}.dropdown-menu-right{right:0;left:auto}}@media(orientation: portrait),(max-height: 600px){.dropdown-slide-up-btn{position:absolute;top:-2.5rem;left:0;right:0;margin:auto;display:block;color:#333;background:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);box-shadow:0 0 10px 0 rgba(0,0,0,.2);font-size:3rem;border-radius:4rem;width:5rem;height:5rem;line-height:1}.dropdown-slide-up-btn:hover,.dropdown-slide-up-btn:focus{background-color:#f8f9fa}.dropdown-menu-wrapper{position:fixed;top:0;bottom:0;left:0;right:0;overflow:scroll;padding-top:80vh;z-index:1000;visibility:hidden;transform:translateY(20vh);transition:transform 100ms ease-out;scrollbar-width:none}.dropdown-menu-wrapper::-webkit-scrollbar{display:none}.dropdown.show .dropdown-menu-wrapper{visibility:visible;transform:translateY(0)}.dropdown-menu{position:relative;border-left:0;border-right:0;border-bottom:0;padding-top:2rem}}.fancybox{position:relative;display:flex;background:#fff;padding:15px 1rem;font-size:1.6rem;color:#000;align-items:center;box-sizing:border-box;transition:box-shadow .1s ease-in}.fancybox:focus-within,.fancybox:hover{box-shadow:0 0 0 2px #fff}.fancybox-box{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;opacity:0;border:0;margin:0;padding:0}.fancybox-span{display:block;flex-grow:1;white-space:nowrap;overflow:hidden;min-width:0;text-overflow:ellipsis;pointer-events:none;margin-right:1rem}.stretch-modal{position:fixed;display:none;flex-direction:column;top:0;left:0;right:0;bottom:0;width:fit-content;height:fit-content;min-width:300px;max-width:100%;max-height:100%;margin:auto;border-radius:3px;z-index:300;background:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.2)}.stretch-modal.show{display:flex}.stretch-modal-header{text-align:right;color:#666}.stretch-modal-close-btn{background:transparent;margin:0;padding:1rem;color:inherit;border:0;font-size:1.6rem;cursor:pointer}.stretch-modal-close-btn:focus{outline:1px solid #000}.stretch-modal-body{display:flex;align-items:center;justify-content:center;padding:1.5rem 2rem;flex-grow:1;overflow:auto;min-height:0;color:#333}.stretch-modal-footer{display:flex;padding:1.5rem 2rem;border-top:1px solid #eee;justify-content:end}.waveform{position:relative;background:#222;user-select:none;height:100px;contain:strict;overflow:auto;touch-action:none;overscroll-behavior:none;scrollbar-width:none}.waveform::-webkit-scrollbar{display:none}.waveform-load-trigger{position:absolute;width:1px;height:100%;visibility:hidden}.waveform-placeholder{box-sizing:border-box;height:100%;contain:strict;overflow:hidden;min-width:100%}.waveform-canvas{position:absolute;left:0;right:0;display:block;width:600px;height:100px;pointer-events:none}.waveform-cover{position:absolute;top:0;bottom:0;border-left-width:1px;border-left-style:solid;border-right-width:1px;border-right-style:solid}.waveform-cover.hide{display:none !important}.waveform-cover-current{background:rgba(33,150,243,.2);border-left-color:red;border-right-color:blue}.waveform-cover-current.thin{border-left-width:0;border-right-color:#f0f}.waveform-cover-prev{background:rgba(255,255,255,.05);border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.waveform-cover-prev.thin{border-left-width:0}.waveform-pointer{display:none;position:absolute;top:0;bottom:0;width:1px;background:#fff}.waveform-pointer.show{display:block}.waveform-cover-edge{position:absolute;top:0;bottom:0;width:20px}.waveform-cover-edge-left{left:-10px}.waveform-cover-edge-right{right:-10px}.g-edge-adj .waveform-cover-edge-left,.g-edge-adj .waveform-cover-edge-right{cursor:col-resize}.g-scroll{cursor:grab;touch-action:pan-x}.g-scroll.scrolling{cursor:grabbing}.editarea-row{display:flex;margin:0;padding:0;scroll-margin-bottom:max(171px,env(keyboard-inset-height, 0px))}.editarea-row:hover{background:rgba(255,255,255,.2)}.editarea-row.focus,.editarea-row.selected,.editarea-row.active{background:rgba(255,255,255,.2)}.editarea-row+.editarea-row{border-top:1px solid rgba(255,255,255,.2)}.editarea-row-select{padding:15px;font-size:2rem}.editarea-row-select i{display:block}.editarea-row-checkbox{display:none}.editarea-row-checkbox+.fas:before{content:""}.editarea-row-checkbox:checked+.fas:before{content:""}.row-input-layout{flex-grow:1}.editarea-input{border:0;padding:0;background:transparent;color:inherit;font-size:1.6rem;font-weight:500;font-family:inherit;display:block;width:100%;flex-grow:1;padding:15px 1rem 15px 0}.editarea-input:hover,.editarea-input:focus{outline:none;color:#fff}textarea.editarea-input{resize:none;overflow:hidden;transition:height .5s ease-in-out;height:2rem}.editarea-row-style-box{width:100%;padding-top:10px;padding-bottom:10px}.append-dialog-btn{margin-top:5px;font-size:1.6rem}@media(max-height: 375px){.editarea-row{scroll-margin-bottom:max(53px,env(keyboard-inset-height, 0px))}}@media(min-width: 768px)and (max-width: 991.98px){.row-input-layout{display:flex}.editarea-row-style-box{width:12rem;padding-top:15px;padding-bottom:15px}}@media(min-width: 992px)and (max-width: 1399.98px){.row-style{display:inline-block;width:250px}}@media(min-width: 1400px){.row-input-layout{display:flex}.editarea-row-style-box{width:12rem;padding-top:15px;padding-bottom:15px}}.control-buttons{font-size:1.4rem;padding:5px 0;height:30px}.control-buttons .btn{vertical-align:bottom}.control-buttons .btn+.btn{margin-left:4px}.play-btn{font-size:30px;border-radius:50px;width:50px;height:50px;margin-top:-20px}.bottom .control-buttons{text-align:center}.video-controls{background-color:#666}.progress{display:block;width:100%;cursor:pointer;height:5px;margin:8px 0;border:none;color:#0095dd;-webkit-appearance:none;appearance:none;will-change:margin-top,margin-bottom,height;transition:margin-top .3s,margin-bottom .3s,height .3s}.progress::-moz-progress-bar{background-color:#0095dd}.progress::-webkit-progress-value{background-color:#0095dd}.progress:hover{height:21px;margin-top:0;margin-bottom:0}.video-wrapper{height:100%;display:flex;align-items:center;justify-content:center;contain:strict}.video-inner{aspect-ratio:427/240;max-width:427px;max-height:min(240px,100%);position:relative}.video{width:100%;height:100%;display:block}.ass-text-track{width:100%;height:100%}.panel{position:fixed;top:0;bottom:env(keyboard-inset-height, 0px);left:0;right:0;z-index:500;background:#f4f5f7;overflow:auto;visibility:hidden;opacity:0;overscroll-behavior:contain;transition:opacity 200ms ease-in,visibility 0ms ease-in 200ms}.panel.show{visibility:visible;opacity:1;transition-delay:0ms}.panel form{margin:0;padding:0}.panel-container{margin:0 auto;max-width:128rem;padding:2.5rem 0;box-sizing:border-box}.panel-section.hide{display:none !important}.panel-section+.panel-section{padding-top:2.4rem}.panel-section-header{padding-left:1rem;padding-right:1rem}.panel-header-title{font-weight:500;font-size:1.8rem;color:#161e2e;margin:0}.panel-header-helper{font-size:1.4rem;margin:.4rem 0 0 0;color:#4b5563}.panel-body{margin-top:.2rem}.panel-card{background:#fff;padding:2rem 1.6rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.control-label{display:block;color:#374151;font-size:1.4rem;font-weight:500}.panel-actions-bar{display:flex;background:#f9fafb;align-items:center;justify-content:flex-end;padding:1.2rem 1.6rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);text-align:right}.panel-btn{margin:0;font-family:inherit;overflow:visible;cursor:pointer;line-height:inherit;-webkit-appearance:button;background:#252f3f;border-radius:.6rem;border:1px solid transparent;display:inline-flex;align-items:center;font-weight:600;font-size:1.2rem;padding:.8rem 1.6rem;color:#fff;text-transform:uppercase;letter-spacing:.16em}.panel-btn:hover{background-color:#374151}.panel-btn:active{background-color:#161e2e}.panel-btn:focus{outline:0;border-color:#161e2e}.panel-form-grid{display:grid;grid-gap:2.4rem;gap:2.4rem;grid-template-columns:repeat(6, minmax(0, 1fr))}.form-control{display:block;width:100%;margin:0;font-size:1.6rem;font-family:inherit;overflow:visible;padding:0;line-height:2.4rem;color:#000;border:0;border-radius:.6rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);background:inherit}.form-range{display:block;width:100%}.panel-col-span-2{grid-column:span 2/span 2}.panel-col-span-4{grid-column:span 4/span 4}.panel-col-span-6{grid-column:span 6/span 6}.pane-back-btn{border:0;background:transparent;cursor:pointer;font-size:1.6rem;margin:2.4rem 0 3.2rem;text-align:left}.pane-back-btn:focus{outline:0}.panel-close-btn-wapper{position:fixed;top:0;left:0;right:0;margin:0 auto;max-width:128rem}.panel-close-btn{position:absolute;top:1rem;right:1rem;background:#f4f5f7;border:1px solid #e6e6e6;border-radius:1em;margin:0;padding:.4em;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);width:1em;height:1em;font-size:3rem;cursor:pointer}.panel-close-btn:before,.panel-close-btn:after{position:absolute;top:.24em;left:calc(.5em - 2px);content:" ";height:.5em;width:1.5px;background-color:#999}.panel-close-btn:before{transform:rotate(45deg)}.panel-close-btn:after{transform:rotate(-45deg)}.panel-close-btn:hover,.panel-close-btn:focus{outline:0;background:#e6e6e6}@media(min-width: 576px){.panel-container{padding-left:2.4rem;padding-right:2.4rem}.panel-section-header{padding-left:0;padding-right:0}.panel-card{padding:2.4rem}.panel-section+.panel-section{margin-top:3.2rem;padding-top:3.2rem;border-top:1px solid #e5e7eb}.panel-actions-bar{padding-left:2.4rem;padding-right:2.4rem}.sm\:panel-col-span-1{grid-column:span 1/span 1}}@media(min-width: 768px){.panel-section{display:grid;grid-gap:2.4rem;gap:2.4rem;grid-template-columns:repeat(3, minmax(0, 1fr))}.panel-body{margin-top:0;grid-column:span 2/span 2}.panel-close-btn{right:1rem}}@media(min-width: 992px){.panel-container{padding-left:3.2rem;padding-right:3.2rem}.panel-close-btn{right:1.9rem}}.ass-style-item{display:flex;font-size:1.6rem;color:#333}.ass-style-item+.ass-style-item{border-top:1px solid #e5e7eb}.ass-style-item:hover{background-color:#f4f5f7}.ass-style-item-link{display:flex;font-size:inherit;color:inherit;font-weight:500;padding:2rem 0;background:transparent;border:0;text-align:left;cursor:pointer;flex-grow:1;min-width:0}.ass-style-item-link:focus{background-color:#f4f5f7;outline:0}.ass-style-item-btn{display:block;font-size:inherit;margin:0;padding:2rem 0;width:4rem;border:0;background:transparent;cursor:pointer}.ass-style-item-btn:hover,.ass-style-item-btn:focus{transform:translateX(-1px) translateY(-1px)}.ass-style-item-btn-danger{color:#ff5722}.ass-style-item-icon{padding-left:1.6rem}.ass-style-item-name{flex-grow:1;padding:0 1.6rem;overflow:hidden;text-overflow:ellipsis}.ass-alignment-select-box{display:grid;grid-template-columns:repeat(3, 1fr);width:min-content;gap:.2rem}.ass-alignment-btn{position:relative;font-size:1.6rem;width:3rem;height:3rem}.ass-alignment-btn-span{display:block;height:100%;color:#fff;border:0;line-height:1;text-align:center;padding:.5rem;box-sizing:border-box;background:#536dfe;border-radius:5px}.ass-alignment-btn-radio{position:absolute;top:0;left:0;margin:0;padding:0;width:100%;height:100%;opacity:0}.ass-alignment-btn-radio:checked+.ass-alignment-btn-span{background:#0a53be}.float-bar{position:absolute;top:0;left:0;right:0;height:0;margin:15px 15px 0;z-index:1;text-align:right}.float-bar-bg{position:absolute;top:0;left:0;right:0;height:150px;max-height:100%;z-index:1;box-shadow:inset 0 120px 90px -90px rgba(8,8,8,.8);pointer-events:none}.float-bar-btn{border:0;background:transparent;color:#fff;font-size:2.4rem;cursor:pointer;margin:0;padding:0}.float-bar-btn:focus{outline:0}.float-bar-btn:hover,.float-bar-btn:focus{text-shadow:0 0 .15em #fff}.float-bar-btn+.float-bar-btn{margin-left:15px}.loading-modal{display:none;position:fixed;top:0;bottom:0;left:0;right:0;z-index:1100;background:rgba(30,30,30,.75)}.loading-modal.show{display:block}.spinner{animation:rotate 2s linear infinite;z-index:2;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;width:50px;height:50px}.spinner .path{stroke:#93bfec;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.toolbar-items{display:flex;position:fixed;border-radius:.6rem;background:#364347;height:4rem;border-bottom:0px solid #beb8b8;font-size:1.4rem;line-height:2.3rem;right:20px;bottom:calc(171px - 2rem);z-index:110;visibility:hidden;opacity:0;transition:visibility 0s 150ms ease-in,opacity 150ms ease-in,transform 100ms ease-out;transform:translateY(-2rem)}.toolbar-items.show{opacity:1;visibility:visible;transform:translateY(0);transition-delay:0ms}.toolbar-item{display:block;padding:1rem;color:#fff;background:transparent;border:0;cursor:pointer;font-size:inherit;line-height:inherit;width:2rem;height:2rem;box-sizing:content-box}.toolbar-item:first-child{border-top-left-radius:.6rem;border-bottom-left-radius:.6rem}.toolbar-item:last-child{border-top-right-radius:.6rem;border-bottom-right-radius:.6rem}.toolbar-item:hover,.toolbar-item:focus{background:#5e696d}@media(orientation: portrait)and (max-width: 991.98px){.toolbar-items{top:calc(40% - 2rem);bottom:auto}}@media(max-height: 375px){.toolbar-items{bottom:53px}}@media(orientation: landscape)and (max-width: 991.98px){.toolbar-items{display:none}.app.expend .toolbar-items{display:flex}}.wf-gesture{display:grid;background:#364347;border-bottom:0px solid #beb8b8;font-size:2.4rem;grid-template-columns:1fr 1fr;height:100px}.wf-gesture-btn{display:block;padding:1rem;color:#fff;background:transparent;border:0;cursor:pointer;font-size:inherit;line-height:inherit;width:3rem;height:3rem;box-sizing:content-box}.wf-gesture-btn:hover,.wf-gesture-btn:focus,.wf-gesture-btn.active{background:#5e696d}.conversion-modal-item{font-size:1.6rem}.conversion-modal-item{margin-top:1.8rem}.conversion-modal-item-select{display:block;width:100%;margin:0;font-size:1.6rem;font-family:inherit;overflow:visible;padding:0;line-height:2.4rem;color:#000;border:0;border-radius:.6rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);background:inherit}.conversion-modal-item-select:disabled{color:#7676764d}.conversion-modal-btn{margin:0;padding:.5rem 1rem;background:transparent;font-size:1.6rem;border:1px solid transparent;border-radius:5px;cursor:pointer;min-width:10rem}.conversion-modal-btn:focus{outline:1px solid #000}.conversion-modal-secondary-btn{color:#536dfe;border-color:#ccc}.conversion-modal-convert-btn{color:#fff;background:#536dfe;margin-left:1rem}.conversion-modal-convert-btn[disabled]{cursor:auto;background:#eee;color:#aaa}.demo-container{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;display:flex;align-items:center;justify-content:center}.demo-pic{display:block;aspect-ratio:720/576;max-width:720px;max-height:min(576px,100%)}.demo-src{width:100%;height:100%}.demo-box{display:flex;align-items:center;justify-content:center;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;font-size:1.6rem;width:20rem;height:8rem;max-width:100%;max-height:100%;background:rgba(255,255,255,.95);color:#333;font-weight:500;border-radius:1rem}.demo-link{color:#e91e63}