:root{--text:#e2dfdc;--text-h:#fff;--text-link:#fd7e14;--border:#545b5e;--bg:#1c1e1f;--upload-bg:#181a1b;--upload-border:#0843a5;--dragged-bg:#008532;--dragged-border:#4ad968;--highlight-bg:#e9152d;--highlight-border:#ff6165;--primary-button:#0091ff;--primary-button-clicked:#1e6ef4;--danger-button:#ff4245;--danger-button-clicked:#e9152d;--th-bg:#334870;--time-row-bg:#6883ba;--time-row-text:#000;--table-bg:#3a3a3c;--download-src-button:#6f42c1;--download-src-button-clicked:#6610f2;--success-button:#28a745;--success-button-clicked:#208637;--textarea:transparent;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:ui-monospace, Consolas, monospace;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--mono);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);place-items:center;min-height:100vh;margin:0;display:grid}body a{color:var(--text-link)}body button{color:var(--text);cursor:pointer;font-family:var(--mono);border:none;width:100%;max-width:250px;margin-top:9px;padding:10px 18px;font-size:15px;font-weight:600}body h1,body h2{color:var(--text-h);font-family:var(--heading);font-weight:500}body h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){body h1{margin:20px 0;font-size:36px}}body h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){body h2{font-size:20px}}body p{color:var(--text);margin:6px 0}body #app{box-sizing:border-box;text-align:center;flex-direction:column;max-width:100%;min-height:100vh;margin:0 auto;display:flex}body #app div#container{width:calc(min(1400px,92vw));margin-top:3rem}body #app div#container div#file-uploaders{gap:1rem;margin-top:48px;display:flex}body #app div#container div#file-uploaders div.upload{background:var(--upload-bg);border:3px dashed var(--upload-border);cursor:grab;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;margin-bottom:42px;padding:48px 24px;transition:background-color .5s,border-color .5s;display:flex}body #app div#container div#file-uploaders div.upload button.pick-srt{background:var(--primary-button)}body #app div#container div#file-uploaders div.upload button.pick-srt:active{background:var(--primary-button-clicked)}body #app div#container div#file-uploaders div.upload button.clear-srt{background:var(--danger-button)}body #app div#container div#file-uploaders div.upload button.clear-srt:active{background:var(--danger-button-clicked)}body #app div#container div#file-uploaders div.upload.dragover{background:var(--dragged-bg);border-color:var(--dragged-border)}body #app div#container div#file-uploaders div.upload.highlight{background:var(--highlight-bg);border-color:var(--highlight-border)}body #app table#srt-editor{background:var(--table-bg);border-collapse:collapse;table-layout:fixed;width:100%;font-size:24px}body #app table#srt-editor .number-col{width:3rem}body #app table#srt-editor th,body #app table#srt-editor td{border:1px solid var(--border);vertical-align:top;padding:0}body #app table#srt-editor th{background:var(--th-bg);color:var(--text);padding:.5rem}body #app table#srt-editor tr.time-row{background:var(--time-row-bg);color:var(--time-row-text);font-size:18px}body #app table#srt-editor tr.time-row td:first-child{border-right:0}body #app table#srt-editor tr.time-row td:nth-child(2){border-left:0}body #app table#srt-editor tr.subtitle-row td.number{text-align:center;vertical-align:middle}body #app table#srt-editor tr.subtitle-row div.src-text{text-align:start;white-space:pre-wrap;padding:14px}body #app table#srt-editor tr.subtitle-row textarea.dest-text{background:var(--textarea);box-sizing:border-box;color:var(--text);font:inherit;resize:vertical;border:0;outline:none;width:100%;height:100%;min-height:80px;padding:14px}body #app div#export-buttons{justify-content:flex-end;gap:2rem;margin-top:48px;display:flex}body #app div#export-buttons button#download-dest{background:var(--success-button)}body #app div#export-buttons button#download-dest:active{background:var(--success-button-clicked)}body #app div#export-buttons button#clear-dest{background:var(--danger-button)}body #app div#export-buttons button#clear-dest:active{background:var(--danger-button-clicked)}body #app div#export-buttons button#download-src{background:var(--download-src-button)}body #app div#export-buttons button#download-src:active{background:var(--download-src-button-clicked)}body #app footer{margin-top:20px;margin-bottom:20px}