/* GrabCast Studio: captions / transcript panel (assets/studio-captions-ui.js) */
.cap-panel{position:fixed;z-index:60;right:12px;top:72px;bottom:12px;width:min(410px,calc(100vw - 24px));border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.28);padding:12px}
.cap-panel[hidden]{display:none}
.cap-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:15px}
.cap-panel #cap-tabs{display:flex;width:100%;margin-bottom:10px}.cap-panel #cap-tabs button{flex:1}
.cap-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0}
.cap-bar{height:8px;border-radius:99px;background:var(--surface2);overflow:hidden;margin:6px 0}.cap-bar i{display:block;height:100%;background:linear-gradient(90deg,#4f46e5,#9333ea);transition:width .2s}
.cap-styles{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;margin-bottom:10px}
.cap-style{border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);padding:4px;cursor:pointer;font:inherit;font-size:12px;font-weight:700;display:flex;flex-direction:column;gap:4px;align-items:center}
.cap-style canvas{width:100%;height:auto;border-radius:7px;display:block}.cap-style:hover{border-color:#818cf8}.cap-style[aria-pressed=true]{border-color:#6366f1;box-shadow:0 0 0 2px rgba(99,102,241,.35)}
.cap-chk{display:flex;gap:8px;align-items:flex-start;font-size:13px;margin:6px 0}.cap-chk input{margin-top:3px}
.cap-tr{margin-top:6px}.cap-line{display:flex;gap:8px;align-items:baseline;padding:4px 0;border-bottom:1px solid var(--border)}
.cap-ts{border:0;background:transparent;color:var(--muted);font:inherit;font-size:11.5px;font-variant-numeric:tabular-nums;cursor:pointer;padding:2px 4px;border-radius:6px;min-width:44px;text-align:left}.cap-ts:hover{color:var(--text);background:var(--surface2)}
.cap-words{flex:1;line-height:2}
.cap-w{border:0;background:transparent;color:var(--text);font:inherit;font-size:14px;padding:1px 3px;border-radius:5px;cursor:pointer}.cap-w:hover{background:var(--surface2)}
.cap-w.br{border-left:2px solid #6366f1}.cap-w.on{background:rgba(99,102,241,.28);color:var(--gc-ink-accent,inherit)}.cap-w.now{outline:2px solid #f59e0b;outline-offset:0}
.cap-edit{display:inline-block;width:9em;min-height:28px;padding:2px 6px}.cap-num{width:7.5em}
.cap-list{list-style:none;margin:8px 0;padding:0;max-height:200px;overflow:auto;border:1px solid var(--border);border-radius:10px}.cap-list li{display:flex;gap:8px;align-items:center;padding:5px 8px;border-bottom:1px solid var(--border)}.cap-list li:last-child{border-bottom:0}
@media(max-width:760px){.cap-panel{left:0;right:0;top:auto;bottom:0;width:auto;height:72vh;border-radius:14px 14px 0 0}}