.editor.subtitles{grid-template-rows:auto minmax(0,1fr)}.editor.subtitles:not([data-phase=editing]){grid-template-rows:minmax(0,1fr);overflow-y:auto}.subtitles .centered,.subtitles .centered-column{align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-2);flex-direction:column;display:flex}.subtitles .centered{color:var(--color-text);text-align:center;justify-content:center}.subtitles .centered.failed{max-width:36rem;margin:auto}.subtitles .centered-column{justify-content:flex-start}.subtitles .setup,.subtitles .progress-screen{border-radius:var(--radius-lg);background:var(--panel);flex-direction:column;gap:1.25rem;width:min(44rem,100%);padding:1.5rem;display:flex}.subtitles .setup-head{justify-content:space-between;align-items:flex-start;gap:var(--space-2);min-width:0;display:flex}.subtitles .setup-head>div{min-width:0}.subtitles .resume{border-radius:var(--radius-md);background:var(--accent-soft);color:var(--color-text);align-items:center;gap:1rem;padding:1rem;display:flex}.subtitles .resume>div{flex:1}.subtitles .tiers{border:0;flex-direction:column;gap:.5rem;margin:0;padding:0;display:flex}.subtitles .panel-section-title{color:var(--color-text);font-weight:var(--weight-semibold);margin-bottom:.25rem}.subtitles .tier{border-radius:var(--radius-md);background:var(--surface);cursor:pointer;transition:border-color var(--duration-fast) var(--ease);border:2px solid #0000;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.subtitles .tier:has(input:checked){border-color:var(--accent)}.subtitles .tier:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.subtitles .tier.disabled{opacity:.55;cursor:not-allowed}.subtitles .tier input{accent-color:var(--accent);margin-top:.3rem}.subtitles .tier-body{flex-direction:column;gap:.25rem;display:flex}.subtitles .tier-title{color:var(--color-text);font-size:var(--text-md);font-weight:var(--weight-bold);align-items:center;gap:.5rem;display:flex}.subtitles .tag{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-text);font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:.125rem .5rem}.subtitles .tier-facts{color:var(--color-text);flex-wrap:wrap;gap:.25rem 1rem;display:flex}.subtitles .tier-facts span{align-items:center;gap:.375rem;display:inline-flex}.subtitles .note{border-radius:var(--radius-md);background:var(--surface);color:var(--color-text-body);align-items:flex-start;gap:.625rem;padding:.75rem 1rem;display:flex}.subtitles .note.warning{background:var(--accent-soft);color:var(--color-text)}.subtitles .note .icon{margin-top:.1rem}.subtitles select.input{appearance:auto}.subtitles .phases{flex-wrap:wrap;gap:.5rem 1.25rem;padding:0;list-style:none;display:flex}.subtitles .phases li{color:var(--color-text-muted);align-items:center;gap:.375rem;display:inline-flex}.subtitles .phases li.current{color:var(--color-text);font-weight:var(--weight-semibold)}.subtitles .phases li.done{color:var(--color-text-body)}.subtitles .phases li.current .icon{animation:1.2s linear infinite spin}.subtitles .progress-bar progress{border-radius:var(--radius-pill);background:var(--surface);appearance:none;border:0;width:100%;height:.5rem;overflow:hidden}.subtitles .progress-bar progress::-webkit-progress-bar{border-radius:var(--radius-pill);background:var(--surface)}.subtitles .progress-bar progress::-webkit-progress-value{border-radius:var(--radius-pill);background:var(--accent)}.subtitles .progress-bar progress::-moz-progress-bar{border-radius:var(--radius-pill);background:var(--accent)}.subtitles .progress-facts{color:var(--color-text);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:.5rem;display:flex}.subtitles .partial{border-radius:var(--radius-md);background:var(--surface);max-height:12rem;color:var(--color-text-body);flex-direction:column;gap:.375rem;padding:1rem;display:flex;overflow:hidden;mask-image:linear-gradient(#0000,#000 30%)}.subtitles .file-name{max-width:24rem}.subtitles .save-state{align-items:center;gap:.25rem;display:inline-flex}.sub-workspace{gap:var(--gap);grid-template-columns:minmax(0,1.35fr) minmax(22rem,1fr);min-height:0;display:grid}.sub-preview,.sub-side{border-radius:var(--radius-lg);background:var(--panel);min-width:0;min-height:0}.sub-preview{flex-direction:column;display:flex}.sub-stage{flex:1;place-items:center;min-height:0;padding:1.25rem 1.25rem .5rem;display:grid;container-type:size}.sub-frame{width:min(100cqw, 100cqh * var(--sub-ratio,1.78));border-radius:var(--radius-md);background:var(--color-text);max-height:100cqh;box-shadow:var(--shadow-lg);overflow:hidden}.audio-caption{width:100%;height:100%;min-height:10rem;padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface);color:var(--color-text-muted);text-align:center;place-items:center;display:grid}.audio-caption .caption-text{color:var(--color-text);font-size:var(--text-xl);font-weight:var(--weight-semibold);white-space:pre-line}.sub-transport{align-items:center;gap:.5rem;padding:.5rem 1.25rem 1rem;display:flex}.sub-transport .seek{flex:1;min-width:4rem}.sub-transport .timecode{white-space:nowrap}.sub-side{flex-direction:column;display:flex;overflow:hidden}.cue-list{scrollbar-width:thin;flex-direction:column;gap:.5rem;margin:0;padding:.75rem;list-style:none;display:flex;overflow-y:auto}.cue-empty{padding:var(--space-6) var(--space-2);color:var(--color-text-muted);flex-direction:column;align-items:center;gap:.75rem;display:flex}.cue{border-radius:var(--radius-md);background:var(--surface);transition:border-color var(--duration-fast) var(--ease);border:2px solid #0000;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.cue.active{border-color:var(--accent)}.cue.matched{box-shadow:inset 4px 0 0 var(--accent)}.cue-head{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.cue-seek{border-radius:var(--radius-pill);background:var(--panel);min-width:2rem;height:2rem;color:var(--color-text);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;cursor:pointer;border:0;place-items:center;padding:0 .5rem;display:grid}.cue.active .cue-seek{background:var(--color-text);color:var(--color-bg)}.editor .input.time-input{font-variant-numeric:tabular-nums;text-align:center;width:6.5rem;min-height:2rem;padding:.25rem .5rem}.cps{color:var(--color-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;margin-left:auto}.cps.warn{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-text);font-weight:var(--weight-semibold);padding:.125rem .5rem}.editor textarea.input.cue-text{resize:vertical;font-size:var(--text-md);line-height:1.4}.cue-issues{color:var(--accent-text);align-items:center;gap:.375rem;display:flex}.cue-actions{flex-wrap:wrap;gap:.25rem 1rem;display:flex}.editor .link-button.danger{color:var(--color-text-muted)}.find-replace{border-bottom:1px solid var(--color-border);flex-direction:column;gap:.625rem;padding:1rem;display:flex}.find-row{grid-template-columns:7.5rem minmax(0,1fr) auto;align-items:center;gap:.5rem;display:grid}.find-options{flex-wrap:wrap;gap:1rem;display:flex}.find-options label{align-items:center;gap:.375rem;display:inline-flex}.side-panel{flex-direction:column;min-height:0;display:flex;overflow-y:auto}.side-panel-body{flex-direction:column;gap:.75rem;padding-bottom:1.25rem;display:flex}.number-setting .with-unit{align-items:center;gap:.5rem;display:flex}.editor .number-setting .input{width:7rem}@media (width<=60rem){.editor.subtitles[data-phase=editing]{overflow-y:auto}.sub-workspace{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr)}.sub-stage{flex:none;height:min(56vw,40vh)}.cue-list{overflow:visible}.subtitles .file-name,.subtitles .save-state{display:none}}@media (prefers-reduced-motion:reduce){.subtitles .phases li.current .icon{animation:none}}.sub-left{gap:var(--gap);flex-direction:column;min-width:0;min-height:0;display:flex}.sub-left .sub-preview{flex:1}.sub-left>.file-button{align-self:center}.editor .file-button{cursor:pointer;position:relative}.editor .file-button:focus-within{outline:2px solid var(--accent);outline-offset:2px}.subtitles .color-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.subtitles .export-sections .export-progress{flex-direction:column;gap:.5rem;display:flex}.subtitles .export-reminder{padding:0 .75rem}