.subtitle-lab{max-width:1060px;margin:0 auto;min-width:0;color:var(--ink,#202a35)}
.subtitle-heading,.subtitle-result-heading,.subtitle-cue-heading,.subtitle-inspect-row{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.subtitle-heading h2{margin:8px 0;font-size:24px;letter-spacing:-.5px}.subtitle-heading p{margin:0;color:var(--muted,#626f7c);line-height:1.7;word-break:keep-all}.subtitle-kicker{font-size:12px;color:var(--muted,#626f7c)}
.subtitle-input{margin-top:24px;padding:24px;border:1px solid var(--line,#dde2e6);border-radius:12px;background:#fff}.subtitle-input textarea{font-family:inherit;font-size:14px;line-height:1.7;resize:vertical;min-width:0;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.subtitle-file-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-bottom:20px}.subtitle-file-row input{font-size:13px;width:100%;min-width:0}.subtitle-file-row small{font-size:12px;color:var(--muted,#626f7c)}.subtitle-privacy,.subtitle-note{font-size:12px;line-height:1.7;color:var(--muted,#626f7c);word-break:keep-all}.subtitle-privacy{margin:0;align-self:center}
.subtitle-inspect-row{align-items:flex-end;margin-top:16px}.subtitle-options{flex:1;min-width:0}.subtitle-options summary{font-size:13px;cursor:pointer}.subtitle-options p{font-size:12px;line-height:1.6;color:var(--muted,#626f7c)}.subtitle-thresholds{display:grid;grid-template-columns:repeat(2,minmax(0,140px));gap:12px;margin-top:16px}.subtitle-thresholds input{min-width:0;width:100%}.subtitle-input>.subtitle-note{margin-bottom:0}.subtitle-error{padding:12px 16px;color:#963d38;background:#fff3f0;border-radius:8px;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.subtitle-result{margin-top:24px;padding-top:24px;border-top:1px solid var(--line,#dde2e6)}.subtitle-result[hidden]{display:none}.subtitle-result h3{margin:0 0 6px;font-size:16px;overflow-wrap:anywhere}.subtitle-result-heading p{font-size:12px;line-height:1.6;margin:0;color:var(--muted,#626f7c)}.subtitle-summary{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--muted,#626f7c)}.subtitle-summary b{font-size:19px;color:var(--ink,#202a35)}.subtitle-summary .has-errors,.subtitle-summary .has-errors b{color:#983f38}.subtitle-exports{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 16px}.subtitle-sort{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}.subtitle-sort span{color:var(--muted,#626f7c);font-size:12px}
.subtitle-issues{margin:24px 0;background:#fff;border:1px solid var(--line,#dde2e6);border-radius:10px;padding:16px}.subtitle-issues summary{cursor:pointer;font-size:14px;font-weight:700}.subtitle-issues ol{padding-left:20px;margin-bottom:0;max-height:350px;overflow:auto;overscroll-behavior:contain}.subtitle-issues li{padding:12px 4px;border-bottom:1px solid var(--line,#e6e9ec)}.subtitle-issues li:last-child{border-bottom:0}.subtitle-issues li>span{font-size:11px;color:var(--muted,#626f7c)}.subtitle-issues li.is-error>span{color:#963d38;font-weight:700}.subtitle-issues li p{margin:4px 0 0;font-size:13px;line-height:1.7;word-break:keep-all}.subtitle-cue-heading{align-items:center;margin:24px 0 12px;gap:12px}.subtitle-cue-heading label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted,#626f7c)}
.subtitle-cues{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.subtitle-cue{min-width:0;padding:16px;background:#fff;border:1px solid var(--line,#dde2e6);border-radius:10px}.subtitle-cue header{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--muted,#626f7c)}.subtitle-cue header b{flex-shrink:0;width:26px;min-height:26px;display:grid;place-items:center;color:var(--ink,#202a35);background:url('/messenger/assets/felt-ui/badge-cream.webp') center/contain no-repeat}.subtitle-cue header span{flex:1;min-width:0;overflow-wrap:anywhere;line-height:1.6}.subtitle-cue header small{font-size:11px;color:#8c5c3b}.subtitle-cue>p{margin:12px 0;font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.subtitle-cue footer{font-size:11px;color:var(--muted,#626f7c)}.subtitle-result>.btn{margin-top:16px}.subtitle-sources{margin-top:24px;padding-top:16px;border-top:1px solid var(--line,#dde2e6)}.subtitle-sources summary{font-size:12px;cursor:pointer}.subtitle-sources p{font-size:12px;line-height:1.7;word-break:keep-all;color:var(--muted,#626f7c)}.subtitle-sources>div{display:flex;gap:16px;flex-wrap:wrap}.subtitle-sources a{font-size:12px;color:var(--lapis,#274b8b)}
@media(max-width:700px){.subtitle-heading,.subtitle-result-heading{gap:16px;flex-wrap:wrap}.subtitle-input{padding:16px}.subtitle-file-row{grid-template-columns:1fr;gap:12px}.subtitle-inspect-row{align-items:stretch;flex-direction:column;gap:16px}.subtitle-inspect-row>.btn{align-self:flex-start}.subtitle-cues{grid-template-columns:1fr}.subtitle-cue-heading{align-items:flex-start;flex-direction:column}.subtitle-heading h2{font-size:22px}.subtitle-exports>.btn{max-width:100%;white-space:normal}.subtitle-sort{line-height:1.7}.subtitle-thresholds{grid-template-columns:repeat(2,minmax(0,1fr))}}