:root{font-family:Arial,system-ui,Helvetica,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100vw;margin:0 auto;padding:.5rem;text-align:center}#mainContent{flex-direction:column;flex:1}.flex-column{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.flex-end-row{justify-content:flex-end}.padded-column{padding:0rem .25rem}.padded-row{padding:.5rem 0rem}.spaced-between-row{justify-content:space-between}.spaced-around-row{justify-content:space-around}.centered-column{justify-content:center}.centered-row{justify-content:center;align-items:center}.align-center{align-items:center}.align-start-column{align-items:flex-start;text-align:start}.align-flex-end{align-items:flex-end}.flex-end-column{justify-content:flex-end}h4{margin:.5rem 0}p{margin:8px 0}small{font-size:11px}button,input[type=button]{border-style:solid;box-sizing:border-box;font-size:14px;cursor:pointer;color:#fff;transition:.3s;outline:none}input[type=number]{min-height:20px}input[type=number][size="2"]{width:3rem}input[type=number][size="3"]{width:4rem}input[type=number][size="5"]{width:5rem}textarea.no-resize{resize:none}.hidden{display:none}.full-width{width:100%;box-sizing:border-box}.section-row{margin-bottom:.5rem}#inputContainerColumn,#outputContainerColumn,#videoContainerColumn,#controlColumn{width:50%}#headerRow{border-bottom:1px solid white;box-sizing:border-box;align-items:center;text-align:start}#headerRow h4{margin:.5rem 0}#headerRow small{font-size:12px}#btnDownload{background-color:color-mix(in oklab,rgba(155,157,103,1) 75%,black);border:1px solid color-mix(in oklab,rgba(155,157,103,1) 75%,black)}#btnDownload:hover{background-color:color-mix(in oklab,rgba(155,157,103,1) 90%,black);border-color:color-mix(in oklab,rgba(155,157,103,1) 90%,black)}#controlsContainer .tab-content-row{height:400px;background-color:#1a1a1a;border-color:#1a1a1a}#controlsContainer .tabbed-container-tab button{background-color:color-mix(in oklab,rgba(26,26,26,1) 75%,black);border-color:color-mix(in oklab,rgba(26,26,26,1) 75%,black);border-style:solid;border-width:1px 1px 0 1px}#controlsContainer .tabbed-container-tab button:hover{background-color:color-mix(in oklab,rgba(26,26,26,1) 90%,black);border-color:color-mix(in oklab,rgba(26,26,26,1) 90%,black)}#controlsContainer .tabbed-container-tab button.active{background-color:#1a1a1a;border-color:#1a1a1a}#controlsContainer fieldset{display:flex;flex-direction:column;text-align:left;margin-bottom:.5rem;padding-block:.2em .5em;padding-inline:.5em}#controlsContainer fieldset legend{color:initial}#controlsContainer fieldset.empty{padding-block:.35em 0em;border-width:2px 0px 0px 0px}#controlsContainer fieldset:disabled{color:#aaa}#controlsContainer input[type=checkbox]{accent-color:rgba(82,131,136,1)}#controlsContainer .checkbox-row{border-style:solid;border-width:0 0 1px 0;border-color:#fff}#controlsContainer #scrubNonDialogueRow{font-size:12px}#controlsContainer .inner-tabcontent-container{display:flex;flex-direction:column;justify-content:space-between}.line-input{margin-right:4px}.time-separator{margin:0 .25rem}.tab-content-row{height:400px;box-sizing:border-box;border-radius:0 8px 8px;border-style:solid;border-width:1px}.tabbed-container-tab{overflow:hidden}.tabbed-container-tab button{border-color:color-mix(in oklab,rgba(82,131,136,1) 75%,black);border-style:solid;border-width:1px 1px 0 1px;float:left;-moz-border-radius:0px;-webkit-border-radius:8px 8px 0px 0px;border-radius:8px 8px 0 0;outline:none}.tabbed-container-tabcontent{padding:0;height:100%}.inner-tabcontent-container{height:100%}.padded-container{padding:16px}#customCharacterSelect fieldset{flex-direction:row;border-width:0}#customCharacterSelect fieldset legend{display:flex;align-items:center;font-size:11px}#btnFix{background-color:color-mix(in oklab,rgba(82,131,136,1) 75%,black);border:1px solid color-mix(in oklab,rgba(82,131,136,1) 75%,black);width:100%}#btnFix:hover{background-color:color-mix(in oklab,rgba(82,131,136,1) 90%,black);border-color:color-mix(in oklab,rgba(82,131,136,1) 90%,black)}#inputContainer .tab-content-row{height:400px;background-color:#528388;border-color:#528388}#inputContainer .tabbed-container-tab button{background-color:color-mix(in oklab,rgba(82,131,136,1) 75%,black);border:1px solid color-mix(in oklab,rgba(82,131,136,1) 75%,black)}#inputContainer .tabbed-container-tab button:hover{background-color:color-mix(in oklab,rgba(82,131,136,1) 90%,black);border-color:color-mix(in oklab,rgba(82,131,136,1) 90%,black)}#inputContainer .tabbed-container-tab button.active{background-color:#528388;border-color:#528388}.file-viewer{max-height:100%}.file-viewer .file-viewer-tab{float:left;box-sizing:border-box;border:1px solid color-mix(in oklab,rgba(82,131,136,1) 50%,white);border-radius:0 8px 0 0;background-color:color-mix(in oklab,rgba(82,131,136,1) 75%,white);width:35%}.file-viewer .file-viewer-tab button{display:block;background-color:color-mix(in oklab,rgba(82,131,136,1) 70%,white);width:100%;border-width:0px 0 1px 0;border-color:color-mix(in oklab,rgba(82,131,136,1) 50%,white);text-align:left;cursor:pointer;border-radius:0}.file-viewer .file-viewer-tab button.active{background-color:#528388}.file-viewer .file-viewer-tab .file-viewer-tablinks{font-size:14px;font-style:italic}.file-viewer .file-viewer-tab .file-upload-button{border-width:1px;border-bottom:1px;border-style:solid;border-radius:0 8px 0 0;font-style:normal}.file-viewer .file-viewer-tab .file-upload-button:hover{background-color:color-mix(in oklab,rgba(82,131,136,1) 90%,black)}.file-viewer .file-viewer-tab .file-upload-label{box-sizing:border-box;cursor:pointer;padding:0;font-size:14px;width:100%;display:inline-block}.file-viewer .file-viewer-tab #fileViewerTabLinks{overflow-y:auto}.file-viewer .file-viewer-tabcontent{float:left;padding:16px 16px 0;width:65%}.file-viewer .clearfix:after{content:"";clear:both;display:table}#srtInputFile{display:none}.file-upload-button{background-color:color-mix(in oklab,rgba(82,131,136,1) 75%,black);border:1px solid color-mix(in oklab,rgba(82,131,136,1) 75%,black)}.file-upload-button:hover{background-color:color-mix(in oklab,rgba(82,131,136,1) 90%,black);border-color:color-mix(in oklab,rgba(82,131,136,1) 90%,black)}.file-upload-label{box-sizing:border-box;cursor:pointer;font-size:14px;text-align:center}.copy-text-row{justify-content:flex-end}textarea.copy-text-area{position:relative;width:100%}.text-area-button-row{position:absolute;margin:10px 22px 0 0;float:right;z-index:999;cursor:pointer;transition:.3s;color:#fff;text-shadow:2px 2px 15px rgba(0,0,0)}.copy-text-hover{display:none;color:#aaa}.copy-text-button:hover .copy-text-hover{display:block}.copy-text-span{display:flex;align-items:center}.copy-text-character{padding-left:4px}.copy-to-input-hover{display:none;color:#aaa}.copy-to-input-button:hover .copy-to-input-hover{display:block}.copy-to-input-span{display:flex;align-items:center}.copy-to-input-character{padding-left:4px}#outputContainer .tab-content-row{height:400px;background-color:#9b9d67;border-color:#9b9d67}#outputContainer .tabbed-container-tab button{background-color:color-mix(in oklab,rgba(155,157,103,1) 75%,black);border:1px solid color-mix(in oklab,rgba(155,157,103,1) 75%,black)}#outputContainer .tabbed-container-tab button:hover{background-color:color-mix(in oklab,rgba(155,157,103,1) 90%,black);border-color:color-mix(in oklab,rgba(155,157,103,1) 90%,black)}#outputContainer .tabbed-container-tab button.active{background-color:#9b9d67;border-color:#9b9d67}.file-download label,.file-download input{margin-right:2px}.file-download label{font-size:14px}.file-download input{min-height:20px}#videoContainer .tab-content-row{height:400px;background-color:#1a1a1a;border-color:#1a1a1a}#videoContainer .tabbed-container-tab button{background-color:color-mix(in oklab,rgba(26,26,26,1) 75%,black);border-color:color-mix(in oklab,rgba(26,26,26,1) 75%,black);border-style:solid;border-width:1px 1px 0 1px}#videoContainer .tabbed-container-tab button:hover{background-color:color-mix(in oklab,rgba(26,26,26,1) 90%,black);border-color:color-mix(in oklab,rgba(26,26,26,1) 90%,black)}#videoContainer .tabbed-container-tab button.active{background-color:#1a1a1a;border-color:#1a1a1a}#videoRow{position:relative}#videoRow video::-webkit-media-controls-fullscreen-button{display:none}#videoRow #videoInput{display:none}#videoRow .video-upload-button{position:absolute;z-index:999;cursor:pointer;transition:.3s;color:#fff;text-shadow:2px 2px 15px rgba(0,0,0);background-color:transparent;border:none;font-size:14px;padding:6px;left:0;top:0;margin:15px 0 0 10px}#videoRow .video-upload-button:hover{background-color:color-mix(in oklab,rgba(116,184,192,.5) 90%,black);border-color:color-mix(in oklab,rgba(116,184,192,.5) 90%,black)}#videoRow .video-upload-label{cursor:pointer}#videoRow .video-controls{position:absolute;color:#fff;text-shadow:2px 2px 15px rgba(0,0,0);background-color:transparent;border:none;font-size:14px;padding:6px;left:0;bottom:0;margin:0 122px 36px 164px;width:calc(100% - 286px)}#videoRow .video-control-button-group{padding:0 8px}#videoRow video.fullscreen{width:100%;height:100%}#videoRow .img-button{padding-top:6px}#videoRow #videoControlsRowLeft{align-items:center}#videoRow #videoControlsRowRight{justify-content:flex-end}.video-control-button-container{z-index:999;width:20px}.video-control-fake-button,.video-control-button{position:absolute;margin:17px 0 0;float:right;z-index:999;transition:.3s;color:#fff;text-shadow:2px 2px 15px rgba(0,0,0);background-color:transparent;border-width:0;padding:0}.video-control-button:focus{outline:none}.video-control-button-container.disabled{filter:brightness(40%)}.video-control-fake-button{cursor:default}.video-control-hover{visibility:hidden;color:#fff;text-shadow:2px 2px 15px rgba(0,0,0);margin-bottom:14px;text-wrap-mode:nowrap}.video-control-button-container:has(.video-control-character:hover) .video-control-hover{visibility:visible}.video-control-span{display:flex;align-items:center;flex-direction:column;justify-content:center;cursor:default}.video-control-character{padding-left:4px}.disabled{cursor:default}.notification-information{background-color:#5d5d5d}.notification-warning{background-color:#e3d581;color:#000}.notification-warning button{color:#000}.notification-error{background-color:#ff8799;color:#a12e3f}.notification-error button{color:#a12e3f}.notification{font-size:12px;align-items:center;animation:fadeIn .3s ease-in forwards}.notification button{background-color:transparent;font-size:12px;display:flex;width:100%;justify-content:space-between}.notification button:hover,.notification button:focus{border-color:transparent;outline:none}.notification.timeout{animation:fadeInOut 3s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0;visibility:hidden;display:none}to{opacity:1;visibility:visible}}@keyframes fadeOut{0%{opacity:1;visibility:visible}50%{opacity:1}to{opacity:0;visibility:hidden;display:none}}@keyframes fadeInOut{0%{opacity:0;visibility:hidden;display:none}20%{opacity:1;visibility:visible;display:initial}80%{opacity:1;visibility:visible;display:initial}to{opacity:0;visibility:hidden;display:none}}