/* subs.css — subtitle studio (with video-studio.css + biz-doc.css) */
.ss-tabs{grid-template-columns:repeat(4,1fr)!important}
.ss-stage{position:relative;background:#0f172a;border-radius:14px;overflow:hidden;line-height:0;container-type:inline-size}
.ss-stage video{display:block;width:100%;max-height:60vh;background:#000}
.ss-cap{position:absolute;left:6%;right:6%;bottom:19%;text-align:center;line-height:1.2;white-space:pre-line;color:#fff;text-shadow:0 0 3px #000,0 0 3px #000,0 1px 4px #000;pointer-events:none;font-family:Arial,Helvetica,sans-serif}
.ss-cap.top{bottom:auto;top:6%}
.ss-cap.box{text-shadow:none}
.ss-cap.box span{padding:.1em .35em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.ss-cap.box span{background:rgba(0,0,0,.6)}
.ss-tools{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ss-tools input[type=search]{flex:1;min-width:160px;padding:8px 12px;border:1px solid var(--border-2,#dfe4ee);border-radius:10px;font:inherit;background:var(--panel,#fff);color:var(--text,#1e2635)}
.ss-list{display:grid;gap:6px;max-height:520px;overflow:auto;padding:2px}
.ss-row{display:grid;grid-template-columns:32px 92px 1fr auto;gap:8px;align-items:start;background:var(--panel,#fff);border:1px solid var(--border,#e4e9f2);border-radius:12px;padding:8px}
.ss-row.on{border-color:var(--accent,#4f6ef7);background:var(--accent-soft,#eef1fe)}
.ss-n{font-size:12px;color:var(--muted,#5a6377);font-variant-numeric:tabular-nums;padding-top:7px;text-align:right}
.ss-t{display:grid;gap:4px}
.ss-t input{width:100%;box-sizing:border-box;padding:4px 6px;border:1px solid var(--border-2,#dfe4ee);border-radius:7px;font:12.5px ui-monospace,monospace;background:var(--panel,#fff);color:var(--text,#1e2635)}
.ss-row textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:52px;padding:6px 8px;border:1px solid var(--border-2,#dfe4ee);border-radius:8px;font:inherit;background:var(--panel,#fff);color:var(--text,#1e2635)}
.ss-act{display:grid;gap:4px}
.ss-empty{padding:20px;text-align:center}
.ss-track{display:flex;align-items:center;gap:8px;justify-content:space-between;border:1px solid var(--border,#e4e9f2);border-radius:12px;padding:8px 10px}
.ss-track.on{border-color:var(--accent,#4f6ef7);background:var(--accent-soft,#eef1fe)}
.ss-track div{display:grid}.ss-track small{color:var(--muted,#5a6377);font-size:12px}
.ss .vs-panel input:not([type=checkbox]):not([type=range]):not([type=color]),.ss .vs-panel select{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid var(--border-2,#dfe4ee);border-radius:9px;font:inherit;background:var(--panel,#fff);color:var(--text,#1e2635)}
@media (max-width:560px){.ss-row{grid-template-columns:1fr auto}.ss-n{display:none}.ss-t{grid-column:1/-1;grid-template-columns:1fr 1fr}.ss-row textarea{grid-column:1}}