:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cp-bg:#f7f4ef;--cp-bg-elevated:#fcfbf8;--cp-surface:#fff;--cp-surface-soft:#f5f5f5;--cp-border:#dedede;--cp-border-strong:#919191;--cp-text:#242424;--cp-text-muted:#5c5c5c;--cp-text-soft:#6f6f6f;--cp-accent:#b11f4b;--cp-accent-hover:#9a1a41;--cp-accent-soft:#b11f4b14;--cp-accent-fg:#fff;--cp-success:#16a34a;--cp-danger:#dc2626;--cp-warning:#f59e0b;--cp-link:#0078d4;--cp-shadow:0 18px 48px #0000001f;--cp-overlay:#fffc;--cp-panel:#ffffffdb;--cp-panel-strong:#fffffff5;--cp-sheen:#ffffff8c;--cp-highlight:#b11f4b1f;--cp-card-shadow:0 0 2px #0000001f, 0 1px 2px #00000024}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cp-bg:#3d3b3a;--cp-bg-elevated:#343231;--cp-surface:#292929;--cp-surface-soft:#2e2e2e;--cp-border:#474747;--cp-border-strong:#5f5f5f;--cp-text:#dedede;--cp-text-muted:#919191;--cp-text-soft:#b0b0b0;--cp-accent:#fd8ea1;--cp-accent-hover:#fb7b91;--cp-accent-soft:#fd8ea124;--cp-accent-fg:#1a1a1a;--cp-success:#4ade80;--cp-danger:#f87171;--cp-warning:#fbbf24;--cp-link:#4da6ff;--cp-shadow:0 18px 48px #00000052;--cp-overlay:#292929e0;--cp-panel:#292929b8;--cp-panel-strong:#292929f5;--cp-sheen:#ffffff0a;--cp-highlight:#fd8ea11f;--cp-card-shadow:0 0 2px #00000047, 0 1px 2px #00000052}*{box-sizing:border-box}html{background:var(--cp-bg);min-width:320px}body{background:var(--cp-bg);min-width:320px;min-height:100vh;color:var(--cp-text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-family:Segoe UI,Aptos,Calibri,-apple-system,BlinkMacSystemFont,sans-serif}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--cp-highlight);outline-offset:3px}button:disabled{cursor:not-allowed}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#root,.app-shell{min-height:100vh}.site-header{border-bottom:1px solid var(--cp-border);justify-content:space-between;align-items:center;max-width:1160px;height:72px;margin:0 auto;padding:0 28px;display:flex}.app-shell:has(.workspace) .site-header{max-width:1496px}.app-shell:has(.workspace) footer{max-width:1496px}.brand{color:var(--cp-text);letter-spacing:-.02em;align-items:center;gap:11px;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{border:1px solid var(--cp-accent);background:var(--cp-accent);width:32px;height:32px;color:var(--cp-accent-fg);border-radius:.625rem;place-items:center;display:grid}.brand-mark svg{width:22px;height:22px}.header-actions{align-items:center;gap:12px;display:flex}.privacy-badge{color:var(--cp-text-muted);align-items:center;gap:7px;font-size:13px;font-weight:600;display:inline-flex}.privacy-badge svg{color:var(--cp-success)}.icon-button{border:1px solid var(--cp-border);background:var(--cp-surface);cursor:pointer;border-radius:.625rem;place-items:center;width:38px;height:38px;display:grid}main{max-width:940px;margin:0 auto;padding:72px 28px 64px}main:has(>.workspace){max-width:1440px;padding-top:28px}.workspace{flex-direction:column;gap:14px;display:flex}.workspace-bar{border:1px solid var(--cp-border);background:var(--cp-surface);box-shadow:var(--cp-card-shadow);border-radius:1rem;flex-wrap:wrap;align-items:center;gap:16px;padding:14px 18px;display:flex}.workspace-file{flex:260px;align-items:center;gap:12px;min-width:0;display:flex}.workspace-file .file-icon{flex:0 0 36px;width:36px;height:36px}.workspace-file .file-primary strong{font-size:14px}.workspace-file .text-button{flex:none;font-size:13px}.workspace-format{color:var(--cp-text-muted);text-transform:uppercase;letter-spacing:.04em;flex:none;align-items:center;gap:8px;font-size:12px;font-weight:650;display:flex}.workspace-format select{border:1px solid var(--cp-border-strong);background:var(--cp-bg-elevated) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23919191' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center / 16px;height:40px;color:var(--cp-text);font:inherit;letter-spacing:0;text-transform:none;appearance:none;cursor:pointer;border-radius:.625rem;padding:0 34px 0 12px;font-size:13px;font-weight:700}.workspace-format select:focus-visible{outline:2px solid var(--cp-accent);outline-offset:1px}.workspace-actions{flex:none;align-items:center;gap:10px;margin-left:auto;display:flex}.workspace-actions .secondary-button,.workspace-actions .primary-button{height:40px;padding:0 14px}.workspace-actions .tool-toggle{height:40px}.workspace-download{align-items:center;gap:8px;display:flex}.workspace-download .filename-input{width:220px}.workspace-download .filename-input input{height:38px}.workspace-switch{display:none}.workspace-panes{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.workspace-pane{border:1px solid var(--cp-border);background:var(--cp-surface);min-width:0;box-shadow:var(--cp-card-shadow);border-radius:1rem}.pane-cues{padding:18px}.pane-cues .caption-editor,.pane-cues .quality-report,.pane-cues .tool-panel{margin-top:14px}.speaker-banner{border:1px solid var(--cp-border);border-left:4px solid var(--cp-link);background:var(--cp-bg-elevated);border-radius:.75rem;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;padding:12px 16px;display:flex}.speaker-banner-text{flex-direction:column;flex:220px;gap:2px;min-width:0;display:flex}.speaker-banner-text strong{font-size:14px}.speaker-banner-text span{color:var(--cp-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.speaker-banner-actions{flex:none;gap:6px;display:flex}.pane-output{flex-direction:column;max-height:calc(100vh - 32px);display:flex;position:sticky;top:16px;overflow:hidden}.pane-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.pane-output .pane-head{border-bottom:1px solid var(--cp-border);background:var(--cp-bg-elevated);padding:12px 16px}.pane-head h2{letter-spacing:-.01em;margin:0;font-size:16px}.pane-head .tool-strip{margin-left:auto}.pane-tabs{border:1px solid var(--cp-border);background:var(--cp-surface);border-radius:.625rem;gap:2px;padding:3px;display:inline-flex}.pane-tabs button{height:30px;color:var(--cp-text-muted);cursor:pointer;background:0 0;border:0;border-radius:.45rem;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:650;display:inline-flex}.pane-tabs button.is-active{background:var(--cp-accent);color:var(--cp-accent-fg)}.pane-meta{color:var(--cp-text-muted);font-variant-numeric:tabular-nums;font-size:12px}.pane-output .media-panel,.original-pane{border:0;border-radius:0;margin:0;overflow:auto}.original-pane{background:var(--cp-bg-elevated);flex-direction:column;flex:auto;min-height:0;padding:16px;display:flex}.original-drop{border:1.5px dashed var(--cp-border-strong,var(--cp-border));background:var(--cp-surface);min-height:180px;color:var(--cp-text-muted);text-align:center;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;transition:border-color .15s,background .15s;display:flex}.original-drop.is-dragging{border-color:var(--cp-accent);background:var(--cp-accent-soft)}.original-drop strong{color:var(--cp-text);font-size:16px}.original-drop span{max-width:360px;font-size:12px;line-height:1.5}.original-drop .primary-button{margin-top:8px}.original-drop .original-drop-hint{color:var(--cp-text);font-weight:650}.original-drop small{color:var(--cp-text-soft);font-size:11px}.original-meta{color:var(--cp-text-muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:12px;display:flex}.original-meta span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.original-meta strong{color:var(--cp-text)}.original-cue-list{flex-direction:column;flex:auto;gap:10px;min-height:0;display:flex;overflow:auto}.original-cue{border:1px solid var(--cp-border);background:var(--cp-surface);border-radius:.75rem;padding:12px;transition:border-color .15s,background .15s}.original-cue.is-active{border-color:var(--cp-accent);background:var(--cp-accent-soft);box-shadow:0 0 0 1px var(--cp-accent)}.original-cue-head{align-items:center;gap:10px;display:flex}.original-cue-time{color:var(--cp-text-muted);font-variant-numeric:tabular-nums;font-family:Consolas,Courier New,Courier,monospace;font-size:12px}.original-cue p{color:var(--cp-text);white-space:pre-wrap;margin:10px 0 0;font-size:14px;line-height:1.5}.original-status{color:var(--cp-text-muted);padding:24px 0;font-size:13px}.output-pane{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:auto}.output-pane.is-pending{color:var(--cp-text-muted);padding:24px 16px;font-size:13px}.output-code{color:var(--cp-text);white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;flex:auto;margin:0;padding:14px 16px;font-family:Consolas,Courier New,Courier,monospace;font-size:12.5px;line-height:1.55}.output-chrome,.output-elided{color:var(--cp-text-soft);display:block}.output-elided{padding:4px 0;font-style:italic}.output-chunk{width:100%;color:inherit;font:inherit;text-align:left;white-space:inherit;cursor:pointer;background:0 0;border:0;border-left:3px solid #0000;border-radius:.35rem;margin:0;padding:2px 8px;transition:background .12s,border-color .12s;display:block}.output-chunk:hover{background:var(--cp-surface-soft)}.output-chunk.is-active{border-left-color:var(--cp-accent);background:var(--cp-accent-soft)}.output-chunk:focus-visible{outline:2px solid var(--cp-accent);outline-offset:-2px}.tok-time{color:var(--cp-accent);font-weight:600}.tok-arrow{color:var(--cp-text-soft)}.tok-tag,.tok-key{color:var(--cp-link)}.tok-number{color:var(--cp-text-muted)}.output-foot{border-top:1px solid var(--cp-border);color:var(--cp-text-muted);margin:0;padding:10px 16px;font-size:12px}@media (width<=960px){.workspace-switch{border:1px solid var(--cp-border);background:var(--cp-surface);border-radius:.625rem;align-self:center;gap:2px;padding:3px;display:inline-flex}.workspace-switch button{height:32px;color:var(--cp-text-muted);cursor:pointer;background:0 0;border:0;border-radius:.45rem;padding:0 18px;font-size:13px;font-weight:650}.workspace-switch button.is-active{background:var(--cp-accent);color:var(--cp-accent-fg)}.workspace-panes{grid-template-columns:1fr}.pane-output{max-height:none;position:static}.workspace:not(.show-output) .pane-output,.workspace.show-output .pane-cues{display:none}.workspace-actions{flex-wrap:wrap;width:100%;margin-left:0}.workspace-download{flex-wrap:wrap;flex:100%}.workspace-download .filename-input{flex:100%;width:auto}.workspace-download .primary-button{width:100%}}.hero-copy{text-align:center;max-width:660px;margin:0 auto 48px}.eyebrow{color:var(--cp-accent);letter-spacing:.18em;margin:0 0 18px;font-family:Consolas,Courier New,Courier,monospace;font-size:12px;font-weight:700}h1{letter-spacing:-.065em;margin:0;font-size:clamp(48px,7vw,76px);font-weight:720;line-height:.98}h1 em{color:var(--cp-accent);font-family:Georgia,Times New Roman,serif;font-weight:500}.hero-description{max-width:560px;color:var(--cp-text-muted);margin:26px auto 0;font-size:18px;line-height:1.6}.format-strip{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:26px;display:flex}.format-strip a{border:1px solid var(--cp-border);background:var(--cp-bg-elevated);color:var(--cp-text-soft);border-radius:.625rem;padding:5px 9px;font-family:Consolas,Courier New,Courier,monospace;font-size:11px;font-weight:700;text-decoration:none;transition:border-color .15s,color .15s}.format-strip a:hover,.format-strip a[aria-current=page]{border-color:var(--cp-accent);color:var(--cp-accent)}.saved-caption-row{border-top:1px solid var(--cp-border);align-items:center;gap:12px;padding:8px 10px;display:flex}.saved-caption-open{min-width:0;color:var(--cp-text);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:flex-start;gap:2px;display:flex}.saved-caption-open:hover strong{color:var(--cp-accent)}.saved-caption-open span{color:var(--cp-text-muted);font-size:12px}.saved-caption-action{border:1px solid var(--cp-accent);background:var(--cp-accent-soft);min-height:36px;color:var(--cp-accent);border-radius:.625rem;flex:none;padding:0 13px;font-size:13px;font-weight:750;transition:background .15s,color .15s,transform .15s}.saved-caption-action:hover{background:var(--cp-accent);color:var(--cp-accent-fg);transform:translateY(-1px)}.saved-picker-close{border:1px solid var(--cp-border-strong);background:var(--cp-surface-soft);width:36px;height:36px;color:var(--cp-text-muted);cursor:pointer;border-radius:50%;flex:none;place-items:center;font-size:24px;line-height:1;transition:border-color .15s,background .15s,color .15s;display:grid}.saved-picker-close:hover{border-color:var(--cp-accent);background:var(--cp-accent-soft);color:var(--cp-accent)}.saved-open-button{border:1px solid var(--cp-accent);background:color-mix(in srgb, var(--cp-accent) 10%, transparent);color:var(--cp-accent);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-size:13px;font-weight:700;display:inline-flex}.saved-open-button:hover{background:color-mix(in srgb, var(--cp-accent) 17%, transparent)}.saved-open-button:disabled{opacity:.55;cursor:default}.saved-picker-subtitle{color:var(--cp-text-muted);margin:5px 0 0;font-size:13px}.is-danger-text{color:var(--cp-danger)}.saved-picker-backdrop{z-index:20;background:#00000073;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.saved-picker{border:1px solid var(--cp-border);background:var(--cp-surface);border-radius:16px;width:min(620px,100%);max-height:min(680px,90vh);padding:24px;overflow:auto;box-shadow:0 24px 70px #00000040}.saved-picker-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.saved-picker-head .eyebrow{margin:0 0 5px}.saved-picker-head h2{margin:0;font-size:20px}.saved-picker-list{display:grid}.converter-card{border:1px solid var(--cp-border);background:var(--cp-surface);box-shadow:var(--cp-card-shadow);border-radius:16px;padding:32px}.step-heading{align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.step-number{background:var(--cp-accent);width:28px;height:28px;color:var(--cp-accent-fg);border-radius:50%;flex:0 0 28px;place-items:center;font-size:13px;font-weight:700;display:grid}.step-heading h2{margin:0 0 3px;font-size:18px;line-height:1.25}.step-heading p{color:var(--cp-text-muted);margin:0;font-size:14px}.drop-zone{border:1.5px dashed var(--cp-border-strong);background:var(--cp-bg-elevated);cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;min-height:230px;padding:28px;transition:border-color .15s,background .15s;display:flex}.drop-zone:hover,.drop-zone.is-dragging{border-color:var(--cp-accent);background:var(--cp-accent-soft)}.drop-zone.is-loading{border-style:solid;border-color:var(--cp-border);background:var(--cp-bg-elevated);cursor:progress}.upload-icon.is-spinning svg{animation:.9s linear infinite cp-spin}@keyframes cp-spin{to{transform:rotate(360deg)}}.upload-icon{background:var(--cp-accent-soft);width:52px;height:52px;color:var(--cp-accent);border-radius:50%;place-items:center;margin-bottom:6px;display:grid}.drop-zone strong{font-size:17px}.drop-zone>span:not(.upload-icon){color:var(--cp-text-muted);font-size:14px}.drop-zone small{color:var(--cp-text-soft);margin-top:12px;font-size:11px}.demo-row{color:var(--cp-text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:16px;font-size:13px;display:flex}.paste-panel{border:1px solid var(--cp-border);background:var(--cp-bg-elevated);border-radius:.75rem;flex-direction:column;gap:10px;margin-top:16px;padding:16px;display:flex}.paste-panel label{color:var(--cp-text-muted);font-size:12px;font-weight:650}.paste-panel textarea{border:1px solid var(--cp-border);background:var(--cp-surface);width:100%;color:var(--cp-text);resize:vertical;border-radius:.5rem;padding:12px;font-family:Consolas,Courier New,Courier,monospace;font-size:13px;line-height:1.5}.paste-panel textarea:focus{border-color:var(--cp-accent);outline:none}.paste-actions{color:var(--cp-text-muted);flex-wrap:wrap;align-items:center;gap:14px;font-size:12px;display:flex}.paste-actions .primary-button{height:38px}.demo-row button,.text-button{color:var(--cp-accent);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-weight:650;display:inline-flex}.loaded-file{border:1px solid var(--cp-border);background:var(--cp-bg-elevated);border-radius:.625rem;align-items:center;gap:14px;padding:16px;display:flex}.file-icon{background:var(--cp-accent-soft);width:42px;height:42px;color:var(--cp-accent);border-radius:.625rem;place-items:center;display:grid}.file-primary{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.file-primary strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-primary span{color:var(--cp-text-muted);font-size:12px}.detected-format{background:var(--cp-highlight);color:var(--cp-accent);border-radius:.625rem;padding:4px 8px;font-family:Consolas,Courier New,Courier,monospace;font-size:11px;font-weight:700}.batch-panel{border:1.5px dashed #0000;border-radius:.875rem;transition:border-color .15s,background .15s}.batch-panel.is-dragging{border-color:var(--cp-accent);background:var(--cp-accent-soft)}.batch-list{flex-direction:column;gap:8px;max-height:420px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.batch-item{border:1px solid var(--cp-border);background:var(--cp-bg-elevated);border-radius:.625rem;align-items:center;gap:12px;padding:12px 14px;display:flex}.batch-item.is-error{border-color:var(--cp-danger)}.batch-status-icon{flex:0 0 18px}.batch-status-icon.is-ready{color:var(--cp-success)}.batch-status-icon.is-error{color:var(--cp-danger)}.batch-status-icon.is-reading{color:var(--cp-text-muted);animation:.9s linear infinite cp-spin}.batch-item-primary{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.batch-item-primary strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.batch-item-primary span{color:var(--cp-text-muted);font-size:12px}.batch-item-primary .batch-item-error{color:var(--cp-danger)}.batch-remove{width:32px;height:32px;color:var(--cp-text-muted);flex:0 0 32px}.batch-remove:hover{border-color:var(--cp-danger);color:var(--cp-danger)}.batch-actions{align-items:center;gap:10px;margin-top:14px;font-size:13px;display:flex}.batch-hint{color:var(--cp-text-soft)}.batch-clear{color:var(--cp-text-muted);margin-left:auto}.batch-note{color:var(--cp-text-muted);margin:14px 0 0;font-size:13px}.filename-input.is-readonly input{color:var(--cp-text-muted)}.error-message{border:1px solid var(--cp-danger);background:var(--cp-surface-soft);color:var(--cp-danger);border-radius:.625rem;margin-top:14px;padding:12px 14px;font-size:13px}.warning-message{border:1px solid var(--cp-warning);background:var(--cp-surface-soft);color:var(--cp-text);border-radius:.625rem;margin-top:14px;padding:12px 14px;font-size:13px}.conversion-area{border-top:1px solid var(--cp-border);margin-top:32px;padding-top:30px}.conversion-area.is-disabled{opacity:.42}.format-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.format-option{border:1px solid var(--cp-border);background:var(--cp-surface);text-align:left;cursor:pointer;border-radius:.625rem;grid-template-columns:48px 1fr 18px;align-items:center;gap:12px;min-height:78px;padding:12px;display:grid}.format-option:not(:disabled):hover{border-color:var(--cp-border-strong);background:var(--cp-bg-elevated)}.format-option.is-selected{border-color:var(--cp-accent);background:var(--cp-accent-soft)}.format-extension{border:1px solid var(--cp-border);background:var(--cp-bg-elevated);width:48px;height:48px;color:var(--cp-accent);text-transform:uppercase;border-radius:.625rem;place-items:center;font-family:Consolas,Courier New,Courier,monospace;font-size:12px;font-weight:700;display:grid}.format-option>span:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.format-option strong{font-size:14px}.format-option small{color:var(--cp-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.radio-mark{border:1.5px solid var(--cp-border-strong);border-radius:50%;width:17px;height:17px}.format-option.is-selected .radio-mark{border:5px solid var(--cp-accent)}.result-area{border-top:1px solid var(--cp-border);margin-top:32px;padding-top:30px}.flow-summary{background:var(--cp-bg-elevated);border-radius:.625rem;align-items:center;gap:18px;padding:18px;display:flex}.flow-summary>div:not(.stats){flex-direction:column;gap:3px;display:flex}.flow-summary>div>span:first-child{color:var(--cp-text-muted);letter-spacing:.1em;font-family:Consolas,Courier New,Courier,monospace;font-size:10px}.flow-summary>div>strong{color:var(--cp-accent);font-family:Consolas,Courier New,Courier,monospace}.flow-summary>svg{color:var(--cp-border-strong)}.stats{gap:20px;margin-left:auto;display:flex}.stats span{color:var(--cp-text-muted);text-align:right;flex-direction:column;font-size:10px;display:flex}.stats strong{color:var(--cp-text);font-size:13px}.preview{border:1px solid var(--cp-border);border-radius:.625rem;margin-top:18px;overflow:hidden}.preview-heading{border-bottom:1px solid var(--cp-border);background:var(--cp-bg-elevated);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.preview-heading h3{margin:0;font-size:13px}.preview-heading span{color:var(--cp-text-muted);font-size:11px}.cue-row{border-bottom:1px solid var(--cp-border);grid-template-columns:26px 128px 1fr;align-items:start;gap:12px;padding:13px 16px;display:grid}.cue-row:last-child{border-bottom:0}.cue-row>span{color:var(--cp-text-soft);font-family:Consolas,Courier New,Courier,monospace;font-size:11px}.cue-row time{color:var(--cp-accent);font-family:Consolas,Courier New,Courier,monospace;font-size:11px}.cue-row p{white-space:pre-wrap;margin:0;font-size:13px;line-height:1.45}.download-row{grid-template-columns:auto minmax(180px,1fr) auto auto;align-items:center;gap:12px;margin-top:18px;display:grid}.download-row label{color:var(--cp-text-muted);font-size:12px;font-weight:650}.filename-input{border:1px solid var(--cp-border);background:var(--cp-bg-elevated);border-radius:.625rem;align-items:center;min-width:0;height:44px;display:flex;overflow:hidden}.filename-input:focus-within{border-color:var(--cp-accent)}.filename-input input{background:var(--cp-bg-elevated);min-width:0;height:100%;color:var(--cp-text);border:0;outline:0;flex:1;padding:0 12px}.filename-input span{color:var(--cp-text-muted);padding-right:12px;font-family:Consolas,Courier New,Courier,monospace;font-size:12px}.primary-button{border:1px solid var(--cp-accent);background:var(--cp-accent);height:44px;color:var(--cp-accent-fg);cursor:pointer;border-radius:.625rem;justify-content:center;align-items:center;gap:9px;padding:0 18px;font-size:13px;font-weight:700;display:inline-flex}.primary-button:hover{border-color:var(--cp-accent-hover);background:var(--cp-accent-hover)}.primary-button:disabled{border-color:var(--cp-border);background:var(--cp-surface-soft);color:var(--cp-text-muted);cursor:not-allowed}.secondary-button{border:1px solid var(--cp-border-strong);background:var(--cp-surface);height:44px;color:var(--cp-text);cursor:pointer;border-radius:.625rem;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:700;transition:border-color .15s,color .15s;display:inline-flex}.secondary-button:hover{border-color:var(--cp-accent);color:var(--cp-accent)}.secondary-button.is-success{border-color:var(--cp-success);color:var(--cp-success)}.secondary-button:disabled{border-color:var(--cp-border);color:var(--cp-text-muted);cursor:not-allowed}.preview-heading .text-button{font-size:11px}.output-view{background:var(--cp-surface);max-height:420px;color:var(--cp-text);white-space:pre;tab-size:2;margin:0;padding:14px 16px;font-family:Consolas,Courier New,Courier,monospace;font-size:12.5px;line-height:1.55;overflow:auto}.output-view:focus-visible{outline:2px solid var(--cp-accent);outline-offset:-2px}.edit-area{border-top:1px solid var(--cp-border);margin-top:32px;padding-top:30px}.edit-toggle{flex:none;margin-left:auto}.tool-strip{flex:none;gap:6px;margin-left:auto;display:flex}.tool-toggle{border:1px solid var(--cp-border);background:var(--cp-surface);height:34px;color:var(--cp-text);cursor:pointer;border-radius:.5rem;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:650;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.tool-toggle:hover{border-color:var(--cp-accent);color:var(--cp-accent)}.tool-toggle.is-active{border-color:var(--cp-accent);background:var(--cp-accent-soft);color:var(--cp-accent)}.tool-panel{border:1px solid var(--cp-border);background:var(--cp-bg-elevated);border-radius:.75rem;margin-top:18px;padding:16px}.tool-tabs{border:1px solid var(--cp-border);background:var(--cp-surface);border-radius:.625rem;gap:2px;padding:3px;display:inline-flex}.tool-tabs button{height:30px;color:var(--cp-text-muted);cursor:pointer;background:0 0;border:0;border-radius:.45rem;padding:0 12px;font-size:13px;font-weight:650}.tool-tabs button.is-active{background:var(--cp-accent);color:var(--cp-accent-fg)}.tool-fields{flex-wrap:wrap;gap:12px 16px;margin-top:14px;display:flex}.tool-fields-grid{grid-template-columns:90px 1fr;align-items:end;display:grid}.tool-field{flex-direction:column;gap:4px;min-width:0;display:flex}.tool-field>span{color:var(--cp-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:650}.tool-field input{border:1px solid var(--cp-border);background:var(--cp-surface);min-width:0;height:38px;color:var(--cp-text);font-variant-numeric:tabular-nums;border-radius:.5rem;padding:0 10px;font-size:13px}.tool-field input:focus{border-color:var(--cp-accent);outline:none}.tool-fields>.tool-field:first-child input{min-width:260px}.tool-fields-grid>.tool-field:first-child input,.tool-fields-grid>.tool-field:nth-child(3) input{min-width:0}.tool-help,.tool-error,.tool-summary{margin:0;font-size:12px;line-height:1.5}.tool-help{color:var(--cp-text-muted);flex-basis:100%;grid-column:1/-1}.tool-error{color:var(--cp-danger);margin-top:10px}.tool-summary{color:var(--cp-text-muted)}.tool-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:14px;display:flex}.tool-actions .primary-button{height:38px}.timing-preview{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:14px;font-size:12px}.timing-preview th,.timing-preview td{border-top:1px solid var(--cp-border);text-align:left;padding:6px 8px}.timing-preview thead th{color:var(--cp-text-muted);text-transform:uppercase;letter-spacing:.04em;border-top:0;font-size:11px;font-weight:650}.timing-preview tbody th{color:var(--cp-text-muted);font-weight:600}.timing-preview td{font-family:Consolas,Courier New,Courier,monospace}.timing-preview td.is-changed{color:var(--cp-accent);font-weight:700}.find-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.find-options{flex-wrap:wrap;gap:16px;margin-top:12px;font-size:13px;display:flex}.find-options label{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.find-options input{accent-color:var(--cp-accent)}.find-status{color:var(--cp-text-muted);margin:12px 0 0;font-size:12px}.find-status.is-error{color:var(--cp-danger)}.find-matches{flex-direction:column;gap:6px;max-height:260px;margin:10px 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.find-matches li{background:var(--cp-surface);border-radius:.5rem;align-items:center;gap:10px;padding:6px 10px;font-size:13px;display:flex}.find-snippet{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--cp-text-muted);flex:1;overflow:hidden}.find-snippet mark{background:var(--cp-highlight);color:var(--cp-accent);border-radius:3px;padding:0 2px;font-weight:700}.find-count{color:var(--cp-text-soft);flex:none;font-size:11px;font-weight:700}.media-drop{border:1.5px dashed var(--cp-border-strong);background:var(--cp-surface);width:100%;color:var(--cp-text);cursor:pointer;text-align:center;border-radius:.75rem;flex-direction:column;align-items:center;gap:6px;padding:28px 20px;transition:border-color .15s,background .15s;display:flex}.media-drop:hover,.media-drop.is-dragging{border-color:var(--cp-accent);background:var(--cp-accent-soft)}.media-drop strong{font-size:15px}.media-drop span{color:var(--cp-text-muted);font-size:13px}.media-player{background:#000;border-radius:.75rem;overflow:hidden}.media-player video{aspect-ratio:16/9;width:100%;max-height:480px;display:block}.media-player.is-audio video{aspect-ratio:16/5}.media-meta{flex-wrap:wrap;align-items:center;gap:14px;margin-top:12px;font-size:13px;display:flex}.media-name{color:var(--cp-text-muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.media-name strong{color:var(--cp-text)}.media-now{min-width:0;color:var(--cp-text-muted);flex:240px;align-items:center;gap:6px;display:inline-flex}.media-now-text{text-overflow:ellipsis;white-space:nowrap;color:var(--cp-text);overflow:hidden}.media-meta>.text-button{margin-left:auto}.editor-cue-actions .icon-button.is-media{color:var(--cp-accent)}.editor-actions-divider{background:var(--cp-border);align-self:stretch;width:1px;margin:4px 2px}.quality-report{border:1px solid var(--cp-border);border-left:4px solid var(--cp-success);background:var(--cp-bg-elevated);border-radius:.75rem;margin-top:18px}.quality-report.has-warnings{border-left-color:var(--cp-warning)}.quality-report.has-errors{border-left-color:var(--cp-danger)}.quality-report.is-pending{border-left-color:var(--cp-border-strong)}.quality-pending-icon{width:22px;height:22px;color:var(--cp-text-muted);background:0 0;margin:0}.quality-summary{flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px;display:flex}.quality-summary>.quality-severity{flex:0 0 22px;width:22px;height:22px}.quality-severity.is-pass{color:var(--cp-success)}.quality-severity.is-warning{color:var(--cp-warning)}.quality-severity.is-error{color:var(--cp-danger)}.quality-summary-text{flex-direction:column;flex:200px;gap:2px;min-width:0;display:flex}.quality-summary-text strong{font-size:14px}.quality-summary-text span{color:var(--cp-text-muted);font-size:12px}.quality-actions{flex:none;align-items:center;gap:16px;font-size:13px;display:flex}.quality-fix-all,.quality-fix{border:1px solid var(--cp-accent);background:var(--cp-accent);height:32px;color:var(--cp-accent-fg);cursor:pointer;border-radius:.5rem;align-items:center;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.quality-fix{border-color:var(--cp-border-strong);background:var(--cp-surface);height:28px;color:var(--cp-text);padding:0 10px}.quality-fix-all:hover{border-color:var(--cp-accent-hover);background:var(--cp-accent-hover)}.quality-fix:hover{border-color:var(--cp-accent);color:var(--cp-accent)}.quality-details{border-top:1px solid var(--cp-border);padding:0 16px 14px}.quality-findings,.quality-passed-list{flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.quality-finding{background:var(--cp-surface);border-radius:.5rem;grid-template-columns:16px auto 1fr auto;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:grid}.quality-cue-link{border:1px solid var(--cp-border);background:var(--cp-surface-soft);color:var(--cp-text);white-space:nowrap;cursor:pointer;border-radius:999px;padding:2px 8px;font-family:Consolas,Courier New,Courier,monospace;font-size:11px;font-weight:700}.quality-cue-link:hover{border-color:var(--cp-accent);color:var(--cp-accent)}.quality-finding-text{min-width:0;color:var(--cp-text-muted);flex-direction:column;gap:1px;font-size:12px;display:flex}.quality-finding-text strong{color:var(--cp-text);font-size:13px}.quality-manual{color:var(--cp-text-soft);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:650}.quality-passed{margin-top:12px;font-size:13px}.quality-show-more{margin-top:10px;font-size:13px}.quality-passed-list{margin-top:8px}.quality-passed-list li{color:var(--cp-text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.caption-editor{margin-top:16px}.editor-pager{color:var(--cp-text-muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;font-size:12px;display:flex}.editor-list+.editor-pager{margin:12px 0 0}.editor-pager .text-button:disabled{color:var(--cp-text-soft);cursor:not-allowed}.editor-list{flex-direction:column;gap:14px;display:flex}.editor-cue{border:1px solid var(--cp-border);background:var(--cp-surface);border-radius:.75rem;padding:14px}.editor-cue.has-error{border-color:var(--cp-danger)}.editor-cue.has-warning{border-color:var(--cp-warning)}.editor-cue-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.editor-cue-number{background:var(--cp-accent-soft);width:26px;height:26px;color:var(--cp-accent);border-radius:50%;flex:0 0 26px;place-items:center;font-size:12px;font-weight:700;display:grid}.editor-times{flex:220px;gap:10px;min-width:0;display:flex}.editor-time-field{flex-direction:column;flex:1 1 0;gap:4px;min-width:0;display:flex}.editor-time-field input{width:100%;min-width:0}.editor-time-field span{color:var(--cp-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:650}.editor-time-field input{border:1px solid var(--cp-border);background:var(--cp-bg-elevated);height:38px;color:var(--cp-text);font-variant-numeric:tabular-nums;border-radius:.5rem;padding:0 10px;font-size:13px}.editor-time-field input:focus{border-color:var(--cp-accent);outline:none}.editor-time-field input.is-invalid{border-color:var(--cp-danger)}.editor-time-field input.is-warning{border-color:var(--cp-warning)}.editor-cue-actions{flex:none;gap:6px;display:flex}.editor-cue-actions .icon-button{width:34px;height:34px}.editor-cue-actions .icon-button:disabled{opacity:.4;cursor:not-allowed}.editor-cue-actions .icon-button.is-danger{color:var(--cp-danger)}.editor-text{border:1px solid var(--cp-border);background:var(--cp-bg-elevated);width:100%;color:var(--cp-text);font:inherit;resize:vertical;border-radius:.5rem;margin-top:12px;padding:10px 12px;font-size:14px;line-height:1.4}.editor-text:focus{border-color:var(--cp-accent);outline:none}.editor-errors{color:var(--cp-danger);margin:10px 0 0;padding-left:18px;font-size:12px}.editor-errors.is-warning{color:var(--cp-text-muted)}.editor-warning{align-items:center;gap:10px;display:flex}.editor-warning span{flex:1}.editor-fix{border:1px solid var(--cp-border-strong);background:var(--cp-surface);height:24px;color:var(--cp-text);cursor:pointer;border-radius:.4rem;flex:none;padding:0 9px;font-size:11px;font-weight:700}.editor-fix:hover{border-color:var(--cp-accent);color:var(--cp-accent)}.editor-warning-badge{border:1px solid var(--cp-warning);color:var(--cp-text-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:650;display:inline-flex}.editor-warning-badge:before{content:"";background:var(--cp-warning);border-radius:50%;width:6px;height:6px}.editor-insert{border:1px dashed var(--cp-border-strong);color:var(--cp-text-muted);cursor:pointer;background:0 0;border-radius:.5rem;align-items:center;gap:6px;margin-top:12px;padding:6px 10px;font-size:12px;font-weight:650;display:inline-flex}.editor-insert:hover{border-color:var(--cp-accent);color:var(--cp-accent)}.editor-insert-empty{margin-top:16px}.trust-row{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:26px;display:grid}.trust-row>div{color:var(--cp-text-muted);align-items:flex-start;gap:10px;display:flex}.trust-row svg{color:var(--cp-accent);flex:none}.trust-row span{flex-direction:column;gap:2px;font-size:11px;line-height:1.4;display:flex}.trust-row strong{color:var(--cp-text);font-size:12px}.seo-content{border-top:1px solid var(--cp-border);margin-top:64px;padding-top:40px}.seo-content h3{letter-spacing:-.01em;margin:32px 0 12px;font-size:15px;font-weight:700}.seo-prose{max-width:700px}.seo-prose h2{letter-spacing:-.03em;margin:0 0 14px;font-size:26px;font-weight:720}.seo-prose h3{margin-top:28px}.seo-prose p,.seo-prose li,.seo-prose dd{color:var(--cp-text-muted);font-size:15px;line-height:1.65}.seo-prose p{margin:0 0 12px}.seo-prose ul,.seo-prose ol{margin:0 0 12px;padding-left:22px}.seo-prose li{margin-bottom:6px}.seo-prose pre{border:1px solid var(--cp-border);background:var(--cp-bg-elevated);color:var(--cp-text);border-radius:.625rem;margin:0 0 12px;padding:14px 16px;font-family:Consolas,Courier New,Courier,monospace;font-size:12.5px;line-height:1.5;overflow-x:auto}.seo-faq{margin:0}.seo-faq>div{border-top:1px solid var(--cp-border);padding:14px 0}.seo-faq dt{color:var(--cp-text);margin-bottom:4px;font-size:15px;font-weight:650}.seo-faq dd{margin:0}.seo-chip-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.seo-chip-list a{border:1px solid var(--cp-border);background:var(--cp-surface);color:var(--cp-text);border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-family:Consolas,Courier New,Courier,monospace;font-size:12px;font-weight:700;text-decoration:none;transition:border-color .15s,color .15s;display:inline-flex}.seo-chip-list a:hover,.seo-chip-list a[aria-current=page]{border-color:var(--cp-accent);color:var(--cp-accent)}.seo-link-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid}.seo-link-grid a{border:1px solid var(--cp-border);background:var(--cp-surface);color:var(--cp-text);border-radius:.75rem;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:border-color .15s;display:flex}.seo-link-grid a:hover,.seo-link-grid a[aria-current=page]{border-color:var(--cp-accent)}.seo-link-grid a>span:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.seo-link-grid strong{font-size:14px}.seo-link-grid small{color:var(--cp-text-muted);font-size:12px}footer{border-top:1px solid var(--cp-border);max-width:1160px;color:var(--cp-text-muted);justify-content:space-between;align-items:center;margin:0 auto;padding:24px 28px 36px;font-size:12px;display:flex}footer span{color:var(--cp-text);font-weight:700}footer p{margin:0}footer a{color:var(--cp-text);align-items:center;gap:6px;font-weight:650;text-decoration:none;display:inline-flex}footer a:hover{color:var(--cp-accent)}@media (width<=720px){.site-header{padding:0 18px}.privacy-badge{display:none}main{padding:48px 16px}.hero-copy{margin-bottom:34px}.hero-description{font-size:16px}.converter-card{padding:20px}.format-grid{grid-template-columns:1fr}.loaded-file{flex-wrap:wrap}.seo-link-grid,.find-fields,.tool-fields-grid{grid-template-columns:1fr}.quality-finding{grid-template-columns:16px auto 1fr}.quality-finding .quality-fix,.quality-finding .quality-manual{grid-column:2/-1;justify-self:start}.file-primary{flex-basis:calc(100% - 60px)}.flow-summary{flex-wrap:wrap}.stats{border-top:1px solid var(--cp-border);justify-content:space-between;width:100%;margin:4px 0 0;padding-top:12px}.stats span{text-align:left}.cue-row{grid-template-columns:22px 1fr}.cue-row p{grid-column:2}.download-row{grid-template-columns:1fr}.editor-times{flex-wrap:wrap}.editor-time-field{flex:120px}.primary-button{width:100%}.trust-row{grid-template-columns:1fr;gap:14px}footer{flex-direction:column;align-items:flex-start;gap:5px;padding:22px 18px 28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition-duration:.01ms}.upload-icon.is-spinning svg{animation:1.2s ease-in-out infinite cp-pulse}}@keyframes cp-pulse{50%{opacity:.35}}