.subtitle-page{max-width:1440px;width:100%;margin:auto;padding:32px 24px 110px;color:var(--text)}.subtitle-page *{box-sizing:border-box}.subtitle-page [hidden]{display:none!important}.subtitle-head h1{font-size:clamp(32px,4vw,60px);letter-spacing:-.04em;line-height:1.05;margin:10px 0}.subtitle-head p,.subtitle-head small{color:var(--muted)}.subtitle-panel{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:22px;min-width:0}.subtitle-drop{padding:22px;text-align:center;border:1px dashed var(--line);border-radius:12px}.subtitle-drop h2{font-size:20px;margin:0 0 12px}.subtitle-drop p{color:var(--muted);font-size:14px}.subtitle-drop .btn{display:inline-flex;cursor:pointer}.subtitle-drop.dragging{border-color:var(--accent);background:var(--panel2)}.subtitle-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:14px 0}.subtitle-toolbar>span{flex:1;overflow-wrap:anywhere;min-width:0}.subtitle-page .btn{min-height:44px;white-space:normal;font-size:14px}.subtitle-page button:disabled{opacity:.5;cursor:default}.subtitle-privacy{font-size:14px;color:var(--muted);margin-bottom:0}#subStatus{font-size:15px;overflow-wrap:anywhere}#subStatus.error{color:var(--text);font-weight:700}.subtitle-workspace{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);gap:18px;margin-top:18px;align-items:start}.subtitle-preview{position:sticky;top:85px}.subtitle-preview video{display:block;width:100%;max-height:55vh;border-radius:10px;background:#000}.subtitle-preview video.audio-only{height:80px}.subtitle-preview p{color:var(--muted);font-size:14px}.subtitle-live{font-size:18px;text-align:center;line-height:1.5;min-height:64px;padding:14px;overflow-wrap:anywhere}.subtitle-tabs{display:flex;gap:6px;flex-wrap:wrap}.subtitle-page .selected{border-color:var(--accent);color:var(--text);background:var(--panel2)}.subtitle-search{flex:1;min-width:160px}.subtitle-page label{display:grid;gap:6px;font-size:14px;color:var(--muted)}.subtitle-page input,.subtitle-page textarea,.subtitle-page select{width:100%;min-width:0;min-height:44px;border:1px solid var(--line);background:var(--panel2);border-radius:10px;color:var(--text);font:inherit;font-size:16px;padding:10px}.subtitle-page textarea{resize:vertical;line-height:1.5}.subtitle-caption{padding:15px;border:1px solid var(--line);border-radius:12px;margin:12px 0;background:var(--panel2)}.subtitle-caption.active,.subtitle-caption.search-selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.subtitle-time{font-variant-numeric:tabular-nums;padding:0;background:transparent;border:0;color:var(--text);text-align:left}.subtitle-times{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.subtitle-caption .subtitle-toolbar{margin-bottom:0}.subtitle-hit,.subtitle-paragraph{display:block;border:0;background:transparent;color:var(--text);text-align:left;width:100%;font-size:16px;line-height:1.7;padding:12px 0;cursor:pointer;overflow-wrap:anywhere}.subtitle-page mark{color:var(--panel);background:var(--text)}#subTranslated{white-space:pre-wrap;line-height:1.7;overflow-wrap:anywhere;margin-top:15px}#subCaptions{max-height:65vh;overflow:auto;scroll-padding:12px}.subtitle-page :focus-visible{outline:2px solid var(--accent);outline-offset:3px}
html[data-acbs-style="cinema"] .subtitle-page{--accent:#eee}html[data-acbs-style="cinema"] .subtitle-panel{background:rgba(0,0,0,.65);border-color:rgba(255,255,255,.18);backdrop-filter:blur(8px)}html[data-acbs-style="cinema"] .subtitle-page .btn.primary{background:#eee;color:#000;border-color:#eee;box-shadow:none}
@media(max-width:850px){.subtitle-page{padding:22px 12px 110px}.subtitle-workspace{grid-template-columns:1fr}.subtitle-panel{padding:16px}.subtitle-preview{top:70px;z-index:2}.subtitle-preview video{max-height:28vh}.subtitle-live{min-height:40px;padding:8px;font-size:16px}.subtitle-preview p{margin:5px 0}#subCaptions{max-height:60vh}.subtitle-tabs .btn{flex:1 1 40%}.subtitle-times{gap:7px}.subtitle-time{font-size:14px!important}.subtitle-drop{padding:18px 10px}}