:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#181816;--surface:#222220;--surface-subtle:#282825;--surface-strong:#f2f0ea;--ink:#f2f0ea;--ink-inverse:#1b1b19;--muted:#aaa69d;--faint:#807d76;--border:#3a3935;--border-strong:#57554f;--input-bg:#1d1d1b;--player-bg:#0d0d0c;--pale-blue:#21333d;--blue-ink:#a9d9f2;--pale-yellow:#3a3321;--yellow-ink:#efd28b;--pale-red:#3d2727;--red-ink:#f1abab;--focus:#71b9e6;--subtitle-scrim:#121211;--subtitle-text:#fff;--sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;--serif:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;--mono:"SFMono-Regular", "SF Mono", Menlo, Consolas, monospace;--radius-sm:5px;--radius-md:8px;--radius-lg:12px;--ease-out-quint:cubic-bezier(.16, 1, .3, 1);--motion-press:.1s;--motion-fast:.16s;--motion-ui:.22s;--motion-panel:.28s;--theme-fade:background-color var(--motion-ui) var(--ease-out-quint), color var(--motion-ui) var(--ease-out-quint), border-color var(--motion-ui) var(--ease-out-quint);interpolate-size:allow-keywords}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#f7f6f3;--surface:#fff;--surface-subtle:#fbfbfa;--surface-strong:#1f1f1d;--ink:#292927;--ink-inverse:#fff;--muted:#716f6a;--faint:#9b9891;--border:#e5e3de;--border-strong:#cbc8c1;--input-bg:#fff;--player-bg:#111110;--pale-blue:#e1f3fe;--blue-ink:#1f6c9f;--pale-yellow:#fbf3db;--yellow-ink:#7b5500;--pale-red:#fdebec;--red-ink:#9f2f2d;--focus:#1f6c9f;--subtitle-scrim:#1d1d1b}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{background:var(--canvas);min-width:320px}body{background:var(--canvas);min-width:320px;min-height:100vh;color:var(--ink);font-family:var(--sans);font-optical-sizing:auto;text-rendering:optimizelegibility;transition:var(--theme-fade);font-size:16px;line-height:1.6;overflow-x:hidden}button,input,select{font:inherit}button,select,label,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.paper-texture{z-index:0;pointer-events:none;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");position:fixed;inset:0}:root[data-theme=light] .paper-texture{opacity:.018}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{z-index:1;width:100%;min-height:100vh;padding:clamp(24px,4vw,56px);position:relative}.main{width:min(100%,1240px);margin:0 auto}.header{justify-content:space-between;align-items:center;gap:32px;min-height:72px;padding-bottom:28px;display:flex}.brand{min-height:44px;color:inherit;align-items:center;text-decoration:none;display:inline-flex}.switch-kicker,.picker-count{font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:600;line-height:1.3}.site-title{font-family:var(--serif);letter-spacing:-.025em;font-size:24px;font-weight:600;line-height:1.15}.switch-group{align-items:center;gap:8px;display:flex}.switch{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;transform-origin:50%;min-height:48px;transition:var(--theme-fade), transform var(--motion-fast) var(--ease-out-quint);grid-template-columns:minmax(72px,auto) 36px;align-items:center;gap:12px;padding:6px 10px 6px 12px;display:grid;position:relative}.switch:active{transition-duration:var(--motion-press);transform:scale(.985)}.switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.switch-copy{flex-direction:column;font-size:12px;line-height:1.35;display:flex}.switch-kicker{color:var(--muted);font-size:8px}.slider{border:1px solid var(--border-strong);background:var(--surface-subtle);width:36px;height:20px;transition:background-color var(--motion-ui) var(--ease-out-quint), border-color var(--motion-ui) var(--ease-out-quint);border-radius:9999px;position:relative}.slider:before{content:"";background:var(--muted);width:12px;height:12px;transition:transform var(--motion-ui) var(--ease-out-quint), background-color var(--motion-fast) var(--ease-out-quint);border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked+.switch-copy+.slider{border-color:var(--blue-ink);background:var(--pale-blue)}.switch input:checked+.switch-copy+.slider:before{background:var(--blue-ink);transform:translate(16px)}.switch input:focus-visible+.switch-copy+.slider{outline:2px solid var(--focus);outline-offset:3px}.workspace{grid-template-columns:minmax(280px,.72fr) minmax(0,1.68fr);align-items:start;gap:16px;display:grid}.panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);transition:var(--theme-fade)}.picker{padding:clamp(20px,2.5vw,30px);position:sticky;top:24px}.picker-field{border-bottom:1px solid var(--border);padding:0 0 20px}.picker-label-row{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:9px;display:flex}.panel-title{font-family:var(--serif);letter-spacing:-.025em;font-size:21px;font-weight:500;line-height:1.2}.panel-title label{cursor:pointer}.picker-count{color:var(--muted);font-family:var(--mono);letter-spacing:.02em;text-align:right;font-size:9px}.select,.text-input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--input-bg);width:100%;min-height:46px;color:var(--ink);transition:var(--theme-fade);font-size:14px}.select{cursor:pointer;padding:10px 38px 10px 12px}.recent-video{border-radius:var(--radius-sm);background:var(--pale-yellow);color:var(--yellow-ink);gap:4px;margin-top:18px;padding:12px 14px;display:grid}.recent-video[hidden]{display:none}.recent-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:600}.recent-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.notice{min-height:0;color:var(--blue-ink);margin-top:16px;font-size:13px;line-height:1.55}.notice:not(:empty){border-radius:var(--radius-sm);background:var(--pale-blue);padding:11px 13px}.notice[data-kind=error]:not(:empty){color:var(--red-ink);background:var(--pale-red)}.viewer{min-width:0;padding:clamp(16px,2vw,24px)}.viewer-heading{align-items:center;padding:4px 4px 16px;display:flex}.viewer-heading h2{font-family:var(--serif);letter-spacing:-.03em;font-size:clamp(23px,2.2vw,31px);font-weight:500;line-height:1.1}.video-frame{aspect-ratio:16/9;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--player-bg);width:100%;position:relative;overflow:hidden}.video-frame>.player,.video-frame>.video-empty{width:100%;height:100%;transition:opacity .18s var(--ease-out-quint);position:absolute;inset:0}.video-frame>.player{opacity:0}.video-frame[data-player-state=ready]>.player{opacity:1}.player iframe{border:0;display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.video-empty{color:#9b9a94;text-align:center;opacity:1;pointer-events:none;justify-content:center;align-items:center;padding:32px;font-size:13px;display:flex}.video-frame[data-player-state=ready]>.video-empty,.video-frame[data-player-state=clearing]>.video-empty{opacity:0}.video-frame[data-player-transition=exit]>.player,.video-frame[data-player-transition=exit]>.video-empty{transition-duration:.12s}.video-empty[hidden]{display:none}.subtitle-section{width:100%;padding-top:12px}.subtitle-section[hidden]{display:none}.subtitle-scrim{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--subtitle-scrim);text-align:center;place-items:center;width:100%;min-height:70px;padding:16px 24px;display:grid}.subtitle-text{min-height:1.6em;color:var(--subtitle-text);white-space:pre-line;font-size:16px;line-height:1.6}.subtitle-settings{flex-wrap:wrap;justify-content:flex-end;gap:18px;padding:12px 4px 0;display:flex}.setting{min-height:44px;color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.setting input[type=range]{width:min(150px,28vw);min-height:44px;accent-color:var(--blue-ink)}.setting input[type=color]{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--input-bg);cursor:pointer;width:44px;height:44px;padding:3px}.advanced{border-bottom:1px solid var(--border);margin-top:20px}.advanced summary{border-top:1px solid var(--border);min-height:48px;color:var(--muted);cursor:pointer;transform-origin:50%;transition:color var(--motion-fast) var(--ease-out-quint), opacity var(--motion-fast) var(--ease-out-quint), transform var(--motion-fast) var(--ease-out-quint);justify-content:space-between;align-items:center;gap:12px;font-size:13px;list-style:none;display:flex}.advanced summary:active{opacity:.72;transition-duration:var(--motion-press);transform:scale(.99)}.advanced summary::-webkit-details-marker{display:none}.summary-icon{flex:none;width:14px;height:14px;display:block;position:relative}.summary-icon:before,.summary-icon:after{content:"";width:12px;height:1px;transition:transform var(--motion-fast) var(--ease-out-quint);background:currentColor;position:absolute;top:6px;left:1px}.summary-icon:after{transform:rotate(90deg)}.advanced[open] .summary-icon:after{transform:rotate(0)}.advanced-content{opacity:0;transition:grid-template-rows var(--motion-panel) var(--ease-out-quint), opacity var(--motion-fast) var(--ease-out-quint);grid-template-rows:0fr;display:grid}.advanced-content>*{overflow:hidden}.advanced[open] .advanced-content{opacity:1;grid-template-rows:1fr}.advanced.is-closing .advanced-content{opacity:0;grid-template-rows:0fr}.advanced.is-closing .summary-icon:after{transform:rotate(90deg)}.advanced-group{padding:18px 0}.advanced-group+.advanced-group{border-top:1px solid var(--border)}.advanced-label{color:var(--muted);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;margin-bottom:9px;font-size:9px;font-weight:600}.advanced-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.advanced-row-url{grid-template-columns:minmax(0,1fr) auto;margin-bottom:8px;display:grid}.text-input{min-width:0;padding:10px 12px}.text-input::placeholder{color:var(--faint)}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transform-origin:50%;min-height:44px;transition:background-color var(--motion-fast) var(--ease-out-quint), border-color var(--motion-fast) var(--ease-out-quint), color var(--motion-fast) var(--ease-out-quint), opacity var(--motion-fast) var(--ease-out-quint), transform var(--motion-fast) var(--ease-out-quint);border:1px solid #0000;justify-content:center;align-items:center;padding:9px 14px;font-size:12px;font-weight:600;line-height:1.3;display:inline-flex}.btn:active{transition-duration:var(--motion-press);transform:scale(.97)}.btn-primary{background:var(--surface-strong);color:var(--ink-inverse)}.btn-secondary,.btn-ghost{border-color:var(--border-strong);color:var(--ink);background:0 0}.btn-subtitle{background:var(--pale-yellow);color:var(--yellow-ink)}@media (hover:hover) and (pointer:fine){.btn-primary:hover,.btn-subtitle:hover{opacity:.86}.btn-secondary:hover,.btn-ghost:hover{background:var(--surface-subtle)}}#srt-file:focus-visible+label{outline:2px solid var(--focus);outline-offset:3px}.reveal-ready [data-reveal]{opacity:0;transform:translateY(8px)}.reveal-ready [data-reveal].is-visible{opacity:1;transition:opacity var(--motion-panel) var(--ease-out-quint), transform var(--motion-panel) var(--ease-out-quint), background-color var(--motion-ui) var(--ease-out-quint), border-color var(--motion-ui) var(--ease-out-quint);transition-delay:calc(var(--reveal-index,0) * 40ms);transform:translateY(0)}@media (width<=920px){.workspace{grid-template-columns:1fr}.picker{position:static}}@media (width<=640px){html,body{overscroll-behavior:none;height:100%}body{overflow:hidden}.container{height:100dvh;min-height:0;padding:8px;overflow:hidden}.main{grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;display:grid}.header{flex-direction:row;align-items:center;gap:8px;min-height:0;padding:0 2px 8px}.brand{flex:none}.site-title{font-size:18px}.switch-group{gap:4px;margin-left:auto;display:flex}.switch{grid-template-columns:auto 32px;gap:5px;min-height:44px;padding:3px 6px}.switch-copy>:last-child{display:none}.switch-kicker{font-size:8px}.slider{width:32px;height:18px}.slider:before{top:2px;left:2px}.switch input:checked+.switch-copy+.slider:before{transform:translate(14px)}.workspace{grid-template-rows:auto minmax(0,1fr);gap:8px;height:100%;min-height:0;display:grid}.picker{z-index:5;padding:10px 12px;position:relative}.picker-field{padding-bottom:8px}.picker-label-row{margin-bottom:6px}.panel-title{font-size:16px}.picker-count{font-size:8px}.select{min-height:44px;padding-block:8px}.recent-video{display:none}.notice{max-height:36px;margin-top:6px;font-size:10px;line-height:1.3;overflow:hidden}.notice:empty{display:none}.notice:not(:empty){padding:5px 7px}.advanced{border-bottom:0;margin-top:8px}.advanced summary{min-height:44px}.advanced-content{display:none}.advanced[open]{z-index:20;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);opacity:1;transform-origin:top;margin:0;padding:0 12px;position:fixed;inset:68px 8px auto;transform:none}.advanced[open] summary{border-top:0}.advanced[open] .advanced-content{opacity:1;background:0 0;border:0;border-radius:0;padding:0;display:block;position:static}.viewer{flex-direction:column;min-height:0;padding:8px;display:flex;position:relative;overflow:hidden}.viewer-heading{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.video-empty{padding:12px;font-size:11px}.advanced-row:not(.advanced-row-url){grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.advanced-row .btn,.advanced-group>.btn{width:100%}.advanced-row .btn{padding-inline:8px;font-size:10px}.subtitle-settings{justify-content:space-between;gap:8px;padding-top:6px}.subtitle-section{flex:none;padding-top:6px}.subtitle-scrim{min-height:52px;padding:7px 10px}.subtitle-text{line-height:1.35}.setting{gap:6px;min-height:44px;font-size:10px}.setting input[type=range]{width:min(100px,29vw)}.setting input[type=color]{width:44px;height:44px}.reveal-ready [data-reveal],.reveal-ready [data-reveal].is-visible{opacity:1;transition:none;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal-ready [data-reveal]{opacity:1;transform:none}body,.switch,.panel,.select,.text-input,.video-frame>.player,.video-frame>.video-empty{transition-duration:.1s!important}.btn,.switch,.advanced summary{transform:none!important}}@media (prefers-contrast:more){:root{--muted:#cbc7bd;--border:#5f5d56;--border-strong:#858178}:root[data-theme=light]{--muted:#4d4b47;--border:#aaa69d;--border-strong:#77736c}}