.subtitle-check{margin:40px 0;padding:24px;border:1px solid var(--rule,#e4e4e0);border-radius:14px;background:#fff;color:#333;min-width:0;scroll-margin-top:28px}
.subtitle-check [hidden]{display:none!important}.subtitle-check h2{margin:0 0 14px!important;color:#2b2b2b;font-weight:700}.subtitle-check>p{max-width:72ch}.subtitle-check .subtitle-scope{font-size:14px;color:#555;padding-bottom:20px;border-bottom:1px solid var(--rule,#e4e4e0)}
.subtitle-check label{display:block;font-size:14px;font-weight:700;margin-bottom:8px}.subtitle-controls{margin-top:24px}.subtitle-input-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.subtitle-check .subtitle-input-heading label{margin:0}.subtitle-input-heading .button{font-size:13px;min-height:44px}
.subtitle-check input,.subtitle-check textarea{box-sizing:border-box;max-width:100%;width:100%;border:1px solid #999;border-radius:10px;background:#fff;color:#333;font:inherit;font-size:16px;padding:11px 12px;min-height:46px;caret-color:#1f1f1f}.subtitle-check input[type=file]{margin-top:14px;padding:10px;font-size:14px}.subtitle-check input::file-selector-button{font:inherit;border:1px solid #999;border-radius:6px;background:#f7f7f5;color:#333;padding:8px;margin-right:12px;cursor:pointer}.subtitle-check textarea{resize:vertical;line-height:1.6;min-height:190px;white-space:pre-wrap;overflow-wrap:anywhere}.subtitle-check textarea::selection,.subtitle-check pre::selection{background:#dce9df;color:#1f1f1f}
.subtitle-check .subtitle-help{font-size:13px;color:#555;line-height:1.65;margin:8px 0 20px}.subtitle-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.subtitle-fields>div{min-width:0}.subtitle-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.subtitle-check .button{white-space:normal;min-height:44px}.subtitle-clear{font:inherit;font-size:14px;min-height:44px;padding:10px;border:0;background:transparent;color:#333;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.subtitle-clear:hover{text-decoration-thickness:2px}.subtitle-check button:disabled{opacity:1;cursor:not-allowed;background:#f7f7f5!important;color:#666!important;border:1px solid #e4e4e0!important}
.subtitle-check :is(button,input,textarea,summary,pre):focus-visible{outline:3px solid #a65a26;outline-offset:3px}.subtitle-check .subtitle-status{font-size:14px;line-height:1.65;margin:20px 0 0}.subtitle-check[data-state=error] .subtitle-status{color:#733b1a}.subtitle-check[data-state=ready] .subtitle-status{color:#1f7a4d}.subtitle-result{margin-top:24px;padding-top:22px;border-top:1px solid var(--rule,#e4e4e0)}.subtitle-result h3{font-size:18px!important;margin:0 0 12px!important;color:#2b2b2b}.subtitle-result ul{font-size:14px;padding-left:22px!important;overflow-wrap:anywhere}.subtitle-result li{margin:8px 0}.subtitle-result summary{font-size:14px;font-weight:700;cursor:pointer;min-height:44px;padding:12px 0}.subtitle-result pre{background:#f7f7f5;color:#333;padding:16px;border-radius:10px;font-size:14px;line-height:1.65;max-height:320px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:4}
@media(max-width:680px){.subtitle-check{padding:18px;margin:30px 0}.subtitle-fields{grid-template-columns:1fr;gap:0}.subtitle-input-heading{align-items:flex-start;flex-direction:column}.subtitle-actions{align-items:stretch;flex-direction:column}.subtitle-actions .button{width:100%;justify-content:center}.subtitle-check input[type=file]{font-size:13px}.subtitle-check input::file-selector-button{margin-right:6px}.subtitle-check h2{font-size:25px!important}}

.subtitle-check [data-subtitle-result-heading]:focus{outline:2px solid #a65a26;outline-offset:4px}