/* KlipTok v81 · CONSTRUCTOR WEB (assets/kt-v81-builder.css). Usa el diseño estándar .ks-* de kt-v77-studio.css */
.kb-shell{margin:8px}
.kb-tabs{flex-wrap:wrap}.kb-tabs button{flex:1 1 18%;min-width:0;font-size:15px!important;padding:7px 2px!important}
.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;text-align:center}
.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-q{width:100%;margin-bottom:8px;padding:7px 10px;border-radius:99px;border:1px solid rgba(255,255,255,.16);background:#0f172a;color:#e2e8f0;font:inherit}
.kb-q:focus-visible{outline:2px solid #a78bfa}
.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-reslist{display:flex;flex-direction:column;gap:6px}.kb-audio{padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.06);cursor:grab;color:#e2e8f0;font:600 12px system-ui;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb-audio:hover{background:rgba(124,58,237,.25)}
.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}
/* plugins */
.kb-plug{padding:10px;margin-bottom:8px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.03)}.kb-plug-h{display:flex;align-items:center;justify-content:space-between;gap:8px}.kb-plug p{margin:4px 0;color:#cbd5e1;font-size:12px}.kb-plug small{color:#94a3b8}
.kb-tag{padding:1px 8px;border-radius:99px;background:rgba(255,255,255,.12);font:700 10px system-ui;color:#cbd5e1}
.kb-sw{position:relative;display:inline-block;width:38px;height:22px}.kb-sw input{opacity:0;width:100%;height:100%;margin:0;position:absolute;cursor:pointer;z-index:1}.kb-sw i{position:absolute;inset:0;border-radius:99px;background:#475569;transition:.15s}.kb-sw i:before{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.15s}.kb-sw input:checked+i{background:#7c3aed}.kb-sw input:checked+i:before{transform:translateX(16px)}.kb-sw input:focus-visible+i{outline:2px solid #a78bfa;outline-offset:2px}
/* proyectos */
.kb-row2{display:flex;gap:6px;margin-bottom:10px}.kb-btn2{flex:1;padding:8px;border-radius:9px;border:1px solid rgba(255,255,255,.18);background:transparent;color:#e2e8f0;font:700 12px system-ui;cursor:pointer}.kb-btn2:hover{border-color:#8b5cf6}.kb-btn2.pri{background:#7c3aed;border-color:transparent;color:#fff}
.kb-pj{display:flex;align-items:center;gap:4px;padding:4px;margin-bottom:6px;border:1px solid rgba(255,255,255,.1);border-radius:10px}.kb-pj.on{border-color:#8b5cf6;background:rgba(124,58,237,.18)}
.kb-pj-n{flex:1;min-width:0;text-align:left;border:0;background:transparent;color:#e2e8f0;font:700 13px system-ui;cursor:pointer;padding:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb-pj-n small{display:block;font-weight:500;color:#94a3b8;font-size:10px}
.kb-pj span{display:flex}.kb-pj span button{width:26px;height:26px;border:0;border-radius:6px;background:transparent;color:#cbd5e1;cursor:pointer}.kb-pj span button:hover{background:rgba(255,255,255,.12)}
/* 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:76px;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-det{margin:0 0 8px;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:0 10px}.kb-det>summary{cursor:pointer;padding:9px 0;font:800 12px system-ui;color:#e2e8f0;list-style:none}.kb-det>summary::-webkit-details-marker{display:none}.kb-det>summary:before{content:"▸ ";color:#a78bfa}.kb-det[open]>summary:before{content:"▾ "}.kb-det[open]{padding-bottom:4px}
.kb-themes{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.kb-themes button{display:flex;align-items:center;gap:6px;padding:7px 8px;border-radius:9px;border:2px solid;cursor:pointer;font:700 12px system-ui}.kb-themes i{width:14px;height:14px;border-radius:50%;flex:0 0 auto}
.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 small{opacity:.75;font-weight:600}
.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}
.kb-iss{display:block;width:100%;text-align:left;margin-bottom:6px;padding:8px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#e2e8f0;font:600 12px/1.35 system-ui;cursor:pointer}.kb-iss:hover{border-color:#8b5cf6}.kb-iss.err{border-color:#ef4444}.kb-iss.warn{border-color:#f59e0b}
.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}