/* KlipTok v77 · CONSTRUCTOR WEB drag & drop (assets/kt-v77-builder.css). Usa el diseño estándar .ks-* de kt-v77-studio.css */
.kb-shell{margin:8px}
.kb-pal{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
.kb-it{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.04);color:#e2e8f0;font:600 12px system-ui;cursor:grab;user-select:none}
.kb-it:hover{border-color:#8b5cf6;background:rgba(124,58,237,.18)}.kb-it:active{cursor:grabbing}.kb-it:focus-visible{outline:2px solid #a78bfa}
.kb-it i{font-style:normal;font-size:20px;line-height:1}
.kb-tpl{width:100%;text-align:left;padding:10px;margin-bottom:8px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.04);color:#e2e8f0;cursor:pointer;font:inherit}
.kb-tpl:hover{border-color:#8b5cf6}.kb-tpl b{display:block}.kb-tpl span{opacity:.65;font-size:12px}
.kb-res{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.kb-res img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;cursor:grab;background:#0f172a;display:block}
.kb-chips{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}.kb-chips button{padding:4px 9px;border-radius:99px;border:1px solid rgba(255,255,255,.15);background:transparent;color:#cbd5e1;font:700 11px system-ui;cursor:pointer}.kb-chips button[aria-pressed=true]{background:#7c3aed;color:#fff;border-color:transparent}
.kb-note{color:#94a3b8;font-size:12px;margin:4px 0 10px}
/* campos */
.kb-f{display:block;margin:0 0 9px}.kb-f>span{display:block;margin-bottom:3px;font:700 11px system-ui;color:#94a3b8}
.kb-f input[type=text],.kb-f input[type=url],.kb-f input[type=number],.kb-f textarea,.kb-f select{width:100%;padding:6px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.16);background:#0f172a;color:#e2e8f0;font:inherit}
.kb-f textarea{min-height:72px;resize:vertical}.kb-f input[type=color]{width:44px;height:30px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:none;vertical-align:middle}
.kb-f .kb-clr{margin-left:6px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#94a3b8;border-radius:6px;height:30px;padding:0 8px;cursor:pointer}
.kb-f input:focus-visible,.kb-f textarea:focus-visible,.kb-f select:focus-visible{outline:2px solid #a78bfa}
.kb-sel{display:flex;align-items:center;gap:4px;margin-bottom:10px;padding:6px 8px;border-radius:10px;background:rgba(124,58,237,.18);font:800 12px system-ui}.kb-sel b{flex:1}
.kb-sel button{width:28px;height:28px;border:0;border-radius:7px;background:rgba(255,255,255,.1);color:#fff;cursor:pointer}.kb-sel button:hover:not(:disabled){background:#7c3aed}.kb-sel button:disabled{opacity:.35}
/* capas */
.kb-tree{list-style:none;margin:0;padding:0}.kb-tree li{display:flex;align-items:center;gap:6px;padding:5px 6px;border-radius:7px;cursor:pointer;font:600 12px system-ui;color:#cbd5e1}
.kb-tree li:hover{background:rgba(255,255,255,.07)}.kb-tree li.on{background:rgba(124,58,237,.3);color:#fff}
.ks-shell.kb-preview{grid-template-columns:0 minmax(0,1fr) 0}.kb-preview .ks-left,.kb-preview .ks-right{display:none}
#kb-host{transition:width .2s;max-width:100%}
.kb-hint{padding:24px;text-align:center;color:#94a3b8}