:root{--fondo:#33365a;--fondo2:#2b2e4c;--panel:#3b3e66;--texto:#eef0fb;--dim:#a9abd0;--linea:#4a4d78;--lavanda:#b9a8e3;--ambar:#ffc37a;--rosa:#c393c9}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--texto);background:linear-gradient(180deg, var(--fondo) 0%, var(--fondo2) 100%);height:100vh;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}body:after{content:"";pointer-events:none;opacity:.035;z-index:90;background-image:repeating-conic-gradient(#fff 0 0.0001%, transparent 0 0.0002%);position:fixed;inset:0}#root{height:100vh}.center-screen{justify-content:center;align-items:center;height:100vh;display:flex}.card{text-align:center;border:1px solid var(--linea);background:#2b2e4c80;border-radius:10px;max-width:420px;padding:48px 56px}.brand{letter-spacing:6px;font-family:Bodoni MT,Didot,Georgia,serif;font-size:64px}.sub{color:var(--dim);margin-top:8px;font-size:14px}.room-name{color:var(--lavanda);margin:8px 0 20px;font-family:Bodoni MT,Didot,Georgia,serif;font-size:28px}.cta{letter-spacing:2px;text-transform:uppercase;background:var(--texto);color:var(--fondo2);cursor:pointer;border:none;border-radius:4px;margin-top:28px;padding:15px 32px;font-size:13px;font-weight:700;transition:opacity .15s}.cta:hover:not(:disabled){opacity:.85}.cta:disabled{opacity:.5;cursor:default}.hint{color:var(--dim);margin-top:18px;font-size:12px}.name-input{border:1px solid var(--linea);background:var(--panel);width:100%;color:var(--texto);border-radius:6px;margin-top:8px;padding:12px 14px;font-size:14px}.name-input:focus{border-color:var(--lavanda);outline:none}.sala{height:100vh;display:flex}.chat{border-right:1px solid var(--linea);background:#2b2e4c80;flex-direction:column;flex-shrink:0;width:340px;transition:width .22s,opacity .16s;display:flex}.sala.chat-colapsado .chat{opacity:0;pointer-events:none;border-right:none;width:0;overflow:hidden}.colapsar-btn{border:1px solid var(--linea);color:var(--dim);cursor:pointer;background:0 0;border-radius:3px;flex-shrink:0;padding:8px 10px;font-size:12px;line-height:1;transition:color .15s,border-color .15s}.colapsar-btn:hover{color:var(--texto);border-color:var(--dim)}.sala-cab{align-items:flex-start;gap:10px;padding:16px 18px 12px;display:flex;box-shadow:0 1px #0000002e}.sala-titulo{min-width:0}.menu-salas{flex-shrink:0;position:relative}.menu-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px 4px;display:flex}.menu-icono,.menu-icono:before,.menu-icono:after{background:var(--dim);border-radius:1px;width:15px;height:1.5px;transition:background .15s;display:block}.menu-icono{position:relative}.menu-icono:before,.menu-icono:after{content:"";position:absolute;left:0}.menu-icono:before{top:-5px}.menu-icono:after{top:5px}.menu-btn:hover .menu-icono,.menu-btn:hover .menu-icono:before,.menu-btn:hover .menu-icono:after{background:var(--texto)}.menu-panel{z-index:60;background:var(--panel);border:1px solid var(--linea);border-radius:8px;width:268px;max-height:380px;padding:8px;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 12px 32px #00000059}.menu-cab{letter-spacing:2px;text-transform:uppercase;color:var(--dim);padding:4px 8px 8px;font-size:9px}.menu-vacio{color:var(--dim);padding:4px 8px 10px;font-size:11.5px;font-style:italic;line-height:1.5}.menu-borrada{color:var(--dim);padding:2px 8px 8px;font-size:11.5px;animation:.2s ease-out aparecer}@keyframes aparecer{0%{opacity:0}to{opacity:1}}.menu-lista{flex-direction:column;gap:1px;list-style:none;display:flex}.menu-item{border-radius:5px;align-items:center;display:flex}.menu-item:hover{background:#ffffff0d}.menu-link{min-width:0;color:var(--texto);flex-direction:column;flex:1;gap:2px;padding:7px 8px;text-decoration:none;display:flex}.menu-sala-id{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.menu-sala-fecha{color:var(--dim);font-size:10px}.menu-olvidar{color:var(--dim);cursor:pointer;opacity:0;background:0 0;border:none;padding:6px 9px;font-size:15px;line-height:1;transition:opacity .12s,color .12s}.menu-item:hover .menu-olvidar,.menu-olvidar:focus-visible{opacity:1}.menu-olvidar:hover{color:var(--rojo)}.menu-nueva{text-align:left;cursor:pointer;width:100%;font:inherit;border:none;border-top:1px solid var(--linea);color:var(--dim);background:0 0;margin-top:8px;padding:9px 8px 4px;font-size:11.5px;text-decoration:none;display:block}.menu-nueva:hover{color:var(--texto)}.menu-nueva:disabled{cursor:default;opacity:.6}.sala-nombre{letter-spacing:1px;font-family:Bodoni MT,Didot,Georgia,serif;font-size:19px}.sala-meta{letter-spacing:2.5px;text-transform:uppercase;color:var(--dim);margin-top:3px;font-size:9px}.agent-list{flex-direction:column;gap:4px;padding:8px 14px;display:flex;box-shadow:0 1px #0000002e}.agent-row{align-items:center;gap:7px;padding:3px 0;font-size:11px;display:flex}.agent-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.agent-working .agent-dot{animation:1.6s ease-in-out infinite pulso}@keyframes pulso{50%{opacity:.35}}.agent-name{flex-shrink:0;font-weight:700}.agent-status{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.agent-waiting .agent-dot{background:var(--dim)!important}.agent-waiting .agent-status{font-style:italic}.agent-stuck .agent-dot{background:#d95d63!important}.agent-stuck .agent-status{color:#d95d63}.agent-idle{opacity:.5}.agent-fold{color:var(--dim);cursor:pointer;padding:2px 0;font-size:10px}.agent-fold:hover{color:var(--texto)}.historial{flex-shrink:0;padding:10px 24px 16px}.hist-label{letter-spacing:2px;text-transform:uppercase;color:var(--dim);font-size:9px}.hist-barra{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.hist-vacio{color:var(--dim);font-size:11px;font-style:italic}.hist-punto{color:var(--lavanda);cursor:pointer;opacity:.7;background:0 0;border:none;padding:0 1px;font-size:13px;line-height:1}.hist-punto:hover,.hist-punto.activo{opacity:1;transform:scale(1.25)}.hist-punto.marcado{color:var(--ambar);opacity:1}.hist-ahora{letter-spacing:1px;text-transform:uppercase;color:var(--dim);margin-left:4px;font-size:9px}.hist-detalle{background:var(--panel);border-radius:6px;margin-top:10px;padding:10px 12px}.hist-det-cab{align-items:baseline;gap:10px;display:flex}.hist-det-autor{color:var(--ambar);font-size:11.5px;font-weight:700}.hist-det-fecha{color:var(--dim);font-size:10px}.hist-det-task{color:var(--texto);margin-top:4px;font-size:11.5px;font-style:italic}.hist-det-files{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.hist-file{color:var(--dim);cursor:pointer;background:#ffffff0d;border-radius:3px;padding:2px 6px;font-family:ui-monospace,monospace;font-size:10px}.hist-file:hover{color:var(--texto);background:#b9a8e326}.hist-acciones{gap:6px;margin-top:9px;display:flex}.hist-btn{letter-spacing:1px;text-transform:uppercase;border:1px solid var(--linea);color:var(--dim);cursor:pointer;background:0 0;border-radius:3px;padding:6px 10px;font-size:10px}.hist-btn:hover{color:var(--texto)}.hist-btn.primario{background:var(--ambar);border-color:var(--ambar);color:#3d2a12;font-weight:700}.hist-diff{background:var(--fondo2);max-height:220px;color:var(--dim);border-radius:4px;margin-top:9px;padding:8px 10px;font-family:ui-monospace,monospace;font-size:10.5px;line-height:1.5;overflow:auto}.hist-diff .add{color:#8fb573}.hist-diff .del{color:#d95d63}.hist-confirm{background:#ffc37a14;border:1px solid #ffc37a4d;border-radius:6px;margin-top:10px;padding:10px 12px}.hist-confirm-text{color:var(--texto);font-size:12px}.hist-confirm-nota{color:var(--dim);margin-top:4px;font-size:10.5px;line-height:1.5}.hist-confirm-acciones{gap:6px;margin-top:9px;display:flex}.input-wrap{align-items:center;gap:6px;display:flex;position:relative}.input-wrap .caja{flex:1;min-width:0}.adjuntar-btn{border:1px solid var(--linea);width:30px;height:30px;color:var(--dim);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;font-size:17px;line-height:1;transition:color .15s,border-color .15s}.adjuntar-btn:hover{color:var(--texto);border-color:var(--dim)}.mention-menu{background:var(--fondo2);border:1px solid var(--linea);z-index:30;border-radius:6px;position:absolute;bottom:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #0006}.mention-item{cursor:pointer;align-items:baseline;gap:8px;padding:8px 12px;display:flex}.mention-item:hover{background:var(--panel)}.mention-name{font-size:12px;font-weight:700}.mention-hint{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.orphan-card{background:#ffc37a14;border:1px solid #ffc37a4d;border-radius:6px;margin:8px 14px;padding:10px 12px}.orphan-text{color:var(--texto);font-size:11.5px;line-height:1.5}.orphan-actions{gap:8px;margin-top:8px;display:flex}.orphan-btn{letter-spacing:1px;text-transform:uppercase;border:1px solid var(--linea);color:var(--dim);cursor:pointer;background:0 0;border-radius:3px;padding:6px 10px;font-size:10px}.orphan-btn:hover{color:var(--texto)}.orphan-btn.keep{background:var(--ambar);border-color:var(--ambar);color:#3d2a12;font-weight:700}.chat-scroll{flex-direction:column;flex:1;padding:16px 0;display:flex;overflow-y:auto}.msg{gap:12px;padding:8px 16px 2px;display:flex}.msg-system{justify-content:center;padding:4px 16px}.system-text{color:var(--dim);font-size:11px;font-style:italic}.av{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:flex}.msg-cuerpo{min-width:0}.msg-cab{margin-bottom:2px}.quien{font-size:12.5px;font-weight:700}.burbuja{color:var(--texto);white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.55}.tool-line{color:var(--dim);margin-bottom:4px;font-family:ui-monospace,monospace;font-size:11px}.chat-input{padding:6px 14px 16px}.caja{background:var(--panel);width:100%;color:var(--texto);border:none;border-radius:6px;padding:12px 14px;font-size:13px}.caja:focus{outline:none}.caja::placeholder{color:var(--dim)}.escenario{flex-direction:column;flex:1;min-width:0;display:flex}.barra-sup{align-items:center;padding:12px 24px 0;display:flex}.presencia{align-items:center;gap:8px;margin-left:auto;display:flex}.presencia .av{border:2px solid var(--fondo);width:28px;height:28px}.invitar{letter-spacing:2px;text-transform:uppercase;color:var(--dim);border:1px solid var(--linea);cursor:pointer;background:0 0;border-radius:3px;padding:7px 14px;font-size:10px}.invitar:hover{color:var(--texto);border-color:var(--dim)}.invitar:disabled{opacity:.4;cursor:not-allowed}.invitar:disabled:hover{color:var(--dim);border-color:var(--linea)}.tabs{gap:4px;padding:12px 24px 0;display:flex}.tab{letter-spacing:2.5px;text-transform:uppercase;color:var(--dim);cursor:pointer;background:0 0;border:0;border-radius:3px 3px 0 0;padding:9px 18px;font-family:inherit;font-size:10px;font-weight:700}.tab:hover{color:var(--texto)}.tab.activa{color:var(--texto);background:var(--panel)}.tab.disabled{opacity:.4;cursor:default}.lienzo{background:var(--panel);border-radius:0 3px 3px;flex:1;margin:0 24px 24px;display:flex;position:relative;overflow:hidden}.barra-sup{justify-content:space-between}.inspect-btn{letter-spacing:2px;text-transform:uppercase;color:var(--dim);border:1px solid var(--linea);cursor:pointer;background:0 0;border-radius:3px;padding:7px 14px;font-size:10px}.inspect-btn:hover{color:var(--texto);border-color:var(--dim)}.inspect-btn.on{color:var(--fondo2);background:var(--lavanda);border-color:var(--lavanda)}.remote-cursor{pointer-events:none;z-index:20;white-space:nowrap;transition:left 50ms linear,top 50ms linear;position:absolute}.cursor-flecha{border-top:4px solid;border-bottom:10px solid #0000;border-left:10px solid;width:0;height:0;display:inline-block;transform:rotate(-8deg)}.cursor-name{letter-spacing:1.5px;text-transform:uppercase;color:#2b2e4c;vertical-align:top;background:currentColor;border-radius:2px;margin-left:1px;padding:3px 8px;font-size:8.5px;font-weight:700}.cursor-name span{color:#2b2e4c}.others-selections{z-index:15;pointer-events:none;flex-direction:column;gap:4px;display:flex;position:absolute;top:8px;left:8px}.sel-badge{background:#2b2e4cd9;border:1px solid;border-radius:3px;padding:3px 8px;font-size:10px;font-weight:700}.anchor-chip{color:var(--lavanda);background:#b9a8e31f;border:1px solid #b9a8e34d;border-radius:4px;align-items:center;gap:6px;margin-bottom:6px;padding:5px 8px;font-size:10px;display:flex}.anchor-x{cursor:pointer;opacity:.7;margin-left:auto;font-size:13px}.anchor-x:hover{opacity:1}.adjuntos-pendientes{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.adjunto-chip{border:1px solid #b9a8e34d;border-radius:6px;width:56px;height:56px;position:relative;overflow:hidden}.adjunto-chip img{object-fit:cover;width:100%;height:100%;display:block}.adjunto-x{color:#fff;cursor:pointer;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:12px;line-height:1;display:flex;position:absolute;top:2px;right:2px}.adjunto-x:hover{background:#000000d9}.adjunto-error{color:#e8a0a0;cursor:pointer;background:#e8a0a01a;border:1px solid #e8a0a040;border-radius:4px;margin-bottom:6px;padding:5px 8px;font-size:10px}.chat-input.arrastrando{outline:1px dashed var(--lavanda);outline-offset:-4px;border-radius:6px}.adjuntos-msg{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.adjuntos-msg img{border:1px solid #ffffff14;border-radius:6px;max-width:180px;max-height:220px;display:block}.anchor-note{color:var(--dim);margin-bottom:3px;font-size:10px;font-style:italic}.preview-frame{background:#fff;border:none;width:100%;height:100%}.preview-loading{color:var(--dim);text-align:center;margin:auto;font-size:13px}.preview-spinner{border:2px solid var(--linea);border-top-color:var(--lavanda);border-radius:50%;width:22px;height:22px;margin:0 auto 14px;animation:.7s linear infinite girar}@keyframes girar{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.preview-spinner{animation:1.4s ease-in-out infinite latir}@keyframes latir{50%{opacity:.35}}}.back-vacio{text-align:center;color:var(--dim);margin:auto;padding:40px;font-size:13px}.back-vacio-sub{opacity:.7;margin-top:8px;font-size:12px}.back-canvas{flex:1;padding:20px 24px 28px;overflow-y:auto}.back-resumen{letter-spacing:.4px;color:var(--ambar);margin-bottom:16px;font-size:11px}.back-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-items:start;gap:14px;display:grid}.ep-card{background:var(--fondo2);border:1px solid var(--linea);border-radius:6px;padding:12px 14px}.ep-card.faltante{border-style:dashed;border-color:var(--ambar);background:0 0}.ep-card.conectado{border-color:#4f7d63}.ep-card.huerfano{opacity:.72}.ep-head{cursor:pointer;text-align:left;width:100%;color:var(--texto);background:0 0;border:0;align-items:center;gap:9px;padding:0;font-family:inherit;display:flex}.ep-metodo{letter-spacing:1px;background:var(--linea);color:var(--texto);border-radius:3px;flex-shrink:0;padding:3px 6px;font-size:9px;font-weight:700}.ep-metodo.m-post{background:#4a6b52}.ep-metodo.m-put,.ep-metodo.m-patch{background:#6b5a3a}.ep-metodo.m-delete{background:#6e4247}.ep-path{text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;overflow:hidden}.ep-semaforo{border-radius:50%;flex-shrink:0;width:9px;height:9px}.ep-semaforo.conectado{background:#6fbf8e}.ep-semaforo.faltante{border:1.5px dashed var(--ambar);background:0 0}.ep-semaforo.huerfano{background:var(--dim)}.ep-estado{color:var(--dim);margin-top:7px;font-size:11px}.ep-detalle{border-top:1px solid var(--linea);margin-top:12px;padding-top:11px;font-size:11px}.ep-linea{color:var(--dim);gap:7px;margin-bottom:7px;display:flex}.ep-k{color:var(--lavanda);flex-shrink:0}.ep-calls{flex-direction:column;gap:3px;display:flex}.ep-detalle code{color:var(--texto);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px}.ep-falta{opacity:.75;font-style:italic}.ep-anclar{background:var(--linea);width:100%;color:var(--texto);cursor:pointer;border:0;border-radius:4px;margin-top:6px;padding:8px;font-family:inherit;font-size:11px}.ep-anclar:hover{background:var(--lavanda);color:#2b2e4c}.preview-loading-sub{opacity:.75;margin-top:10px;font-size:12px;line-height:1.7}.preview-loading code{color:var(--lavanda);background:#ffffff0f;border-radius:3px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px}.key-chip{letter-spacing:1px;text-transform:uppercase;border:1px solid var(--linea);color:var(--dim);cursor:pointer;background:0 0;border-radius:3px;padding:6px 11px;font-family:inherit;font-size:10px}.key-chip:hover{color:var(--texto)}.key-chip.listo{color:#8fbfa0;border-color:#4f7d63}.key-chip.falta{border-color:var(--ambar);color:var(--ambar)}.key-panel{z-index:40;background:var(--panel);border:1px solid var(--linea);border-radius:8px;width:340px;padding:14px 16px;position:absolute;top:46px;right:24px;box-shadow:0 12px 32px #00000059}.key-cab{justify-content:space-between;align-items:baseline;font-size:12px;font-weight:700;display:flex}.key-x{color:var(--dim);cursor:pointer;background:0 0;border:0;font-family:inherit;font-size:10px}.key-x:hover{color:var(--texto)}.key-nota{color:var(--dim);margin-top:8px;font-size:11px;line-height:1.6}.key-fila{gap:6px;margin-top:11px;display:flex}.key-input{border:1px solid var(--linea);background:var(--fondo2);min-width:0;color:var(--texto);border-radius:4px;flex:1;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.key-input:focus{border-color:var(--lavanda);outline:none}.key-guardar{background:var(--ambar);color:#3d2a12;cursor:pointer;border:0;border-radius:4px;padding:8px 14px;font-family:inherit;font-size:11px;font-weight:700}.key-guardar:disabled{opacity:.4;cursor:default}.key-error{color:#d95d63;margin-top:9px;font-size:11px;line-height:1.5}.key-ok{color:#8fbfa0;margin-top:9px;font-size:11px}.key-link{color:var(--lavanda);margin-top:10px;font-size:10.5px;display:inline-block}.key-puesta{background:var(--fondo2);border-radius:4px;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding:8px 10px;display:flex}.key-puesta code{color:#8fbfa0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px}.key-olvidar{border:1px solid var(--linea);color:var(--dim);cursor:pointer;background:0 0;border-radius:3px;padding:4px 9px;font-family:inherit;font-size:10px}.key-olvidar:hover{color:#d95d63;border-color:#d95d63}.msg-seguido{padding:1px 16px 1px 62px;display:flex}.msg-seguido:hover{background:#ffffff06}.msg-seguido .burbuja{font-size:13px;line-height:1.55}.msg:hover{background:#ffffff06}.tag-ai{letter-spacing:1px;background:var(--ambar);color:#3d2a12;text-transform:uppercase;border-radius:2px;padding:2px 5px;font-size:8px;font-weight:700}.hint-btn{cursor:pointer;text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--linea);text-decoration-color:var(--linea);background:0 0;border:0;padding:0;font-family:inherit}.hint-btn:hover{color:var(--texto)}.entrar-bloque{flex-direction:column;gap:8px;margin-top:18px;display:flex}.entrar-btn{border:1px solid var(--linea);color:var(--texto);letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:6px;padding:10px;font-family:inherit;font-size:12px}.entrar-btn:hover:not(:disabled){border-color:var(--lavanda)}.entrar-btn:disabled{opacity:.4;cursor:default}.entrar-error{color:#d95d63;font-size:11px}.mention-nuevo{border-top:1px solid var(--linea)}.key-campo{margin-top:11px;display:block}.key-campo>span{letter-spacing:1px;text-transform:uppercase;color:var(--dim);margin-bottom:4px;font-size:10px;display:block}.key-campo .key-input{width:100%}.key-select{border:1px solid var(--linea);background:var(--fondo2);width:100%;color:var(--texto);border-radius:4px;padding:8px 10px;font-family:inherit;font-size:12px}.key-select:focus{border-color:var(--lavanda);outline:none}.key-panel .key-guardar{width:100%;margin-top:13px}.key-puesta-info{flex-direction:column;gap:3px;min-width:0;display:flex}.key-puesta-modelo{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.mention-tag{letter-spacing:1px;text-transform:uppercase;color:var(--ambar);border:1px solid var(--ambar);border-radius:2px;flex-shrink:0;margin-left:auto;padding:1px 5px;font-size:8px;font-weight:700}.tool-line-click{cursor:pointer;align-items:baseline;gap:6px;display:flex}.tool-line-click:hover{color:var(--texto)}.tool-mas{color:var(--dim);background:#ffffff0f;border-radius:8px;flex-shrink:0;padding:1px 6px;font-size:9px}.tool-trace{cursor:pointer;border-left:1px solid var(--linea);margin:2px 0;padding-left:8px}.tool-cerrar{color:var(--dim);margin-top:3px;font-size:9px}.tool-cerrar:hover{color:var(--texto)}