:root{--danger:oklch(58.11% .2061 24.99);--info:oklch(72.8651% .154876 241.664);--success:oklch(87.41% .259 145.17);--warning:oklch(83.96% .1344 73.34);--danger-border:oklch(45.07% .163 25.53);--info-border:oklch(61.6298% .162254 247.051);--success-border:oklch(78.67% .2583 143.59);--warning-border:oklch(77.21% .1727 64.17);--danger-text:oklch(98% 0 0);--info-text:oklch(18% 0 0);--success-text:oklch(18% 0 0);--warning-text:oklch(18% 0 0);--surface:oklch(18.22% 0 0);--surface-secondary:oklch(28.09% 0 0);--surface-tertiary:oklch(36% 0 0);--surface-border:oklch(43.86% 0 0);--text:oklch(100% 0 0);--primary:oklch(67.48% .2195 10.89);--secondary:oklch(84.09% .2122 140.58);--accent:oklch(59.86% .0916 225.2);--primary-border:oklch(61.33% .2466 20.87);--secondary-border:oklch(77.66% .2486 141.19);--accent-border:oklch(43.39% .0645 226.12);--primary-text:oklch(2% 0 0);--secondary-text:oklch(20% 0 0);--accent-text:oklch(98% 0 0);--disabled:oklch(55.75% .0165 244.89);--enabled:oklch(60.4814% .216559 257.214);--hover:oklch(66.9% .1796 253.36);--active:oklch(72.76% .1456 251.72);--disabled-text:oklch(60% 0 0);--button-primary-bg:var(--primary);--button-primary-text:var(--primary-text);--button-primary-hover:oklch(72.72% .1765 6.86);--button-primary-active:oklch(77.73% .1377 4.78);--button-secondary-bg:var(--secondary);--button-secondary-text:var(--secondary-text);--button-secondary-hover:oklch(86.88% .1715 140.45);--button-secondary-active:oklch(89.65% .1346 140.14);--button-accent-bg:var(--accent);--button-accent-text:var(--accent-text);--button-accent-hover:oklch(67.04% .099 224.92);--button-accent-active:oklch(71.86% .087 224.61);--button-danger-bg:var(--danger);--button-danger-text:var(--danger-text);--button-danger-hover:oklch(63.02% .1772 22.15);--button-danger-active:oklch(67.51% .152 20.02);--button-info-bg:var(--info);--button-info-text:var(--info-text);--button-info-hover:oklch(77.36% .1298 239.2);--button-info-active:oklch(82.91% .0982 236.93);--button-warning-bg:var(--warning);--button-warning-text:var(--warning-text);--button-warning-hover:oklch(87.48% .1057 74.85);--button-warning-active:oklch(91.45% .0726 76.15);--button-success-bg:var(--success);--button-success-text:var(--success-text);--button-success-hover:oklch(88.62% .2223 146.69);--button-success-active:oklch(90.09% .1848 147.85);--button-disabled-bg:oklch(32% 0 0);--button-disabled-text:var(--disabled-text);--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--mono);letter-spacing:.18px;color:var(--text);background:var(--surface);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}*{box-sizing:border-box;color:var(--text);font-family:var(--mono)}body{place-items:center;min-height:100vh;margin:0;display:grid}body div#app{box-sizing:border-box;text-align:center;flex-direction:column;max-width:100%;min-height:100svh;margin-inline:auto;display:flex}body div#app div.container{width:min(800px,92vw)}body div#app div.container a{color:var(--secondary);font-weight:bolder}body div#app div.container p{margin-block:6px}body div#app div.container pre{background:var(--surface-secondary);text-align:start;white-space:pre-wrap;word-break:break-word;max-height:300px;margin-block:24px;padding:15px;overflow:auto}body div#app div.container h2{color:var(--secondary);letter-spacing:-.24px;margin:0 0 8px;font-size:24px;font-weight:500;line-height:118%}@media (width<=1024px){body div#app div.container h2{font-size:20px}}body div#app div.container h1#app-heading{color:var(--primary);letter-spacing:-1.68px;margin-top:32px;margin-bottom:1em;font-size:56px;font-weight:700}@media (width<=1024px){body div#app div.container h1#app-heading{margin:20px 0;font-size:36px}}body div#app div.container div#drop-zone{background:var(--surface-secondary);border:3px dashed var(--enabled);cursor:pointer;text-align:center;margin-block:48px;padding:48px 24px;transition:all .2s}body div#app div.container div#drop-zone.dragover{background:var(--surface-tertiary);border-color:var(--active)}body div#app div.container button#browse-json{background:var(--button-info-bg);color:var(--button-info-text);cursor:pointer;border:none;margin-top:18px;padding:10px 18px;font-size:15px}body div#app div.container button#browse-json:active{background:var(--button-info-active)}body div#app div.container button#browse-json:hover,body div#app div.container button#browse-json:focus{background:var(--button-info-hover)}body div#app div.container button.download-srt{background:var(--button-success-bg);color:var(--button-success-text);cursor:pointer;border:none;margin-block:18px;padding:10px 18px;font-size:15px}body div#app div.container button.download-srt:active{background:var(--button-success-active)}body div#app div.container button.download-srt:hover,body div#app div.container button.download-srt:focus{background:var(--button-success-hover)}body div#app div.container footer{margin-block:20px}body div#app div.container footer hr{color:var(--primary)}body div#app div.container footer div.build-info{margin-block:2em}body div#app div.container footer div.build-info span{color:var(--button-disabled-text)}