#subtitle-inspector,#subtitle-inspector *{box-sizing:border-box}
#subtitle-inspector{background:#f3f6fc;color:#1e304f;padding:24px;font:16px/1.55 system-ui,sans-serif}
#subtitle-inspector h2,#subtitle-inspector h3{line-height:1.25}
#subtitle-inspector label{display:block;font-weight:700;margin-bottom:9px}
#subtitle-inspector textarea{display:block;width:100%;resize:vertical;min-height:250px;padding:16px;border:1px solid #a8b8d1;border-radius:10px;background:#fff;color:#1e304f;font:14px/1.55 ui-monospace,monospace}
#subtitle-inspector .caption-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
#subtitle-inspector button{background:#294d85;color:white;border:1px solid #294d85;border-radius:8px;padding:11px 17px;font:600 15px system-ui;cursor:pointer}
#subtitle-inspector button:focus-visible,#subtitle-inspector textarea:focus-visible{outline:3px solid #dc9b26;outline-offset:3px}
#subtitle-inspector .caption-hint{font-size:13px;color:#53647e}
#subtitle-inspector #caption-result:empty{display:none}
#subtitle-inspector #caption-result{margin-top:24px;overflow-wrap:anywhere}
#subtitle-inspector .caption-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}
#subtitle-inspector .caption-stat{padding:14px;background:white;border:1px solid #c9d3e4;border-radius:9px}
#subtitle-inspector .caption-stat strong{display:block;font-size:23px;color:#294d85}
#subtitle-inspector .caption-warning{padding:14px;border-left:4px solid #dc9b26;background:#fff8e9}
#subtitle-inspector table{width:100%;border-collapse:collapse;table-layout:fixed;background:white;font-size:14px}
#subtitle-inspector th,#subtitle-inspector td{text-align:left;vertical-align:top;padding:10px;border-bottom:1px solid #d8dfea;overflow-wrap:anywhere}
#subtitle-inspector th:nth-child(1){width:12%}#subtitle-inspector th:nth-child(2){width:26%}#subtitle-inspector th:nth-child(3){width:18%}
#subtitle-inspector .caption-cue-text{white-space:pre-wrap}
#subtitle-inspector .caption-error{padding:16px;background:#fff1ee;border-left:4px solid #b94c30}
@media(max-width:620px){#subtitle-inspector{padding:15px}#subtitle-inspector .caption-stats{grid-template-columns:repeat(2,minmax(0,1fr))}#subtitle-inspector th,#subtitle-inspector td{padding:6px;font-size:12px}#subtitle-inspector th:nth-child(1){width:13%}#subtitle-inspector th:nth-child(2){width:29%}#subtitle-inspector th:nth-child(3){width:18%}}
