/* KlipTok v184 · CAMWEB + TIRAS (estilos). Usa los tokens --kr-* del Estudio; con respaldo si faltan.
   Quitar junto con kt-v184-camweb.js y kt-v184-tiras.js. */
.kcw{--cw-bg:var(--kr-bg,#0b0b10);--cw-ink:var(--kr-ink,#f4f4f8);--cw-acc:var(--kr-acc,#7c3aed);--cw-panel:var(--kr-panel,#17171f);--cw-line:var(--kr-line,#2a2a36);
  position:absolute;inset:0;display:flex;flex-direction:column;background:#000;color:#fff;outline:none;min-height:0;z-index:5}
.kcw-view{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000}
.kcw-cv{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}
.kcw-msg{position:absolute;left:12px;right:12px;bottom:14px;text-align:center;font-weight:600;z-index:6}
.kcw-msg:empty{display:none}
.kcw-msg[hidden]{display:none}
.kcw-cd{position:absolute;inset:0;display:none;align-items:center;justify-content:center;font:800 min(32vw,220px)/1 system-ui,sans-serif;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.6);pointer-events:none;z-index:7}
.kcw-cd.pop{animation:kcwpop .9s ease-out}
@keyframes kcwpop{0%{transform:scale(1.6);opacity:0}25%{opacity:1}100%{transform:scale(.9);opacity:.2}}
.kcw-fl{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:8}
.kcw-fl.go{animation:kcwfl .45s ease-out}
@keyframes kcwfl{0%{opacity:.95}100%{opacity:0}}
.kcw-tag{position:absolute;left:14px;top:12px;display:flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;background:rgba(0,0,0,.6);font-weight:700;font-size:12.5px;z-index:6}
.kcw-tag[hidden]{display:none}
.kcw-tag i{width:9px;height:9px;border-radius:50%;background:#ef4444;animation:kcwbl 1s infinite}
@keyframes kcwbl{50%{opacity:.2}}
.kcw-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.kcw-x{position:absolute;right:12px;top:10px;z-index:9;width:38px;height:38px;border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;display:grid;place-items:center;cursor:pointer}
.kcw-strip .kcw-x,.kcw-strip .kcw-bar{display:none}
.kcw-bar{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 12px;background:var(--cw-panel);border-top:1px solid var(--cw-line);flex-wrap:wrap}
.kcw-b{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;min-width:42px;padding:0 14px;border-radius:12px;border:1px solid var(--cw-line);background:var(--kr-field,#22222c);color:var(--cw-ink);font:600 14px system-ui,sans-serif;cursor:pointer}
.kcw-b:hover{background:var(--kr-hover,#2c2c38)}
.kcw-b:focus-visible,.kcw-t:focus-visible,.kcw-x:focus-visible,.kst-b:focus-visible,.kst-l:focus-visible,.kst-swb:focus-visible,.kst-chip:focus-visible,.kst-st:focus-visible,.kst-th:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px var(--cw-acc)}
.kcw-b.ico{padding:0;width:44px}
.kcw-b.name{min-width:150px;max-width:44vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kcw-b.shot{width:56px;height:56px;border-radius:50%;background:var(--cw-acc);border-color:transparent;color:#fff}
.kcw-b.on{background:#ef4444;border-color:transparent;color:#fff}
.kcw-b.strip{padding:0 14px}
.kcw-b.wide{width:100%;margin-top:6px}
.kcw-b:disabled{opacity:.5;cursor:default}
.kcw-grid{position:absolute;inset:0;z-index:5;background:rgba(10,10,16,.94);display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;overflow:auto;align-content:center}
.kcw-grid[hidden]{display:none}
.kcw-t{position:relative;border:2px solid transparent;border-radius:10px;overflow:hidden;background:#111;padding:0;cursor:pointer;color:#fff}
.kcw-t canvas{width:100%;height:auto;display:block}
.kcw-t span{position:absolute;left:0;right:0;bottom:0;padding:4px 6px;background:rgba(0,0,0,.6);font:600 12px system-ui,sans-serif}
.kcw-t[aria-selected="true"]{border-color:var(--cw-acc)}
.kcw-set{position:absolute;left:10px;bottom:10px;z-index:9;width:min(300px,calc(100% - 20px));padding:12px;border-radius:14px;background:var(--cw-panel);border:1px solid var(--cw-line);color:var(--cw-ink)}
.kcw-set[hidden]{display:none}
.kcw-sh{font-weight:700;margin-bottom:8px}
.kcw-opt{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:14px;cursor:pointer}
@media(max-width:560px){.kcw-grid{grid-template-columns:repeat(2,1fr)}.kcw-b.name{min-width:110px}}
@media(prefers-reduced-motion:reduce){.kcw-cd.pop,.kcw-fl.go,.kcw-tag i,.kst-cd.pop{animation:none}}

/* ───────── Tiras (cabina) ───────── */
.kst{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none;color:#fff;font-family:system-ui,Segoe UI,Arial,sans-serif}
/* el editor se saca del visor y ocupa toda la ventana */
.kst[data-stage="edit"]{position:fixed;z-index:2147483000}
@media(max-width:760px),(max-height:700px){.kst[data-stage="setup"]{position:fixed;z-index:2147483000;background:rgba(0,0,0,.82);justify-content:center;overflow:auto}}
.kst-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.kst-scr{pointer-events:auto}
.kst-setup{max-height:100%;overflow:auto;margin:auto 12px 12px;padding:16px;border-radius:16px;background:rgba(15,15,22,.88);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);max-width:640px;align-self:center;width:calc(100% - 24px)}
.kst-setup h3{margin:0 0 4px;font-size:18px}
.kst-sub{margin:0 0 12px;opacity:.8;font-size:13.5px}
.kst-lay{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.kst-l{flex:1 1 100px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border-radius:12px;border:2px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;font-size:12.5px;font-weight:600;cursor:pointer}
.kst-l[aria-pressed="true"]{border-color:#a78bfa;background:rgba(124,58,237,.35)}
.kst-mini{display:grid;gap:3px;width:34px}
.kst-mini u{display:block;height:11px;background:#fff;border-radius:2px;opacity:.9}
.kst-opt{display:flex;align-items:center;gap:8px;font-size:14px;margin:6px 0}
.kst-opt select,.kst-txt select,.kst-txt input[type=text],.kst-acts select{min-height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.35);color:#fff;padding:0 8px;font:inherit}
.kst-act{display:flex;gap:8px;justify-content:flex-end;margin-top:10px;flex-wrap:wrap}
.kst-b{min-height:44px;padding:0 16px;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:#fff;font:600 14px system-ui,sans-serif;cursor:pointer}
.kst-b:hover{background:rgba(255,255,255,.2)}
.kst-b.pri{background:#7c3aed;border-color:transparent}
.kst-b.pri:hover{background:#6d28d9}
.kst-b.big{min-width:140px}
.kst-b.ghost{background:transparent}
.kst-cap{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:space-between;padding:12px;pointer-events:none}
.kst-cap .kst-b{pointer-events:auto}
.kst-dots{display:flex;gap:7px;padding:8px 12px;border-radius:999px;background:rgba(0,0,0,.55)}
.kst-dots i{width:14px;height:14px;border-radius:50%;border:2px solid #fff;display:block}
.kst-dots i.ok{background:#22c55e;border-color:#22c55e}
.kst-cd{position:absolute;inset:0;display:none;align-items:center;justify-content:center;font:800 min(34vw,240px)/1 system-ui,sans-serif;text-shadow:0 4px 30px rgba(0,0,0,.65);pointer-events:none}
.kst-cd.pop{animation:kcwpop .9s ease-out}
.kst-edit{position:absolute;inset:0;display:flex;background:#0d0d14;overflow:hidden}
.kst-prev{flex:1 1 55%;min-width:0;display:flex;align-items:center;justify-content:center;padding:14px;background:#15151e}
.kst-cv{max-width:100%;max-height:100%;width:auto;height:auto;box-shadow:0 10px 40px rgba(0,0,0,.55);touch-action:none;cursor:grab}
.kst-side{flex:0 0 min(360px,45%);overflow:auto;padding:12px;display:flex;flex-direction:column;gap:12px;background:#17171f;border-left:1px solid #2a2a36}
.kst-sec h4{margin:0 0 6px;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;opacity:.7}
.kst-sw{display:flex;flex-wrap:wrap;gap:8px}
.kst-swb{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.35);cursor:pointer;padding:0}
.kst-swb[aria-pressed="true"]{border-color:#fff;box-shadow:0 0 0 3px #7c3aed}
.kst-chips,.kst-stk{display:flex;flex-wrap:wrap;gap:6px}
.kst-chip{min-height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.07);color:#fff;font:600 13px system-ui,sans-serif;cursor:pointer}
.kst-chip[aria-pressed="true"]{background:#7c3aed;border-color:transparent}
.kst-stw{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.kst-st{width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07);font-size:22px;cursor:pointer}
.kst-txt{display:flex;flex-direction:column;gap:6px}
.kst-retake{display:flex;flex-wrap:wrap;gap:8px}
.kst-th{position:relative;padding:0;border:1px solid rgba(255,255,255,.25);border-radius:8px;overflow:hidden;cursor:pointer;background:#000;color:#fff}
.kst-th canvas{display:block}
.kst-th span{position:absolute;right:3px;bottom:3px;padding:1px 6px;border-radius:6px;background:rgba(0,0,0,.65);font-size:12px;font-weight:700}
.kst-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;position:sticky;bottom:-12px;padding:10px 0 2px;background:#17171f}
@media(max-width:760px){.kst-edit{flex-direction:column}.kst-prev{flex:0 0 38%;min-height:0;padding:8px}.kst-cv{width:100%;height:100%;object-fit:contain;box-shadow:none}.kst-side{flex:1 1 0;min-height:0;border-left:0;border-top:1px solid #2a2a36}}