.subtitle-inner{margin-top:18px}.subtitle-source-actions{margin:14px 0}.subtitle-source-actions .btn{flex:1}.subtitle-job-status{padding:18px;background:#f5f7f3;border-radius:8px;font-size:13px;margin-top:16px}.subtitle-job-status p{color:var(--muted);line-height:1.7;margin-top:10px}.subtitle-result{margin-top:22px}.subtitle-result h3{font-size:15px}.subtitle-player,.subtitle-exported video{width:100%;max-height:320px;object-fit:contain;border-radius:8px;background:#172019;display:block}.subtitle-editor{display:grid;gap:13px;max-height:380px;overflow:auto;padding:2px;margin-top:18px}.subtitle-cue{padding:10px 12px;background:#f8f9f6;border:1px solid var(--line);border-radius:8px}.subtitle-cue-time{background:none;border:0;padding:0 0 8px;font-size:11px;color:var(--muted);text-align:left;cursor:pointer}.subtitle-cue textarea{display:block;width:100%;min-height:66px;resize:vertical;padding:10px 12px;border:1px solid var(--line);border-radius:6px;font:inherit;font-size:14px;line-height:1.7;background:white;color:var(--ink)}.subtitle-cue textarea:focus{outline:2px solid #a4b6a2;outline-offset:1px}.subtitle-output-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.subtitle-output-actions .btn{padding:9px 7px;font-size:12px;min-width:0}.subtitle-exported{margin-top:20px}.subtitle-exported .btn{margin-top:12px}.subtitle-settings{margin-top:20px}.subtitle-result ::cue{font-family:'Microsoft YaHei',sans-serif;color:#fff;background:#172019c9}.subtitle-feature .tag{margin-left:auto}#subtitle-video-select{max-width:100%}
@media(max-width:460px){.subtitle-editor{max-height:320px}.subtitle-cue{padding:9px}.subtitle-cue textarea{font-size:13px}.subtitle-source-actions .btn{font-size:12px;padding:9px}.subtitle-result .panel-title{gap:8px}}

.subtitle-player{height:auto;max-height:none;margin:0 auto}
.subtitle-player:fullscreen{max-width:none!important;width:100%;height:100%;object-fit:contain}
.subtitle-player::cue{font-size:var(--subtitle-font-size,16px);font-weight:400;background:transparent;color:white;text-shadow:1px 1px 1px #101010,-1px -1px 1px #101010,1px -1px 1px #101010,-1px 1px 1px #101010}
.subtitle-style-controls{border:1px solid var(--line);border-radius:10px;padding:16px;margin:18px 0 10px;display:grid;grid-template-columns:1fr 1fr;gap:16px;min-width:0}
.subtitle-style-controls legend{padding:0 8px;font-size:13px;font-weight:600}
.subtitle-style-controls .field{margin:0;min-width:0}
.subtitle-style-controls .full{grid-column:1/-1}
.subtitle-style-controls input[type=range]{width:100%;padding:0;accent-color:var(--green,#435b49);height:30px;cursor:pointer}
.subtitle-style-controls output{color:var(--muted);font-weight:400;font-size:12px}
.subtitle-position-presets{display:flex;gap:8px}.subtitle-position-presets .btn{flex:1}
.subtitle-position-presets [aria-pressed=true]{background:#e8eee5;border-color:#759173;color:#29422e}
@media(max-width:480px){.subtitle-style-controls{grid-template-columns:1fr}}