.subtitle-tool .st-load{padding:18px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px);gap:14px}.subtitle-tool .st-layout{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.4fr)}.subtitle-tool .st-panel{padding:20px;min-width:0;border-bottom:1px solid var(--line)}.subtitle-tool .st-panel+.st-panel{border-left:1px solid var(--line)}.subtitle-tool textarea{width:100%;min-height:160px;resize:vertical;font:13px/1.5 Consolas,monospace;tab-size:2}.subtitle-tool .st-source{min-height:210px}.subtitle-tool .st-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.subtitle-tool .st-fields>.field{margin:0}.subtitle-tool .st-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0}.subtitle-tool .st-toolbar .button{min-height:44px}.subtitle-tool .st-notice{padding:12px;border:1px solid var(--line);border-left:3px solid var(--category-accent);border-radius:8px;background:var(--category-soft);font-size:13px}.subtitle-tool .st-cues{max-height:390px;overflow:auto;border:1px solid var(--line);border-radius:10px}.subtitle-tool .st-cue{display:block;width:100%;text-align:left;padding:12px;border:0;border-bottom:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;min-height:58px}.subtitle-tool .st-cue strong{font:12px/1.4 Consolas,monospace;display:block;margin-bottom:5px}.subtitle-tool .st-cue span{display:block;white-space:pre-wrap;overflow-wrap:anywhere}.subtitle-tool .st-cue[aria-pressed=true]{box-shadow:inset 4px 0 var(--category-accent);background:var(--category-soft);font-weight:600}.subtitle-tool .st-cue.playing{outline:2px solid var(--category-accent);outline-offset:-3px}.subtitle-tool .st-cue:focus-visible{outline:3px solid var(--category-accent);outline-offset:-3px}.subtitle-tool .st-screen{position:relative;min-height:150px;background:#111622;border:1px solid var(--line);border-radius:10px;overflow:hidden}.subtitle-tool video{width:100%;max-height:380px;display:block}.subtitle-tool .st-caption{position:absolute;bottom:65px;left:6%;right:6%;text-align:center;pointer-events:none;color:#fff;white-space:pre-wrap;font:600 clamp(14px,1.4vw,22px)/1.4 Arial,sans-serif;text-shadow:0 2px 4px #000;background:#000b;border-radius:4px;padding:5px;overflow-wrap:anywhere;max-height:50%;overflow:hidden}.subtitle-tool .st-screen:fullscreen{display:flex;align-items:center;justify-content:center}.subtitle-tool .st-screen:fullscreen video{max-height:100vh;height:100vh}.subtitle-tool .st-screen:fullscreen .st-caption{font-size:clamp(20px,3vw,42px)}.subtitle-tool .st-download[aria-disabled=true]{opacity:.5;pointer-events:none}.subtitle-tool .st-issues{font-size:13px;max-height:220px;overflow:auto;padding:12px 12px 12px 28px;border:1px solid var(--line);border-radius:8px}.subtitle-tool .st-count{font-size:13px;color:var(--muted)}.subtitle-tool [hidden]{display:none!important}.subtitle-tool .editor-check{display:flex;gap:8px;align-items:center;min-height:44px;padding:8px;border:1px solid var(--line);border-radius:8px;margin:8px 0}.subtitle-tool .editor-check:has(:checked){background:var(--category-soft);border-color:var(--category-accent);font-weight:600}.subtitle-tool .st-output{min-height:190px}.subtitle-tool progress{width:100%}@media(max-width:800px){.subtitle-tool .st-load,.subtitle-tool .st-layout{grid-template-columns:1fr}.subtitle-tool .st-panel+.st-panel{border-left:0}.subtitle-tool .st-panel{padding:14px}.subtitle-tool .st-fields{grid-template-columns:1fr}.subtitle-tool .st-caption{font-size:15px}.subtitle-tool .st-toolbar{gap:6px}}

.subtitle-tool .st-load{align-items:start}.subtitle-tool :is(.st-panel,.st-load)>label,.subtitle-tool .st-export>label{display:block;font-size:13px;font-weight:600;margin:10px 0 6px}.subtitle-tool :is(textarea,input[type=text],input[type=search],input[type=number]){background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px 12px;min-height:44px;max-width:100%;box-sizing:border-box}.subtitle-tool input[type=search]{width:100%}.subtitle-tool textarea{min-height:140px}.subtitle-tool .st-source{min-height:210px}.subtitle-tool .st-export{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.subtitle-tool .st-screen{margin-top:12px}.subtitle-tool .st-panel>h2{margin-top:0}.subtitle-tool .st-issues{background:var(--bg)}

.workspace.subtitle-tool textarea{min-height:150px}.workspace.subtitle-tool textarea.st-source{min-height:230px}.workspace.subtitle-tool textarea.st-output{min-height:190px}