/* KlipTok v77 · estándar de estudio de 3 columnas (kt-v77-studio.js). El mismo aspecto para todos los creadores y editores. */
.ks-root{--ks-a:var(--kt-acc,#7c3aed);--ks-ink:var(--kt-ink,#0f172a);--ks-mute:var(--kt-mute,#5b6478);--ks-line:var(--kt-line,rgba(15,23,42,.13));--ks-card:var(--kt-card,#fff);--ks-bg:var(--kt-bg,#eef0fa);--ks-hov:var(--kt-hover,rgba(99,102,241,.1));
  display:grid;grid-template-columns:var(--ks-l,264px) minmax(0,1fr) var(--ks-r,304px);min-height:420px;border:1px solid var(--ks-line);border-radius:14px;overflow:hidden;background:var(--ks-bg);color:var(--ks-ink);font:500 13px/1.4 system-ui,-apple-system,'Segoe UI',sans-serif;margin:.4rem clamp(.2rem,1vw,.8rem)}
.ks-panel{display:flex;flex-direction:column;min-height:0;background:var(--ks-card);min-width:0}
.ks-left{border-right:1px solid var(--ks-line)}.ks-right{border-left:1px solid var(--ks-line)}
.ks-phead{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;border-bottom:1px solid var(--ks-line)}.ks-ptitle{font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ks-mute)}
.ks-tabs{display:flex;border-bottom:1px solid var(--ks-line);overflow-x:auto}
.ks-tab{flex:1 1 auto;border:0;background:none;color:var(--ks-mute);padding:.55rem .4rem;font:600 .74rem/1 inherit;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}
.ks-tab:hover{color:var(--ks-ink)}.ks-tab.on{color:var(--ks-a);border-bottom-color:var(--ks-a)}
.ks-pbody{flex:1;min-height:0;overflow:auto;padding:.7rem}.ks-pbody[hidden]{display:none}
.ks-center{display:flex;flex-direction:column;min-width:0;min-height:0;position:relative}
.ks-toolbar{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;padding:.4rem .6rem;background:var(--ks-card);border-bottom:1px solid var(--ks-line)}
.ks-toolbar:empty{display:none}
.ks-canvaswrap{flex:1;min-height:0;overflow:auto;position:relative;background-image:radial-gradient(var(--ks-line) 1px,transparent 1px);background-size:18px 18px}
.ks-status{padding:.25rem .8rem;border-top:1px solid var(--ks-line);background:var(--ks-card);color:var(--ks-mute);font-size:.74rem;min-height:1.6rem}
.ks-btn{display:inline-flex;align-items:center;gap:.3rem;height:2rem;padding:0 .7rem;border:1px solid var(--ks-line);border-radius:.6rem;background:var(--ks-card);color:var(--ks-ink);font:600 .78rem/1 inherit;cursor:pointer;white-space:nowrap}
.ks-btn:hover{background:var(--ks-hov)}.ks-btn[disabled]{opacity:.4;cursor:default}.ks-btn.on{background:var(--ks-hov);border-color:var(--ks-a);color:var(--ks-a)}
.ks-btn.ks-pri{background:var(--kt-grad,linear-gradient(90deg,#2563eb,#9333ea,#ec4899));color:#fff;border-color:transparent}.ks-btn.ks-ico{width:2rem;padding:0;justify-content:center}
.ks-sep{width:1px;height:1.3rem;background:var(--ks-line);margin:0 .2rem}
.ks-root :focus-visible{outline:2px solid var(--ks-a);outline-offset:1px}
.ks-field{display:grid;gap:.2rem;margin:.45rem 0}.ks-fl{font-size:.72rem;color:var(--ks-mute);font-weight:600}.ks-hint{color:var(--ks-mute);font-size:.7rem}
.ks-field input,.ks-field select,.ks-field textarea{width:100%;box-sizing:border-box;padding:.4rem .5rem;border:1px solid var(--ks-line);border-radius:.5rem;background:var(--ks-bg);color:var(--ks-ink);font:inherit}
.ks-field input[type=color]{padding:0;height:2rem;cursor:pointer}.ks-field input[type=range]{padding:0}
.ks-group{border:1px solid var(--ks-line);border-radius:.7rem;margin:.5rem 0;overflow:hidden}.ks-group>summary{cursor:pointer;padding:.5rem .7rem;font-weight:700;font-size:.78rem;background:var(--ks-hov);list-style:none}.ks-group>summary::-webkit-details-marker{display:none}.ks-group>summary::before{content:'▸ ';color:var(--ks-mute)}.ks-group[open]>summary::before{content:'▾ '}.ks-group>*:not(summary){margin-left:.7rem;margin-right:.7rem}
.ks-row2{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.ks-panes{display:none}
@media(max-width:999px){
  .ks-root{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;margin:.2rem 0;border-radius:10px}
  .ks-root>.ks-panel,.ks-root>.ks-center{grid-row:1;grid-column:1}
  .ks-root[data-pane=center]>.ks-panel,.ks-root[data-pane=left]>.ks-center,.ks-root[data-pane=left]>.ks-right,.ks-root[data-pane=right]>.ks-center,.ks-root[data-pane=right]>.ks-left{display:none}
  .ks-root[data-pane=left]>.ks-left,.ks-root[data-pane=right]>.ks-right{border:0}
  .ks-panes{display:flex;grid-row:2;grid-column:1;border-top:1px solid var(--ks-line);background:var(--ks-card)}
  .ks-pane{flex:1;border:0;background:none;color:var(--ks-mute);padding:.7rem .4rem;font:700 .8rem/1 inherit;cursor:pointer}.ks-pane.on{color:var(--ks-a);box-shadow:inset 0 3px var(--ks-a)}
}