@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap";.bookmark-preview-container{position:relative;width:100%;height:100%;overflow:hidden;background:var(--color-superficie-2, #2a2a2a);border-radius:4px}.bookmark-preview-iframe{width:100%;height:100%;border:none;display:block;background:transparent;transform:scale(.5);transform-origin:top left;width:200%;height:200%;pointer-events:none}.bookmark-preview-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--color-superficie-2, #2a2a2a);z-index:10}.spinner-small{width:24px;height:24px;border:2px solid var(--color-borde, #404040);border-top-color:var(--color-primario, #667eea);border-radius:50%;animation:spinner-spin .6s linear infinite}@keyframes spinner-spin{to{transform:rotate(360deg)}}.bookmark-preview-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#ef44441a;color:#ef4444;font-size:12px;z-index:10}.error-icon{font-size:20px}.error-text{font-weight:500}@media (max-width: 768px){.bookmark-preview-iframe{transform:scale(.4);width:250%;height:250%}}@media (min-width: 1200px){.bookmark-preview-iframe{transform:scale(.6);width:166.67%;height:166.67%}}.bookmarks-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.bookmarks-modal-container{background:var(--color-superficie-base, #1a1a1a);border:1px solid var(--color-borde-sutil, #2a2a2a);border-radius:12px;width:90%;max-width:1200px;height:85vh;max-height:800px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease-out}.bookmarks-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-borde-sutil, #2a2a2a);background:var(--color-superficie-1, #1e1e1e)}.header-izquierda{display:flex;align-items:center;gap:12px}.header-izquierda h2{margin:0;font-size:20px;font-weight:600;color:var(--color-texto-primario, #ffffff)}.contador-bookmarks{background:var(--color-acento-primario, #3b82f6);color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.btn-cerrar-modal{background:transparent;border:none;color:var(--color-texto-secundario, #9ca3af);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.btn-cerrar-modal:hover{background:var(--color-superficie-2, #2a2a2a);color:var(--color-texto-primario, #ffffff)}.bookmarks-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--color-superficie-base, #1a1a1a);border-bottom:1px solid var(--color-borde-sutil, #2a2a2a);gap:16px}.bookmarks-busqueda{flex:1;max-width:400px;position:relative;display:flex;align-items:center;background:var(--color-superficie-2, #2a2a2a);border-radius:8px;padding:0 12px}.bookmarks-busqueda svg{color:var(--color-texto-terciario, #6b7280)}.input-busqueda-bookmarks{flex:1;background:transparent;border:none;padding:10px 8px;color:var(--color-texto-primario, #ffffff);font-size:14px;outline:none}.btn-limpiar-busqueda{background:transparent;border:none;color:var(--color-texto-terciario, #6b7280);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.btn-limpiar-busqueda:hover{color:var(--color-texto-secundario, #9ca3af)}.bookmarks-controles{display:flex;align-items:center;gap:12px}.selector-orden{background:var(--color-superficie-2, #2a2a2a);border:1px solid var(--color-borde-sutil, #3a3a3a);color:var(--color-texto-primario, #ffffff);padding:8px 12px;border-radius:8px;font-size:14px;cursor:pointer;outline:none}.botones-vista{display:flex;background:var(--color-superficie-2, #2a2a2a);border-radius:8px;padding:2px}.btn-vista{background:transparent;border:none;color:var(--color-texto-terciario, #6b7280);padding:6px 10px;cursor:pointer;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-vista.activo{background:var(--color-superficie-3, #3a3a3a);color:var(--color-texto-primario, #ffffff)}.btn-vista:hover:not(.activo){color:var(--color-texto-secundario, #9ca3af)}.bookmarks-contenido{flex:1;overflow-y:auto;padding:24px;background:var(--color-superficie-base, #1a1a1a)}.bookmarks-vacio{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:40px}.texto-vacio{font-size:18px;color:var(--color-texto-primario, #ffffff);margin:16px 0 8px;font-weight:500}.texto-ayuda{font-size:14px;color:var(--color-texto-terciario, #6b7280);max-width:400px;line-height:1.5}.bookmarks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.bookmark-item-grid{background:var(--color-superficie-1, #1e1e1e);border:1px solid var(--color-borde-sutil, #2a2a2a);border-radius:12px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.bookmark-item-grid:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d;border-color:var(--color-acento-primario, #3b82f6)}.bookmark-preview{position:relative;height:180px;background:var(--color-superficie-2, #2a2a2a);cursor:pointer;overflow:hidden;border-radius:4px}.preview-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:5}.bookmark-preview:hover .preview-overlay{opacity:1}.preview-overlay svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.preview-codigo-fallback{padding:12px;height:100%;display:flex;flex-direction:column;gap:8px;font-family:Fira Code,monospace;font-size:10px;line-height:1.4;color:var(--color-texto-terciario, #6b7280)}.preview-codigo-fallback pre{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:pre}.preview-codigo-fallback .preview-html{color:#f59e0b}.preview-codigo-fallback .preview-css{color:#3b82f6}.preview-codigo-fallback .preview-js{color:#10b981}.bookmarks-list{display:flex;flex-direction:column;gap:12px}.bookmark-item-list{background:var(--color-superficie-1, #1e1e1e);border:1px solid var(--color-borde-sutil, #2a2a2a);border-radius:8px;padding:16px;transition:all .2s ease}.bookmark-item-list:hover{background:var(--color-superficie-2, #2a2a2a);border-color:var(--color-acento-primario, #3b82f6)}.bookmark-info{padding:16px;display:flex;flex-direction:column;gap:8px}.bookmark-item-list .bookmark-info{padding:0}.bookmark-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.bookmark-nombre{margin:0;font-size:15px;font-weight:600;color:var(--color-texto-primario, #ffffff);cursor:pointer;transition:color .2s ease;flex:1}.bookmark-nombre:hover{color:var(--color-acento-primario, #3b82f6)}.btn-eliminar-bookmark{background:transparent;border:none;color:var(--color-texto-terciario, #6b7280);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;opacity:.6}.btn-eliminar-bookmark:hover{color:var(--color-peligro, #ef4444);opacity:1}.bookmark-descripcion{margin:0;font-size:13px;color:var(--color-texto-secundario, #9ca3af);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bookmark-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}.bookmark-categoria{font-size:12px;color:var(--color-texto-terciario, #6b7280);background:var(--color-superficie-2, #2a2a2a);padding:4px 8px;border-radius:4px}.bookmark-tipo{display:flex;align-items:center;gap:4px;font-size:12px;padding:4px 8px;border-radius:4px;font-weight:500}.bookmark-fecha{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--color-texto-terciario, #6b7280);margin-left:auto}.bookmarks-modal-footer{padding:16px 24px;border-top:1px solid var(--color-borde-sutil, #2a2a2a);background:var(--color-superficie-1, #1e1e1e);display:flex;justify-content:flex-end}.btn-limpiar-bookmarks{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--color-borde-normal, #3a3a3a);color:var(--color-texto-secundario, #9ca3af);padding:8px 16px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-limpiar-bookmarks:hover{background:var(--color-peligro, #ef4444);border-color:var(--color-peligro, #ef4444);color:#fff}@media (max-width: 768px){.bookmarks-modal-container{width:95%;height:90vh;max-height:none}.bookmarks-toolbar{flex-direction:column;align-items:stretch;gap:12px}.bookmarks-busqueda{max-width:none}.bookmarks-controles{justify-content:space-between}.bookmarks-grid{grid-template-columns:1fr}}.bookmarks-contenido::-webkit-scrollbar{width:8px}.bookmarks-contenido::-webkit-scrollbar-track{background:var(--color-superficie-2, #2a2a2a);border-radius:4px}.bookmarks-contenido::-webkit-scrollbar-thumb{background:var(--color-borde-normal, #4a4a4a);border-radius:4px}.bookmarks-contenido::-webkit-scrollbar-thumb:hover{background:var(--color-borde-fuerte, #5a5a5a)}.panel-izquierdo{display:flex;flex-direction:column;height:100%;background-color:var(--color-superficie);overflow:hidden;container-type:inline-size;min-width:200px}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--espaciado-md);border-bottom:1px solid var(--color-borde);background-color:var(--color-superficie);min-width:0}.panel-titulo{display:flex;align-items:center;gap:var(--espaciado-sm);font-size:1rem;font-weight:600;color:var(--color-texto);margin:0;min-width:0;flex-shrink:1}.panel-titulo span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.titulo-icono{display:flex;align-items:center;color:var(--color-primario);flex-shrink:0}.panel-header-acciones{display:flex;align-items:center;gap:var(--espaciado-xs);flex-shrink:0}.btn-bookmarks-panel{position:relative;display:flex;align-items:center;justify-content:center;padding:var(--espaciado-xs);background-color:var(--color-superficie-hover);border:1px solid var(--color-borde);border-radius:var(--radio-md);color:var(--color-texto-secundario);cursor:pointer;transition:all var(--transicion-rapida)}.btn-bookmarks-panel:hover{background-color:var(--color-primario);color:var(--color-texto-inverso);border-color:var(--color-primario)}.contador-badge{position:absolute;top:-4px;right:-4px;background-color:var(--color-primario);color:var(--color-texto-inverso);font-size:.625rem;font-weight:600;padding:2px 5px;border-radius:10px;min-width:16px;text-align:center}.btn-seleccion-multiple{display:flex;align-items:center;justify-content:center;padding:var(--espaciado-xs);background-color:var(--color-superficie-hover);border:1px solid var(--color-borde);border-radius:var(--radio-md);color:var(--color-texto-secundario);cursor:pointer;transition:all var(--transicion-rapida)}.btn-seleccion-multiple:hover{background-color:var(--color-superficie-hover);color:var(--color-texto);border-color:var(--color-borde-fuerte)}.btn-seleccion-multiple.activo{background-color:var(--color-primario);color:var(--color-texto-inverso);border-color:var(--color-primario)}.btn-crear-snippet{display:flex;align-items:center;gap:var(--espaciado-xs);padding:var(--espaciado-xs) var(--espaciado-sm);background-color:var(--color-primario);color:var(--color-texto-inverso);border:none;border-radius:var(--radio-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transicion-rapida);white-space:nowrap}@container (max-width: 250px){.btn-crear-snippet span{display:none}.btn-crear-snippet{padding:var(--espaciado-xs)}}.btn-crear-snippet:hover{background-color:var(--color-primario-hover);transform:translateY(-1px);box-shadow:var(--sombra-md)}.btn-crear-snippet:active{transform:translateY(0)}.barra-acciones-masivas{display:flex;align-items:center;justify-content:space-between;padding:var(--espaciado-xs) var(--espaciado-sm);background-color:var(--color-superficie-hover);border-bottom:1px solid var(--color-borde);flex-shrink:0;animation:slideDown .2s ease-out;gap:var(--espaciado-xs);flex-wrap:wrap}.acciones-seleccion{display:flex;align-items:center;gap:var(--espaciado-xs);flex-wrap:wrap}.acciones-con-seleccion{display:flex;align-items:center;gap:2px}.btn-accion-masiva{display:flex;align-items:center;gap:var(--espaciado-xs);padding:var(--espaciado-xs) var(--espaciado-sm);background-color:var(--color-superficie);border:1px solid var(--color-borde);border-radius:var(--radio-sm);color:var(--color-texto-secundario);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transicion-rapida);white-space:nowrap}@container (max-width: 280px){.btn-accion-masiva{padding:var(--espaciado-xs)}.btn-accion-masiva span{display:none}}.btn-accion-masiva:hover{background-color:var(--color-superficie-hover);color:var(--color-texto);border-color:var(--color-borde-fuerte)}.btn-accion-masiva.peligro:hover{background-color:var(--color-peligro);color:var(--color-texto-inverso);border-color:var(--color-peligro)}.contador-seleccion{font-size:.75rem;color:var(--color-texto-terciario);font-weight:500;padding:0 var(--espaciado-sm);white-space:nowrap}@container (max-width: 250px){.contador-seleccion{display:none}}.panel-busqueda{padding:var(--espaciado-md);border-bottom:1px solid var(--color-borde)}@container (max-width: 280px){.panel-busqueda{padding:var(--espaciado-sm)}}.input-busqueda{position:relative;display:flex;align-items:center}.busqueda-icono{position:absolute;left:var(--espaciado-sm);color:var(--color-texto-terciario);pointer-events:none}.busqueda-input{width:100%;padding:var(--espaciado-sm) var(--espaciado-md);padding-left:calc(var(--espaciado-sm) + 24px);background-color:var(--color-fondo-secundario);color:var(--color-texto);border:1px solid var(--color-borde);border-radius:var(--radio-md);font-size:.875rem;transition:all var(--transicion-rapida)}.busqueda-input:focus{outline:none;border-color:var(--color-primario);background-color:var(--color-superficie)}.busqueda-input::placeholder{color:var(--color-texto-terciario)}.busqueda-limpiar{position:absolute;right:var(--espaciado-sm);display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background-color:var(--color-superficie-hover);color:var(--color-texto-secundario);border:none;border-radius:var(--radio-sm);cursor:pointer;transition:all var(--transicion-rapida)}.busqueda-limpiar:hover{background-color:var(--color-peligro);color:var(--color-texto-inverso)}.panel-filtros{display:flex;flex-direction:column;gap:var(--espaciado-sm);padding:var(--espaciado-md);border-bottom:1px solid var(--color-borde);background-color:var(--color-fondo-secundario)}@container (max-width: 280px){.panel-filtros{padding:var(--espaciado-sm);gap:var(--espaciado-xs)}}.filtro-categorias{display:flex;align-items:center;gap:var(--espaciado-sm)}.filtro-icono{color:var(--color-texto-secundario)}.select-categoria{flex:1;padding:var(--espaciado-xs) var(--espaciado-sm);background-color:var(--color-superficie);color:var(--color-texto);border:1px solid var(--color-borde);border-radius:var(--radio-md);font-size:.875rem;cursor:pointer;transition:all var(--transicion-rapida)}.select-categoria:hover{border-color:var(--color-borde-fuerte)}.select-categoria:focus{outline:none;border-color:var(--color-primario)}.filtro-tipos{display:flex;gap:var(--espaciado-xs);flex-wrap:wrap}.filtro-tipo{flex:1;min-width:60px;display:flex;align-items:center;justify-content:center;gap:2px;padding:var(--espaciado-xs) var(--espaciado-xs);background-color:var(--color-superficie);color:var(--color-texto-secundario);border:1px solid var(--color-borde);border-radius:var(--radio-md);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transicion-rapida);white-space:nowrap;overflow:hidden}.filtro-tipo span{overflow:hidden;text-overflow:ellipsis}@container (max-width: 280px){.filtro-tipo span{display:none}.filtro-tipo{min-width:40px;padding:var(--espaciado-xs)}}.filtro-tipo:hover{background-color:var(--color-superficie-hover);border-color:var(--color-tipo, var(--color-borde-fuerte));color:var(--color-tipo, var(--color-texto))}.filtro-tipo.activo{background-color:var(--color-tipo);color:var(--color-texto-inverso);border-color:var(--color-tipo)}.filtro-tipo.activo:hover{opacity:.9}.snippets-lista{flex:1;overflow-y:auto;padding:var(--espaciado-sm)}.snippets-vacio{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--espaciado-sm);height:100%;padding:var(--espaciado-xl);text-align:center}.vacio-icono{color:var(--color-texto-terciario);opacity:.5}.vacio-texto{font-size:1rem;font-weight:500;color:var(--color-texto-secundario);margin:0}.vacio-subtexto{font-size:.875rem;color:var(--color-texto-terciario);margin:0}.snippet-item{position:relative;margin-bottom:var(--espaciado-sm);background-color:var(--color-superficie);border:1px solid var(--color-borde);border-radius:var(--radio-lg);transition:all var(--transicion-rapida);overflow:hidden}.snippet-main-wrapper{display:flex;align-items:stretch;width:100%}@container (max-width: 250px){.snippet-main-wrapper{flex-direction:column}.snippet-checkbox{border-right:none!important;border-bottom:1px solid var(--color-borde);padding:var(--espaciado-xs)!important}.snippet-acciones{flex-direction:row!important;width:100%;justify-content:space-around}}.snippet-item:hover{border-color:var(--color-borde-fuerte);box-shadow:var(--sombra-sm)}.snippet-item.activo{background-color:var(--color-primario);border-color:var(--color-primario);color:var(--color-texto-inverso)}.snippet-item.seleccionado{background-color:var(--color-primario-suave);border-color:var(--color-primario)}.snippet-checkbox{display:flex;align-items:center;padding:0 var(--espaciado-sm);background-color:var(--color-superficie-hover);border-right:1px solid var(--color-borde)}.snippet-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primario)}.snippet-contenido{flex:1;padding:var(--espaciado-sm);cursor:pointer;min-width:0;overflow:hidden}.snippet-header{display:flex;align-items:center;justify-content:space-between;gap:var(--espaciado-sm);margin-bottom:var(--espaciado-xs)}.snippet-nombre{flex:1;font-size:.875rem;font-weight:600;color:inherit;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snippet-item.activo .snippet-nombre{color:var(--color-texto-inverso)}.snippet-header-acciones{display:flex;align-items:center;gap:2px;flex-shrink:0}.btn-bookmark{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background-color:transparent;color:var(--color-texto-terciario);border:none;border-radius:var(--radio-sm);cursor:pointer;transition:all var(--transicion-rapida)}.btn-bookmark:hover{background-color:var(--color-primario-hover);color:var(--color-texto-inverso)}.btn-bookmark.activo{color:var(--color-primario);background-color:var(--color-primario-suave)}.snippet-item.activo .btn-bookmark{color:var(--color-texto-inverso);opacity:.8}.snippet-item.activo .btn-bookmark:hover{opacity:1;background-color:#fff3}.btn-favorito{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background-color:transparent;color:var(--color-texto-terciario);border:none;border-radius:var(--radio-sm);cursor:pointer;transition:all var(--transicion-rapida)}.btn-favorito:hover{background-color:var(--color-alerta);color:var(--color-texto-inverso)}.btn-favorito.activo{color:var(--color-alerta)}.snippet-item.activo .btn-favorito{color:var(--color-texto-inverso);opacity:.8}.snippet-item.activo .btn-favorito:hover{opacity:1;background-color:#fff3}.snippet-descripcion{font-size:.75rem;color:var(--color-texto-secundario);margin:0 0 var(--espaciado-sm) 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.snippet-item.activo .snippet-descripcion{color:#fffc}.snippet-input-edicion{flex:1;padding:var(--espaciado-xs) var(--espaciado-sm);background-color:var(--color-superficie);color:var(--color-texto);border:1px solid var(--color-primario);border-radius:var(--radio-sm);font-size:.875rem;font-weight:600}.snippet-input-edicion.descripcion{font-weight:400;font-size:.75rem}.snippet-input-edicion:focus{outline:none;box-shadow:0 0 0 2px var(--color-primario)}.snippet-meta{display:flex;align-items:center;gap:var(--espaciado-xs);margin-bottom:var(--espaciado-xs);flex-wrap:wrap}.snippet-categoria,.snippet-tipo{display:inline-flex;align-items:center;gap:2px;padding:2px var(--espaciado-xs);border-radius:var(--radio-sm);font-size:.6875rem;font-weight:500;white-space:nowrap;overflow:hidden}.snippet-categoria span,.snippet-tipo span{overflow:hidden;text-overflow:ellipsis;max-width:80px}@container (max-width: 250px){.snippet-categoria span,.snippet-tipo span{max-width:60px}}.snippet-categoria{background-color:var(--color-superficie-hover);color:var(--color-texto-secundario)}.snippet-item.activo .snippet-categoria{background-color:#fff3;color:var(--color-texto-inverso)}.snippet-tipo{display:inline-flex;align-items:center;gap:2px}.snippet-item.activo .snippet-tipo{background-color:#fff3!important;color:var(--color-texto-inverso)!important}.snippet-tags{display:flex;flex-wrap:wrap;gap:var(--espaciado-xs);margin-top:var(--espaciado-xs)}.snippet-tag{display:inline-flex;align-items:center;gap:2px;padding:2px var(--espaciado-xs);background-color:var(--color-superficie-hover);color:var(--color-texto-terciario);border-radius:var(--radio-sm);font-size:.625rem;font-weight:500}.snippet-item.activo .snippet-tag{background-color:#ffffff26;color:#fffc}.snippet-tags-empty{font-size:.625rem;color:var(--color-texto-terciario);font-style:italic;padding:var(--espaciado-xs);opacity:.7}.snippet-tags{cursor:pointer;transition:background-color var(--transicion-rapida);padding:var(--espaciado-xs);border-radius:var(--radio-sm)}.snippet-tags:hover{background-color:var(--color-superficie-hover)}.snippet-tags-editor{display:flex;flex-direction:column;gap:var(--espaciado-xs);margin-top:var(--espaciado-xs);padding:var(--espaciado-sm);background-color:var(--color-superficie-hover);border-radius:var(--radio-md);border:1px solid var(--color-borde-sutil)}.tags-editor-chips{display:flex;flex-wrap:wrap;gap:4px;min-height:28px}.tag-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background-color:var(--color-acento-sutil);color:var(--color-acento-primario);border-radius:var(--radio-completo);font-size:.625rem;font-weight:600;transition:all var(--transicion-rapida)}.tag-chip:hover{background-color:var(--color-acento-primario);color:var(--color-texto-inverso)}.tag-remove{display:flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;background-color:transparent;border:none;border-radius:var(--radio-completo);cursor:pointer;transition:all var(--transicion-rapida)}.tag-remove:hover{background-color:#ffffff4d}.tags-editor-input{display:flex;gap:4px;align-items:center}.tag-input{flex:1;padding:4px 8px;background-color:var(--color-superficie-base);border:1px solid var(--color-borde-normal);border-radius:var(--radio-sm);font-size:.625rem;color:var(--color-texto-primario);transition:all var(--transicion-rapida)}.tag-input:focus{outline:none;border-color:var(--color-acento-primario)}.btn-add-tag-small,.btn-detect-tags,.btn-save-tags{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--radio-sm);cursor:pointer;transition:all var(--transicion-rapida)}.btn-add-tag-small{background-color:var(--color-acento-primario);color:var(--color-texto-inverso)}.btn-add-tag-small:hover:not(:disabled){background-color:var(--color-acento-hover);transform:scale(1.05)}.btn-add-tag-small:disabled{opacity:.5;cursor:not-allowed}.btn-detect-tags{background-color:var(--color-superficie-2);color:var(--color-acento-primario);border:1px solid var(--color-acento-primario)}.btn-detect-tags:hover{background-color:var(--color-acento-primario);color:var(--color-texto-inverso)}.btn-save-tags{background-color:var(--color-positivo);color:var(--color-texto-inverso)}.btn-save-tags:hover{background-color:var(--color-positivo-hover);transform:scale(1.05)}.snippet-acciones{display:flex;flex-direction:column;gap:2px;padding:var(--espaciado-xs);background-color:var(--color-fondo-secundario);border-left:1px solid var(--color-borde);flex-shrink:0;align-items:center;justify-content:center}@container (max-width: 250px){.snippet-acciones{flex-direction:row;border-left:none;border-top:1px solid var(--color-borde);width:100%;justify-content:space-around;padding:var(--espaciado-xs) var(--espaciado-sm)}}.snippet-item.activo .snippet-acciones{background-color:#0000001a}.snippet-item.activo .snippet-acciones{border-left-color:#ffffff1a}@container (max-width: 250px){.snippet-item.activo .snippet-acciones{border-top-color:#ffffff1a;border-left-color:transparent}}.btn-accion{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:4px;background-color:var(--color-superficie);color:var(--color-texto-secundario);border:1px solid var(--color-borde);border-radius:var(--radio-md);cursor:pointer;transition:all var(--transicion-rapida)}@container (max-width: 250px){.btn-accion{flex:1;width:auto}}.btn-accion:hover{background-color:var(--color-superficie-hover);color:var(--color-texto);border-color:var(--color-borde-fuerte)}.btn-accion.eliminar:hover{background-color:var(--color-peligro);color:var(--color-texto-inverso);border-color:var(--color-peligro)}.snippet-item.activo .btn-accion{background-color:#ffffff1a;color:#fffc;border-color:#fff3}.snippet-item.activo .btn-accion:hover{background-color:#fff3;color:var(--color-texto-inverso);border-color:#ffffff4d}.confirmacion-eliminar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:var(--espaciado-md);background-color:var(--color-superficie);border:1px solid var(--color-borde);border-radius:var(--radio-lg);box-shadow:var(--sombra-xl);z-index:10}.confirmacion-eliminar p{margin:0 0 var(--espaciado-md) 0;font-size:.875rem;font-weight:500;color:var(--color-texto)}.confirmacion-botones{display:flex;gap:var(--espaciado-sm)}.btn-confirmar,.btn-cancelar{flex:1;padding:var(--espaciado-xs) var(--espaciado-md);border:none;border-radius:var(--radio-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transicion-rapida)}.btn-confirmar{background-color:var(--color-peligro);color:var(--color-texto-inverso)}.btn-confirmar:hover{background-color:#dc2626}.btn-cancelar{background-color:var(--color-superficie-hover);color:var(--color-texto)}.btn-cancelar:hover{background-color:var(--color-borde)}.panel-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--espaciado-sm) var(--espaciado-md);background-color:var(--color-fondo-secundario);border-top:1px solid var(--color-borde);flex-shrink:0}.estadistica{display:flex;align-items:center;gap:var(--espaciado-xs);font-size:.6875rem;color:var(--color-texto-terciario);font-weight:500}.snippets-lista::-webkit-scrollbar{width:6px}.snippets-lista::-webkit-scrollbar-track{background-color:transparent}.snippets-lista::-webkit-scrollbar-thumb{background-color:var(--color-borde);border-radius:4px}.snippets-lista::-webkit-scrollbar-thumb:hover{background-color:var(--color-borde-fuerte)}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.snippet-item{animation:slideInFromLeft .2s ease-out}@media (max-width: 1024px){.panel-izquierdo{min-width:280px}}.tags-dropdown-wrapper,.btn-tags-dropdown{position:relative}.btn-tags-dropdown .tag-count{margin-left:2px;font-size:.7rem;opacity:.7}.btn-tags-dropdown.con-filtro{background:var(--color-primario);color:var(--color-texto-inverso);border-color:var(--color-primario)}.btn-tags-dropdown.con-filtro:hover{background:var(--color-primario-hover);border-color:var(--color-primario-hover)}.tags-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:200px;max-width:280px;background:var(--color-superficie-base);border:1px solid var(--color-borde);border-radius:var(--radio-md);box-shadow:var(--sombra-elevada);z-index:100;animation:slideDown .2s ease;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.tags-dropdown-header{display:flex;align-items:center;gap:var(--espaciado-xs);padding:var(--espaciado-sm);background:var(--color-superficie-1);border-bottom:1px solid var(--color-borde);font-size:.75rem;font-weight:600;color:var(--color-texto-secundario);text-transform:uppercase;letter-spacing:.5px}.btn-limpiar-tag{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;margin-left:auto;background:var(--color-superficie-hover);color:var(--color-texto-terciario);border:none;border-radius:2px;cursor:pointer;transition:all var(--transicion-rapida)}.btn-limpiar-tag:hover{background:var(--color-peligro);color:var(--color-texto-inverso);transform:scale(1.1)}.tags-dropdown-lista{max-height:250px;overflow-y:auto;padding:var(--espaciado-xs)}.tags-dropdown-lista::-webkit-scrollbar{width:6px}.tags-dropdown-lista::-webkit-scrollbar-thumb{background:var(--color-borde);border-radius:var(--radio-sm)}.tags-dropdown-lista::-webkit-scrollbar-thumb:hover{background:var(--color-borde-fuerte)}.tag-dropdown-item{display:flex;align-items:center;gap:var(--espaciado-xs);width:100%;padding:var(--espaciado-sm);background:transparent;color:var(--color-texto-secundario);border:none;border-radius:var(--radio-sm);font-size:.75rem;font-weight:500;text-align:left;cursor:pointer;transition:all var(--transicion-rapida)}.tag-dropdown-item:hover{background:var(--color-superficie-hover);color:var(--color-texto)}.tag-dropdown-item.activo{background:var(--color-primario);color:var(--color-texto-inverso);font-weight:600}.tag-dropdown-item.activo:hover{background:var(--color-primario-hover)}@media (max-width: 768px){.panel-izquierdo{position:fixed;top:0;left:0;width:280px;height:100vh;z-index:1000;transform:translate(-100%);transition:transform var(--transicion-media)}.panel-izquierdo.visible{transform:translate(0)}.tags-dropdown{right:0;left:auto;max-width:calc(100vw - 40px)}.tags-dropdown-lista{max-height:180px}}.dependency-manager-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn var(--transicion-rapida) ease}.dependency-manager-modal{background:var(--color-superficie-base);border-radius:var(--radio-2xl);width:95%;max-width:1400px;height:90vh;max-height:900px;display:flex;flex-direction:column;box-shadow:var(--sombra-flotante);animation:slideUp var(--transicion-media) ease;border:1px solid var(--color-borde-sutil)}.dependency-manager-modal.enhanced{background:var(--color-superficie-base)}.dependency-header{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;background:#ffffff05}.version-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.header-stats{display:flex;gap:24px;margin-left:auto;margin-right:24px}.stat{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:24px;font-weight:700;color:#fff;line-height:1}.stat-label{font-size:11px;color:#8b92a8;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.dependency-toolbar{padding:16px 24px;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.05);display:flex;gap:16px;align-items:center}.search-box{flex:1;max-width:400px;position:relative}.search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#8b92a8}.search-box input{width:100%;padding:8px 12px 8px 36px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;transition:all .2s}.search-box input:focus{background:#ffffff14;border-color:#667eea;outline:none}.toolbar-actions{display:flex;gap:8px}.btn-action{padding:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#8b92a8;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-action:hover:not(:disabled){background:#ffffff1a;color:#fff;transform:translateY(-1px)}.btn-action:disabled{opacity:.5;cursor:not-allowed}.info-panel{margin:16px 24px;padding:16px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid rgba(102,126,234,.3);border-radius:12px;animation:slideDown .3s ease}.info-panel h4{margin:0 0 12px;color:#fff;font-size:14px;display:flex;align-items:center;gap:8px}.info-panel ul{margin:0;padding:0;list-style:none}.info-panel li{padding:8px 0;color:#b8bfd0;font-size:13px;line-height:1.6;border-bottom:1px solid rgba(255,255,255,.05)}.info-panel li:last-child{border-bottom:none}.info-panel strong{color:#fff;font-weight:600}.dependency-tabs{display:flex;gap:4px;padding:0 24px;background:#0003;border-bottom:1px solid rgba(255,255,255,.1)}.tab{padding:12px 20px;background:transparent;border:none;color:#8b92a8;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;border-bottom:2px solid transparent;position:relative;top:1px}.tab:hover{color:#fff;background:#ffffff0d}.tab.active{color:#fff;background:#667eea1a;border-bottom-color:#667eea}.dependency-content{flex:1;overflow-y:auto;padding:24px}.dependency-section{animation:fadeIn .3s ease}.section-info{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#667eea1a;border-radius:8px;margin-bottom:20px;color:#b8bfd0;font-size:14px}.dependencies-grid.enhanced{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:20px}.dependency-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;transition:all .3s;display:flex;flex-direction:column;gap:12px}.dependency-card:hover{background:#ffffff0d;border-color:#667eea80;transform:translateY(-2px);box-shadow:0 10px 30px #0000004d}.dependency-card.detectada{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#667eea4d}.dependency-header{display:flex;gap:12px;align-items:flex-start}.dependency-icon{font-size:28px;line-height:1}.dependency-info{flex:1}.dependency-info h4{margin:0;font-size:15px;color:#fff;font-weight:600}.dependency-tipo{font-size:12px;color:#8b92a8;text-transform:uppercase;letter-spacing:.5px;margin-top:4px;display:inline-block}.dependency-details{display:flex;gap:8px;flex-wrap:wrap}.urls-count{display:flex;gap:6px}.url-badge{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600}.url-badge.css{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.url-badge.js{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.dependency-actions{display:flex;gap:8px}.btn-añadir{flex:1;padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.btn-añadir:hover{transform:translateY(-1px);box-shadow:0 5px 15px #667eea66}.badge.activa{flex:1;padding:8px 16px;background:#22c55e33;border:1px solid rgba(34,197,94,.4);border-radius:8px;color:#22c55e;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px}.active-dependencies-list.enhanced{display:flex;flex-direction:column;gap:12px}.active-dependency-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;transition:all .2s}.active-dependency-item:hover{background:#ffffff0d;border-color:#667eea4d}.url-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.file-type{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;flex-shrink:0}.file-type.css{background:#fbbf2433;color:#fbbf24}.file-type.js{background:#22c55e33;color:#22c55e}.url-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.url-text{color:#fff;font-size:13px;font-family:Fira Code,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.url-source{font-size:11px;color:#8b92a8}.url-actions{display:flex;gap:4px;flex-shrink:0}.url-actions button,.url-actions a{padding:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#8b92a8;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.url-actions button:hover,.url-actions a:hover{background:#ffffff1a;color:#fff}.btn-eliminar:hover{background:#ef444433!important;border-color:#ef444466!important;color:#ef4444!important}.category-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding:16px;background:#0003;border-radius:12px}.category-filter{padding:8px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;color:#8b92a8;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;position:relative}.category-filter:hover{background:#ffffff14;color:#fff;transform:translateY(-1px)}.category-filter.active{background:linear-gradient(135deg,var(--cat-color, #667eea) 0%,var(--cat-color, #764ba2) 100%);color:#fff;border-color:transparent;box-shadow:0 5px 15px #667eea4d}.cat-icon{font-size:16px}.cat-count{background:#fff3;padding:2px 6px;border-radius:10px;font-size:11px;font-weight:700;margin-left:4px}.library-grid.enhanced{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.library-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;transition:all .3s;display:flex;flex-direction:column;gap:12px}.library-card:hover{background:#ffffff0d;border-color:#667eea80;transform:translateY(-2px);box-shadow:0 10px 30px #0000004d}.library-card.added{background:#22c55e0d;border-color:#22c55e4d}.library-header{display:flex;gap:12px;align-items:flex-start}.library-icon{font-size:32px;line-height:1}.library-title{flex:1}.library-title h4{margin:0;font-size:16px;color:#fff;font-weight:600}.library-type{font-size:12px;color:#8b92a8;text-transform:uppercase;letter-spacing:.5px;margin-top:4px;display:inline-block}.library-info-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.library-urls{display:flex;gap:6px}.url-count{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600}.url-count.css{background:#fbbf2433;color:#fbbf24}.url-count.js{background:#22c55e33;color:#22c55e}.plugin-badge,.module-badge{padding:4px 8px;background:#a855f733;color:#a855f7;border-radius:6px;font-size:11px;font-weight:600}.btn-toggle-detail{padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#8b92a8;font-size:12px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px;align-self:flex-start}.btn-toggle-detail:hover{background:#ffffff14;color:#fff}.library-details{padding:16px;background:#0003;border-radius:8px;display:flex;flex-direction:column;gap:16px;animation:slideDown .2s ease}.library-details h5{margin:0 0 8px;font-size:12px;color:#8b92a8;text-transform:uppercase;letter-spacing:.5px}.detector-list{display:flex;flex-wrap:wrap;gap:6px}.detector-list code{padding:4px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;font-size:11px;color:#22c55e;font-family:Fira Code,monospace}.more{padding:4px 8px;background:#667eea33;color:#667eea;border-radius:4px;font-size:11px;font-weight:600}.cdn-urls{display:flex;flex-direction:column;gap:8px}.cdn-url{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:6px}.url-type{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase}.url-type.css{background:#fbbf244d;color:#fbbf24}.url-type.js{background:#22c55e4d;color:#22c55e}.url-short{flex:1;font-size:11px;color:#b8bfd0;font-family:Fira Code,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.url-link{color:#8b92a8;transition:all .2s}.url-link:hover{color:#667eea}.plugin-list,.module-list{display:flex;flex-wrap:wrap;gap:6px}.plugin-name,.module-name{padding:4px 8px;background:#a855f71a;border:1px solid rgba(168,85,247,.3);color:#a855f7;border-radius:4px;font-size:11px;font-weight:600}.library-actions{margin-top:auto}.btn-usar-libreria{width:100%;padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.btn-usar-libreria:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 15px #667eea66}.btn-usar-libreria.disabled,.btn-usar-libreria:disabled{background:#22c55e33;border:1px solid rgba(34,197,94,.4);color:#22c55e;cursor:not-allowed}.custom-section{max-width:800px;margin:0 auto}.custom-section h3{margin:0 0 12px;font-size:18px;color:#fff}.custom-section>p{color:#8b92a8;font-size:14px;margin-bottom:24px}.custom-url-form{display:flex;flex-direction:column;gap:20px}.url-input-group{display:flex;gap:12px}.url-input-group input{flex:1;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:14px;font-family:Fira Code,monospace;transition:all .2s}.url-input-group input:focus{background:#ffffff14;border-color:#667eea;outline:none}.url-input-group input.error{border-color:#ef4444}.btn-añadir-url{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;white-space:nowrap}.btn-añadir-url:hover{transform:translateY(-1px);box-shadow:0 5px 15px #667eea66}.error-message{padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:13px;display:flex;align-items:center;gap:8px;animation:shake .3s ease}.url-suggestions{padding:20px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.url-suggestions h4{margin:0 0 12px;font-size:14px;color:#fff}.suggestion-list{display:flex;flex-wrap:wrap;gap:8px}.suggestion{padding:8px 16px;background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:20px;color:#667eea;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.suggestion:hover{background:#667eea33;color:#fff;transform:translateY(-1px)}.cdn-providers{padding:20px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.cdn-providers h4{margin:0 0 12px;font-size:14px;color:#fff}.provider-list{display:flex;flex-wrap:wrap;gap:12px}.provider-list a{padding:10px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#8b92a8;text-decoration:none;font-size:13px;font-weight:500;transition:all .2s}.provider-list a:hover{background:#ffffff1a;color:#fff;transform:translateY(-1px)}.no-dependencies,.no-active,.no-results{text-align:center;padding:60px 20px;color:#8b92a8}.no-dependencies svg,.no-active svg,.no-results svg{color:#4a5568;margin-bottom:16px}.no-dependencies h3,.no-active h3,.no-results h3{margin:0 0 8px;font-size:18px;color:#fff}.no-dependencies p,.no-active p,.no-results p{margin:0;font-size:14px}.suggestions{margin-top:24px;padding:20px;background:#ffffff05;border-radius:12px;text-align:left}.suggestions p{margin:0 0 12px;font-weight:500;color:#fff}.suggestions code{display:block;padding:8px 12px;margin:8px 0;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#22c55e;font-family:Fira Code,monospace;font-size:13px}.dependency-footer{padding:16px 24px;background:#0000004d;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between}.footer-info{display:flex;align-items:center;gap:16px}.total-size{display:flex;align-items:center;gap:6px;color:#8b92a8;font-size:13px}.footer-actions{display:flex;gap:12px}.btn-recompilar{padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.btn-recompilar:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 15px #10b98166}.btn-recompilar:disabled{opacity:.5;cursor:not-allowed}.btn-cerrar-modal{padding:10px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cerrar-modal:hover{background:#ffffff1a;transform:translateY(-1px)}.btn-cerrar{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px;color:#8b92a8;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-cerrar:hover{background:#ef444433;border-color:#ef444466;color:#ef4444}.library-info{display:flex;align-items:center;justify-content:space-between;padding:0 16px 16px;color:#8b92a8;font-size:13px}.clear-search{padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#8b92a8;font-size:12px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.clear-search:hover{background:#ffffff14;color:#fff}.actions-bar{display:flex;justify-content:flex-end;padding:16px 0 0}.btn-clear-all{padding:8px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.btn-clear-all:hover{background:#ef444433;transform:translateY(-1px)}.versions-detected{margin-top:20px;padding:16px;background:#667eea0d;border:1px solid rgba(102,126,234,.2);border-radius:12px}.versions-detected h4{margin:0 0 12px;font-size:14px;color:#fff}.versions-list{display:flex;flex-wrap:wrap;gap:8px}.version-badge{padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#b8bfd0;font-size:12px;font-weight:500}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.dependency-content::-webkit-scrollbar{width:8px}.dependency-content::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}.dependency-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.dependency-content::-webkit-scrollbar-thumb:hover{background:#ffffff26}@media (max-width: 1200px){.dependencies-grid.enhanced{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.library-grid.enhanced{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.dependency-manager-modal{width:100%;height:100vh;max-height:100vh;border-radius:0}.header-stats{display:none}.dependency-tabs{flex-wrap:wrap}.tab{flex:1;min-width:100px;padding:10px 12px;font-size:12px}.dependencies-grid.enhanced,.library-grid.enhanced{grid-template-columns:1fr}.category-filters{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.toolbar-actions{display:none}.search-box{max-width:none}}.cdn-list{max-height:500px;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.5rem}.cdn-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .2s ease}.cdn-item:hover{background:#ffffff0d;border-color:#6366f180;transform:translate(4px)}.cdn-info{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.cdn-nombre{font-weight:600;color:#e2e8f0;font-size:.875rem;font-family:Fira Code,monospace}.cdn-url{font-size:.75rem;color:#94a3b8;text-decoration:none;display:flex;align-items:center;gap:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s ease}.cdn-url:hover{color:#6366f1}.btn-add-cdn{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#6366f133;border:1px solid rgba(99,102,241,.4);border-radius:6px;color:#a5b4fc;cursor:pointer;transition:all .2s ease}.btn-add-cdn:hover{background:#6366f14d;border-color:#6366f1;color:#c7d2fe;transform:scale(1.1)}.codepen-modal-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal, 1000);animation:fadeInOverlay .2s ease;padding:var(--espaciado-lg)}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.codepen-modal-container{background:var(--color-superficie-base);border-radius:var(--radio-2xl);width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--sombra-flotante, 0 20px 60px rgba(0, 0, 0, .3));animation:slideUpModal .3s cubic-bezier(.16,1,.3,1);border:1px solid var(--color-borde-sutil);overflow:hidden}.codepen-modal-container.with-preview{max-width:1200px}@keyframes slideUpModal{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.codepen-header{padding:var(--espaciado-xl) var(--espaciado-2xl);border-bottom:1px solid var(--color-borde-sutil);background:linear-gradient(180deg,var(--color-superficie-base) 0%,var(--color-superficie-1) 100%);flex-shrink:0}.codepen-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--espaciado-sm)}.codepen-title-group{display:flex;align-items:center;gap:var(--espaciado-md)}.codepen-icon{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radio-lg);display:flex;align-items:center;justify-content:center;color:#fff}.codepen-title{margin:0;font-size:20px;font-weight:600;color:var(--color-texto-primario)}.codepen-badge{background:var(--color-acento-sutil);color:var(--color-acento-primario);padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.codepen-close-btn{background:transparent;border:none;width:36px;height:36px;border-radius:var(--radio-lg);display:flex;align-items:center;justify-content:center;color:var(--color-texto-secundario);cursor:pointer;transition:all var(--transicion-rapida)}.codepen-close-btn:hover{background:var(--color-superficie-hover);color:var(--color-texto-primario)}.codepen-subtitle{margin:0;font-size:14px;color:var(--color-texto-secundario);font-weight:400}.codepen-body{display:flex;gap:var(--espaciado-2xl);padding:var(--espaciado-2xl);overflow-y:auto;flex:1;min-height:0}.codepen-body::-webkit-scrollbar{width:8px}.codepen-body::-webkit-scrollbar-track{background:var(--color-superficie-1);border-radius:4px}.codepen-body::-webkit-scrollbar-thumb{background:var(--color-borde-normal);border-radius:4px}.codepen-body::-webkit-scrollbar-thumb:hover{background:var(--color-borde-fuerte)}.codepen-main-column{flex:1;display:flex;flex-direction:column;gap:var(--espaciado-xl)}.codepen-preview-column{flex:1;min-width:400px}.codepen-section{display:flex;flex-direction:column;gap:var(--espaciado-md)}.codepen-section-title{font-size:13px;font-weight:600;color:var(--color-texto-primario);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:var(--espaciado-sm)}.codepen-input-group{position:relative}.codepen-input{width:100%;padding:12px 44px 12px 16px;background:var(--color-superficie-1);border:2px solid var(--color-borde-normal);border-radius:var(--radio-lg);color:var(--color-texto-primario);font-size:14px;font-family:Fira Code,Monaco,monospace;transition:all var(--transicion-rapida)}.codepen-input:hover{border-color:var(--color-borde-fuerte);background:var(--color-superficie-base)}.codepen-input:focus{outline:none;border-color:var(--color-acento-primario);background:var(--color-superficie-base);box-shadow:0 0 0 4px var(--color-acento-sutil)}.codepen-input.valid{border-color:var(--color-exito);background:var(--color-exito-sutil)}.codepen-input.invalid{border-color:var(--color-peligro);background:var(--color-peligro-sutil)}.codepen-input:disabled{opacity:.6;cursor:not-allowed}.codepen-input-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;pointer-events:none}.codepen-input-icon.success{color:var(--color-exito)}.codepen-input-icon.error{color:var(--color-peligro)}.codepen-hint{display:flex;align-items:center;gap:var(--espaciado-xs);font-size:12px;color:var(--color-texto-secundario);margin-top:var(--espaciado-xs)}.codepen-hint.success{color:var(--color-exito)}.codepen-hint.error{color:var(--color-peligro)}.codepen-hint svg{flex-shrink:0}.codepen-options{display:flex;flex-direction:column;gap:var(--espaciado-sm)}.codepen-option{display:flex;align-items:center;gap:var(--espaciado-md);padding:var(--espaciado-md);background:var(--color-superficie-1);border-radius:var(--radio-lg);cursor:pointer;transition:all var(--transicion-rapida);border:2px solid transparent}.codepen-option:hover{background:var(--color-superficie-2);border-color:var(--color-borde-normal)}.codepen-checkbox{width:20px;height:20px;border-radius:var(--radio-sm);border:2px solid var(--color-borde-normal);background:var(--color-superficie-base);cursor:pointer;transition:all var(--transicion-rapida);appearance:none;-webkit-appearance:none;display:flex;align-items:center;justify-content:center;position:relative}.codepen-checkbox:checked{background:var(--color-acento-primario);border-color:var(--color-acento-primario)}.codepen-checkbox:checked:after{content:"✓";color:#fff;font-size:14px;font-weight:700}.codepen-checkbox:disabled{opacity:.5;cursor:not-allowed}.codepen-option-label{flex:1;display:flex;flex-direction:column;gap:2px}.codepen-option-title{font-size:14px;font-weight:500;color:var(--color-texto-primario)}.codepen-option-description{font-size:12px;color:var(--color-texto-secundario)}.codepen-select{width:100%;padding:12px 44px 12px 16px;background:var(--color-superficie-1);border:2px solid var(--color-borde-normal);border-radius:var(--radio-lg);color:var(--color-texto-primario);font-size:14px;cursor:pointer;transition:all var(--transicion-rapida);appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%235f6368' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.codepen-select:hover{border-color:var(--color-borde-fuerte);background-color:var(--color-superficie-base)}.codepen-select:focus{outline:none;border-color:var(--color-acento-primario);box-shadow:0 0 0 4px var(--color-acento-sutil)}.codepen-state-card{padding:var(--espaciado-lg);border-radius:var(--radio-lg);border:1px solid;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.codepen-state-card.loading{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea4d}.codepen-loading-header{display:flex;align-items:center;gap:var(--espaciado-md);margin-bottom:var(--espaciado-sm)}.codepen-spinner{animation:spin 1s linear infinite;color:var(--color-acento-primario)}.codepen-loading-title{font-size:14px;font-weight:600;color:var(--color-texto-primario)}.codepen-loading-step{font-size:13px;color:var(--color-texto-secundario);margin-left:36px}.codepen-state-card.success{background:var(--color-exito-sutil);border-color:var(--color-exito)}.codepen-success-header{display:flex;align-items:center;gap:var(--espaciado-sm);margin-bottom:var(--espaciado-md)}.codepen-success-icon{color:var(--color-exito)}.codepen-success-title{font-size:14px;font-weight:600;color:var(--color-exito)}.codepen-success-body{margin-left:28px;font-size:13px;color:var(--color-texto-secundario)}.codepen-pen-info{display:flex;flex-direction:column;gap:var(--espaciado-xs)}.codepen-info-row{display:flex;align-items:center;gap:var(--espaciado-xs)}.codepen-stats-row{display:flex;gap:var(--espaciado-lg);margin-top:var(--espaciado-sm);flex-wrap:wrap}.codepen-stat{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--color-texto-secundario)}.codepen-stat-icon{opacity:.7}.codepen-state-card.error{background:var(--color-peligro-sutil);border-color:var(--color-peligro)}.codepen-error-header{display:flex;align-items:flex-start;gap:var(--espaciado-md)}.codepen-error-icon{color:var(--color-peligro);flex-shrink:0;margin-top:2px}.codepen-error-content{flex:1}.codepen-error-title{font-size:14px;font-weight:600;color:var(--color-peligro);margin-bottom:var(--espaciado-xs)}.codepen-error-message{font-size:13px;color:var(--color-texto-secundario);line-height:1.5}.codepen-info-card{padding:var(--espaciado-lg);background:var(--color-info-sutil);border:1px solid var(--color-info);border-radius:var(--radio-lg);font-size:13px;color:var(--color-texto-secundario);line-height:1.6}.codepen-info-title{display:flex;align-items:center;gap:var(--espaciado-sm);font-weight:600;color:var(--color-info);margin-bottom:var(--espaciado-sm)}.codepen-preview-panel{background:var(--color-superficie-1);border-radius:var(--radio-lg);border:1px solid var(--color-borde-normal);overflow:hidden;display:flex;flex-direction:column;height:100%;min-height:500px}.codepen-preview-header{padding:var(--espaciado-md) var(--espaciado-lg);border-bottom:1px solid var(--color-borde-sutil);background:var(--color-superficie-base);display:flex;align-items:center;justify-content:space-between}.codepen-preview-title-group{display:flex;align-items:center;gap:var(--espaciado-md)}.codepen-preview-label{font-size:13px;font-weight:600;color:var(--color-texto-secundario);text-transform:uppercase;letter-spacing:.5px}.codepen-preview-link{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--color-acento-primario);text-decoration:none;padding:4px 10px;border-radius:var(--radio-md);transition:all var(--transicion-rapida);border:1px solid transparent}.codepen-preview-link:hover{background:var(--color-acento-sutil);border-color:var(--color-acento-primario)}.codepen-preview-close{background:transparent;border:none;width:32px;height:32px;border-radius:var(--radio-md);display:flex;align-items:center;justify-content:center;color:var(--color-texto-secundario);cursor:pointer;transition:all var(--transicion-rapida)}.codepen-preview-close:hover{background:var(--color-superficie-hover);color:var(--color-texto-primario)}.codepen-preview-iframe{flex:1;border:none;width:100%;background:#fff}.codepen-footer{padding:var(--espaciado-lg) var(--espaciado-2xl);border-top:1px solid var(--color-borde-sutil);background:var(--color-superficie-1);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.codepen-footer-actions{display:flex;gap:var(--espaciado-md);margin-left:auto}.codepen-btn{padding:10px 20px;border-radius:var(--radio-lg);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transicion-rapida);border:2px solid transparent;display:flex;align-items:center;gap:var(--espaciado-sm);white-space:nowrap}.codepen-btn:disabled{opacity:.5;cursor:not-allowed}.codepen-btn-secondary{background:var(--color-superficie-2);color:var(--color-texto-primario);border-color:var(--color-borde-normal)}.codepen-btn-secondary:hover:not(:disabled){background:var(--color-superficie-3);border-color:var(--color-borde-fuerte)}.codepen-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 2px 8px #667eea4d}.codepen-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.codepen-btn-primary:active:not(:disabled){transform:translateY(0)}.codepen-btn-preview{background:var(--color-superficie-base);color:var(--color-acento-primario);border-color:var(--color-acento-primario)}.codepen-btn-preview:hover:not(:disabled){background:var(--color-acento-sutil)}@media (max-width: 1024px){.codepen-modal-container{max-width:800px}.codepen-body{flex-direction:column}.codepen-preview-column{min-width:100%}}@media (max-width: 768px){.codepen-modal-overlay{padding:var(--espaciado-sm)}.codepen-header{padding:var(--espaciado-lg)}.codepen-body{padding:var(--espaciado-lg);gap:var(--espaciado-lg)}.codepen-footer{padding:var(--espaciado-md) var(--espaciado-lg);flex-direction:column;gap:var(--espaciado-md)}.codepen-footer-actions{width:100%;flex-direction:column}.codepen-btn{width:100%;justify-content:center}.codepen-stats-row{flex-direction:column;gap:var(--espaciado-sm)}}[data-theme=dark] .codepen-modal-container{background:var(--color-base-900);border-color:var(--color-base-700)}[data-theme=dark] .codepen-header{background:linear-gradient(180deg,var(--color-base-900) 0%,var(--color-base-800) 100%)}[data-theme=dark] .codepen-input,[data-theme=dark] .codepen-select{background:var(--color-base-800);border-color:var(--color-base-700);color:var(--color-base-50)}[data-theme=dark] .codepen-input:hover,[data-theme=dark] .codepen-select:hover{background:var(--color-base-900);border-color:var(--color-base-600)}[data-theme=dark] .codepen-option{background:var(--color-base-800)}[data-theme=dark] .codepen-option:hover{background:var(--color-base-700)}[data-theme=dark] .codepen-preview-panel,[data-theme=dark] .codepen-footer{background:var(--color-base-800);border-color:var(--color-base-700)}.codepen-manual-mode{display:flex;flex-direction:column;gap:var(--espaciado-lg);padding:var(--espaciado-lg);background:var(--color-superficie-hover);border-radius:var(--radio-lg);border:2px dashed var(--color-borde-normal)}.codepen-manual-header{display:flex;align-items:flex-start;gap:var(--espaciado-md);color:var(--color-info)}.codepen-manual-header h4{margin:0 0 var(--espaciado-xs) 0;font-size:var(--fuente-md);font-weight:600}.codepen-manual-header p{margin:0;font-size:var(--fuente-sm);color:var(--color-texto-secundario)}.codepen-manual-instructions{background:var(--color-superficie-base);padding:var(--espaciado-md);border-radius:var(--radio-md);border-left:3px solid var(--color-info)}.codepen-manual-instructions ol{margin:0;padding-left:var(--espaciado-lg)}.codepen-manual-instructions li{margin:var(--espaciado-xs) 0;color:var(--color-texto-principal)}.codepen-manual-instructions a{color:var(--color-acento);text-decoration:underline;word-break:break-all}.codepen-manual-inputs{display:flex;flex-direction:column;gap:var(--espaciado-md)}.codepen-manual-input-group{display:flex;flex-direction:column;gap:var(--espaciado-sm)}.codepen-manual-input-group label{font-size:var(--fuente-sm);font-weight:600;color:var(--color-texto-principal)}.codepen-manual-input-group textarea{width:100%;padding:var(--espaciado-md);border:1px solid var(--color-borde-normal);border-radius:var(--radio-md);background:var(--color-superficie-base);color:var(--color-texto-principal);font-family:Fira Code,Monaco,monospace;font-size:var(--fuente-sm);resize:vertical;min-height:120px;transition:all .2s ease}.codepen-manual-input-group textarea:focus{outline:none;border-color:var(--color-acento);box-shadow:0 0 0 3px #6795fc1a}.codepen-manual-input-group textarea::placeholder{color:var(--color-texto-deshabilitado)}.codepen-mode-toggle{display:flex;gap:var(--espaciado-sm);padding:var(--espaciado-sm);background:var(--color-superficie-hover);border-radius:var(--radio-md);border:1px solid var(--color-borde-sutil)}.codepen-mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--espaciado-xs);padding:var(--espaciado-sm) var(--espaciado-md);background:transparent;border:1px solid transparent;border-radius:var(--radio-sm);color:var(--color-texto-secundario);font-size:var(--fuente-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.codepen-mode-btn:hover{background:var(--color-superficie-base);color:var(--color-texto-principal)}.codepen-mode-btn.active{background:var(--color-acento);color:#fff;border-color:var(--color-acento);box-shadow:0 2px 8px #6795fc4d}.codepen-mode-btn.active:hover{background:var(--color-acento-hover, #5a8dea)}.codepen-label-hint{font-size:var(--fuente-xs);font-weight:400;color:var(--color-texto-terciario);margin-left:var(--espaciado-xs)}.codepen-manual-dependencies{font-family:Fira Code,Monaco,monospace!important;font-size:var(--fuente-xs)!important;line-height:1.6!important}.codepen-input-tip{display:block;font-size:var(--fuente-xs);color:var(--color-texto-terciario);margin-top:var(--espaciado-xs);font-style:italic}.codepen-button-secondary{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--espaciado-sm);padding:var(--espaciado-md) var(--espaciado-lg);background:var(--color-superficie-1);border:1px solid var(--color-borde-normal);border-radius:var(--radio-md);color:var(--color-texto-principal);font-size:var(--fuente-sm);font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:var(--espaciado-md)}.codepen-button-secondary:hover:not(:disabled){background:var(--color-superficie-hover);border-color:var(--color-acento);color:var(--color-acento);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.codepen-button-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.codepen-dependency-preview{margin-top:var(--espaciado-lg);padding:var(--espaciado-lg);background:var(--color-superficie-1);border:1px solid var(--color-borde-sutil);border-radius:var(--radio-lg);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:800px;transform:translateY(0)}}.codepen-dependency-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--espaciado-md);padding-bottom:var(--espaciado-sm);border-bottom:1px solid var(--color-borde-sutil)}.codepen-dependency-header h4{margin:0;font-size:var(--fuente-md);font-weight:600;color:var(--color-texto-principal)}.codepen-dependency-intro{margin:0 0 var(--espaciado-md) 0;font-size:var(--fuente-sm);color:var(--color-texto-secundario)}.codepen-dependency-list ul,.codepen-dependency-manual ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--espaciado-sm)}.codepen-dependency-item{display:flex;align-items:flex-start;gap:var(--espaciado-sm);padding:var(--espaciado-sm);background:var(--color-superficie-base);border:1px solid var(--color-borde-sutil);border-radius:var(--radio-md);transition:all .2s ease}.codepen-dependency-item:hover{border-color:var(--color-acento);box-shadow:0 2px 8px #0000001a}.codepen-dependency-check{flex-shrink:0;margin-top:2px;color:var(--color-exito)}.codepen-dependency-item strong{color:var(--color-texto-principal);font-weight:600}.codepen-dependency-version{display:inline-block;margin-left:var(--espaciado-xs);padding:2px var(--espaciado-xs);background:var(--color-acento);color:#fff;font-size:var(--fuente-xs);font-weight:500;border-radius:var(--radio-xs)}.codepen-dependency-url{font-size:var(--fuente-xs);color:var(--color-texto-terciario);font-family:Fira Code,Monaco,monospace;word-break:break-all;margin-top:var(--espaciado-xs)}.codepen-dependency-empty{padding:var(--espaciado-lg);text-align:center;color:var(--color-texto-secundario)}.codepen-dependency-empty p{margin:var(--espaciado-sm) 0}.codepen-dependency-manual{margin-top:var(--espaciado-lg);padding-top:var(--espaciado-lg);border-top:1px solid var(--color-borde-sutil)}.codepen-dependency-manual h5{margin:0 0 var(--espaciado-md) 0;font-size:var(--fuente-sm);font-weight:600;color:var(--color-texto-principal)}.codepen-dependency-header .codepen-preview-close{background:none;border:none;color:var(--color-texto-terciario);cursor:pointer;padding:var(--espaciado-xs);border-radius:var(--radio-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.codepen-dependency-header .codepen-preview-close:hover{background:var(--color-superficie-hover);color:var(--color-texto-principal)}.console{height:100%;display:flex;flex-direction:column;background-color:var(--color-superficie-1)}.console-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--espaciado-sm) var(--espaciado-md);background-color:var(--color-superficie-2);border-bottom:1px solid var(--color-borde-sutil);flex-shrink:0}.console-filtros{display:flex;gap:var(--espaciado-xs);flex:1;overflow-x:auto}.console-filtros::-webkit-scrollbar{height:4px}.filtro-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;background-color:transparent;border:1px solid var(--color-borde-sutil);border-radius:var(--radio-sm);color:var(--color-texto-secundario);font-size:var(--texto-xs);font-weight:var(--peso-medio);white-space:nowrap;cursor:pointer;transition:all var(--transicion-rapida)}.filtro-btn:hover:not(:disabled){background-color:var(--color-superficie-3);border-color:var(--color-borde-normal)}.filtro-btn.activo{background-color:var(--color-acento-sutil);border-color:var(--color-acento-primario);color:var(--color-acento-primario)}.filtro-btn:disabled{opacity:.5;cursor:not-allowed}.filtro-error.activo{background-color:var(--color-peligro-sutil);border-color:var(--color-peligro);color:var(--color-peligro)}.filtro-warn.activo{background-color:var(--color-alerta-sutil);border-color:var(--color-alerta);color:var(--color-alerta)}.filtro-info.activo{background-color:var(--color-acento-sutil);border-color:var(--color-acento-primario);color:var(--color-acento-primario)}.filtro-debug.activo{background-color:var(--color-superficie-3);border-color:var(--color-texto-secundario);color:var(--color-texto-secundario)}.console-acciones{display:flex;align-items:center;gap:var(--espaciado-sm)}.console-busqueda{position:relative;display:flex;align-items:center}.console-busqueda svg{position:absolute;left:8px;color:var(--color-texto-terciario);pointer-events:none}.input-busqueda-console{padding:4px 8px 4px 28px;background-color:var(--color-superficie-1);border:1px solid var(--color-borde-sutil);border-radius:var(--radio-sm);font-size:var(--texto-xs);color:var(--color-texto-primario);width:150px;transition:all var(--transicion-rapida)}.input-busqueda-console:focus{outline:none;border-color:var(--color-acento-primario);width:200px}.btn-icon-console{width:28px;height:28px;padding:0;background-color:transparent;border:none;border-radius:var(--radio-sm);color:var(--color-texto-secundario);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transicion-rapida)}.btn-icon-console:hover:not(:disabled){background-color:var(--color-superficie-3);color:var(--color-texto-primario)}.btn-icon-console:disabled{opacity:.3;cursor:not-allowed}.console-contenido{flex:1;overflow-y:auto;padding:var(--espaciado-sm);font-family:var(--fuente-codigo);font-size:var(--texto-xs)}.console-vacio{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--espaciado-sm);color:var(--color-texto-terciario);text-align:center;padding:var(--espaciado-xl)}.console-vacio p{margin:0;font-size:var(--texto-sm);color:var(--color-texto-secundario)}.console-vacio span{font-size:var(--texto-xs)}.console-log{margin-bottom:1px;border-radius:var(--radio-sm);transition:background-color var(--transicion-rapida)}.console-log:hover{background-color:var(--color-superficie-2)}.log-header{display:flex;align-items:center;gap:var(--espaciado-sm);padding:4px 8px;min-height:24px}.btn-expandir{width:16px;height:16px;padding:0;background:transparent;border:none;color:var(--color-texto-terciario);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-expandir:hover{color:var(--color-texto-primario)}.log-icono{display:flex;align-items:center;flex-shrink:0}.log-tiempo{color:var(--color-texto-terciario);font-size:10px;flex-shrink:0}.log-mensaje{flex:1;word-break:break-word;line-height:1.4}.btn-copiar-log{width:20px;height:20px;padding:0;background:transparent;border:none;color:var(--color-texto-terciario);cursor:pointer;opacity:0;transition:all var(--transicion-rapida);display:flex;align-items:center;justify-content:center;flex-shrink:0}.console-log:hover .btn-copiar-log{opacity:1}.btn-copiar-log:hover{color:var(--color-texto-primario)}.log-detalle{margin:0;padding:var(--espaciado-sm) var(--espaciado-md);padding-left:calc(var(--espaciado-3xl) + var(--espaciado-sm));background-color:var(--color-superficie-base);border-radius:var(--radio-sm);overflow-x:auto;white-space:pre-wrap;word-break:break-word;font-size:var(--texto-xs);line-height:1.5}.console-log-error{background-color:var(--color-peligro-sutil)}.console-log-error .log-icono,.console-log-error .log-mensaje{color:var(--color-peligro)}.console-log-warn{background-color:var(--color-alerta-sutil)}.console-log-warn .log-icono,.console-log-warn .log-mensaje{color:var(--color-alerta)}.console-log-info{background-color:var(--color-acento-sutil)}.console-log-info .log-icono{color:var(--color-acento-primario)}.console-log-debug{background-color:var(--color-superficie-2)}.console-log-debug .log-icono{color:var(--color-texto-secundario)}.console-contenido::-webkit-scrollbar{width:6px}.console-contenido::-webkit-scrollbar-track{background:transparent}.console-contenido::-webkit-scrollbar-thumb{background:var(--color-base-400);border-radius:var(--radio-sm)}.console-contenido::-webkit-scrollbar-thumb:hover{background:var(--color-base-500)}@media (max-width: 768px){.console-toolbar{flex-direction:column;gap:var(--espaciado-sm);align-items:stretch}.console-filtros{width:100%}.console-acciones{width:100%;justify-content:space-between}.input-busqueda-console{width:100%}.input-busqueda-console:focus{width:100%}}[data-theme=dark] .console{background-color:var(--color-superficie-1)}[data-theme=dark] .console-toolbar{background-color:var(--color-superficie-2)}[data-theme=dark] .console-contenido{background-color:var(--color-superficie-1)}[data-theme=dark] .log-detalle{background-color:var(--color-superficie-2)}.zona-principal{--device-frame-dark: #1f2937;--device-frame-medium: #374151;--device-frame-button: #6b7280;--device-screen-bg: #ffffff;--device-bg-pattern: var(--color-fondo-secundario);display:flex;flex-direction:column;height:100%;background-color:var(--color-superficie-2);position:relative;container-type:inline-size;container-name:zona-principal}.preview-iframe{transition:transform var(--transicion-media);scrollbar-width:none;-ms-overflow-style:none}.preview-iframe::-webkit-scrollbar{display:none}.preview-contenedor{transition:background-color var(--transicion-media),padding var(--transicion-media)}.preview-contenedor-codepen .preview-iframe{transition:transform var(--transicion-media)}.zona-principal.pantalla-completa{position:fixed;inset:0;z-index:1500}body:has(.zona-principal.pantalla-completa) .panel-izquierdo-wrapper,body:has(.zona-principal.pantalla-completa) .panel-derecho-wrapper{display:none!important}body.pantalla-completa-activa .panel-izquierdo-wrapper,body.pantalla-completa-activa .panel-derecho-wrapper{display:none!important}.zona-principal.pantalla-completa{position:fixed!important;inset:0!important;z-index:9999!important;background-color:var(--color-superficie)!important;width:100vw!important;height:100vh!important}.zona-header{display:flex;align-items:center;justify-content:space-between;padding:var(--espaciado-sm) var(--espaciado-md);background-color:var(--color-superficie-base);border-bottom:1px solid var(--color-borde-normal);flex-shrink:0;flex-wrap:wrap;gap:var(--espaciado-sm);min-height:48px}.zona-tabs{display:flex;gap:var(--espaciado-xs);flex-shrink:1;min-width:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--color-borde) transparent}.zona-tabs::-webkit-scrollbar{height:4px}.zona-tabs::-webkit-scrollbar-track{background:transparent}.zona-tabs::-webkit-scrollbar-thumb{background-color:var(--color-borde);border-radius:2px}.zona-tab{display:flex;align-items:center;gap:var(--espaciado-xs);padding:var(--espaciado-xs) var(--espaciado-md);background-color:transparent;color:var(--color-texto-secundario);border:1px solid transparent;border-radius:var(--radio-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transicion-rapida);white-space:nowrap;flex-shrink:0}.zona-tab:hover{background-color:var(--color-superficie-1);color:var(--color-texto-primario)}.zona-tab.activo{background-color:var(--color-primario);color:var(--color-texto-inverso)}.zona-acciones{display:flex;align-items:center;gap:var(--espaciado-xs);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end}.btn-accion-zona{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background-color:transparent;color:var(--color-texto-secundario);border:1px solid var(--color-borde);border-radius:var(--radio-md);cursor:pointer;transition:all var(--transicion-rapida)}.btn-accion-zona:hover{background-color:var(--color-superficie-hover);color:var(--color-texto);border-color:var(--color-borde-fuerte)}.btn-accion-zona:active{transform:scale(.95)}.btn-accion-zona.btn-guardar{position:relative;transition:all var(--transicion-rapida)}.btn-accion-zona.btn-guardar.guardado{background-color:var(--color-positivo);color:var(--color-texto-inverso);border-color:var(--color-positivo);animation:pulsoGuardado .5s ease-out}@keyframes pulsoGuardado{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.btn-accion-zona.btn-descargar-zip{position:relative}.btn-accion-zona.btn-descargar-zip:hover{background-color:var(--color-primario);color:var(--color-texto-inverso);border-color:var(--color-primario)}.btn-accion-zona.btn-consola{position:relative}.btn-accion-zona.btn-codepen-import:hover{background-color:var(--color-acento, #1e88e5);color:var(--color-texto-inverso);border-color:var(--color-acento, #1e88e5)}.zona-contenido{flex:1;display:flex;overflow:hidden}.vista-codigo{display:flex;flex-direction:column;width:100%;height:100%;background-color:var(--color-superficie)}.editor-tabs{display:flex;gap:1px;padding:var(--espaciado-sm) var(--espaciado-sm) 0;background-color:var(--color-superficie-2);border-bottom:1px solid var(--color-borde)}.editor-tab{display:flex;align-items:center;gap:var(--espaciado-xs);padding:var(--espaciado-sm) var(--espaciado-md);background-color:var(--color-superficie-hover);color:var(--color-texto-secundario);border:1px solid var(--color-borde);border-bottom:none;border-radius:var(--radio-md) var(--radio-md) 0 0;font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transicion-rapida);position:relative}.editor-tab:hover{background-color:var(--color-superficie);color:var(--color-texto)}.editor-tab.activo{background-color:var(--color-superficie);color:var(--color-texto);border-color:var(--color-borde);z-index:1}.editor-tab.activo:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--color-primario)}.tab-indicador{width:6px;height:6px;border-radius:var(--radio-completo);margin-left:var(--espaciado-xs)}.tab-indicador.modificado{background-color:var(--color-alerta)}.btn-format-code{display:flex;align-items:center;gap:var(--espaciado-xs);margin-left:auto;padding:var(--espaciado-sm) var(--espaciado-md);background-color:var(--color-acento-primario);color:var(--color-texto-inverso);border:none;border-radius:var(--radio-md) var(--radio-md) 0 0;font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--transicion-rapida);white-space:nowrap}.btn-format-code:hover{background-color:var(--color-acento-hover);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn-format-code:active{transform:translateY(0)}.editor-contenedor{flex:1;overflow:hidden;background-color:var(--color-superficie)}.vista-preview{display:flex;flex-direction:column;width:100%;height:100%;background-color:var(--color-superficie)}.preview-controles{display:flex;align-items:center;justify-content:space-between;gap:var(--espaciado-md);padding:var(--espaciado-sm) var(--espaciado-md);background-color:var(--color-superficie);border-bottom:1px solid var(--color-borde)}.dispositivo-selector{display:flex;gap:var(--espaciado-xs);padding:2px;background-color:var(--color-fondo-secundario);border-radius:var(--radio-md)}.dispositivo-btn{display:flex;align-items:center;justify-content:center;width:32px;height:28px;padding:0;background-color:transparent;color:var(--color-texto-secundario);border:none;border-radius:var(--radio-sm);cursor:pointer;transition:all var(--transicion-rapida);position:relative}.dispositivo-btn:hover{background-color:var(--color-superficie-hover);color:var(--color-texto)}.dispositivo-btn.activo{background-color:var(--color-superficie);color:var(--color-primario);box-shadow:var(--sombra-sm)}.zoom-controles{display:flex;align-items:center;gap:var(--espaciado-xs);padding:2px;background-color:var(--color-fondo-secundario);border-radius:var(--radio-md)}.zoom-btn{display:flex;align-items:center;justify-content:center;gap:4px;min-width:32px;height:28px;padding:0 var(--espaciado-xs);background-color:transparent;color:var(--color-texto-secundario);border:none;border-radius:var(--radio-sm);cursor:pointer;transition:all var(--transicion-rapida);font-size:.75rem;font-weight:500;white-space:nowrap}.zoom-btn:hover:not(:disabled){background-color:var(--color-superficie-hover);color:var(--color-texto)}.zoom-btn:active:not(:disabled){transform:scale(.95)}.zoom-btn:disabled{opacity:.4;cursor:not-allowed}.zoom-btn.zoom-reset{min-width:60px;padding:0 var(--espaciado-sm)}.zoom-btn.zoom-reset.destacado{background-color:var(--color-primario);color:var(--color-texto-inverso);box-shadow:var(--sombra-sm)}.zoom-btn.zoom-reset.destacado:hover{background-color:var(--color-primario);opacity:.9}.zoom-label{margin-left:2px;font-family:Fira Code,Monaco,monospace;font-size:11px;letter-spacing:.3px}.content-scale-controles{display:flex;align-items:center;gap:var(--espaciado-xs);padding:2px;background-color:var(--color-fondo-secundario);border-radius:var(--radio-md)}.scale-btn{display:flex;align-items:center;justify-content:center;gap:4px;min-width:50px;height:28px;padding:0 var(--espaciado-sm);background-color:transparent;color:var(--color-texto-secundario);border:none;border-radius:var(--radio-sm);cursor:pointer;transition:all var(--transicion-rapida);font-size:.75rem;font-weight:600;font-family:Fira Code,Monaco,monospace;white-space:nowrap;letter-spacing:.3px}.scale-btn:hover:not(.activo){background-color:var(--color-superficie-hover);color:var(--color-texto)}.scale-btn:active{transform:scale(.95)}.scale-btn.activo{background-color:var(--color-superficie);color:var(--color-primario);box-shadow:var(--sombra-sm)}.scale-btn.activo:hover{background-color:var(--color-superficie);opacity:1}.btn-exit-fullscreen{display:flex;align-items:center;justify-content:center;width:32px;height:28px;padding:0;background-color:var(--color-superficie-elevada);color:var(--color-texto-secundario);border:1px solid var(--color-borde);border-radius:var(--radio-sm);cursor:pointer;transition:all .2s ease}.btn-exit-fullscreen:hover{background-color:var(--color-peligro);color:var(--color-texto-inverso);border-color:var(--color-peligro);transform:scale(1.05)}.btn-exit-fullscreen:active{transform:scale(.95)}.errores-indicador{display:flex;align-items:center;gap:var(--espaciado-xs);padding:var(--espaciado-xs) var(--espaciado-sm);background-color:var(--color-peligro);color:var(--color-texto-inverso);border-radius:12px;font-size:.75rem;font-weight:500}.preview-contenedor{flex:1;display:flex;align-items:center;justify-content:center;padding:0;background-color:transparent;overflow:auto}.preview-iframe{width:100%;height:100%;background-color:transparent;border:none;border-radius:0;box-shadow:none}.preview-contenedor.dispositivo-desktop{padding:0;background-color:transparent;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-contenedor.dispositivo-desktop .preview-iframe{width:100%;height:100%;background-color:transparent;border:none;border-radius:0;box-shadow:none}.preview-contenedor.dispositivo-tablet{display:flex;align-items:center;justify-content:center;padding:var(--espaciado-xl);background-color:var(--device-bg-pattern);background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.02) 10px,rgba(0,0,0,.02) 20px);overflow:auto}.preview-contenedor.dispositivo-tablet .preview-iframe{width:768px;height:1024px;min-width:768px;min-height:1024px;max-width:768px;flex-shrink:0;background-color:var(--device-screen-bg);border:12px solid var(--device-frame-dark);border-radius:var(--radio-xl);box-shadow:0 0 0 2px var(--device-frame-medium),var(--sombra-xl),0 30px 60px -12px #00000040;position:relative}.preview-contenedor.dispositivo-tablet .preview-iframe:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background-color:var(--device-frame-button);border-radius:var(--radio-completo)}.preview-contenedor.dispositivo-mobile{display:flex;align-items:center;justify-content:center;padding:var(--espaciado-xl);background-color:var(--device-bg-pattern);background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.02) 10px,rgba(0,0,0,.02) 20px);overflow:auto}.preview-contenedor.dispositivo-mobile .preview-iframe{width:375px;height:812px;min-width:375px;min-height:812px;max-width:375px;flex-shrink:0;background-color:var(--device-screen-bg);border:14px solid var(--device-frame-dark);border-top-width:20px;border-bottom-width:20px;border-radius:42px;box-shadow:0 0 0 3px var(--device-frame-medium),inset 0 0 0 1px #0000001a,var(--sombra-xl),0 30px 60px -12px #00000059;position:relative}.preview-contenedor.dispositivo-mobile .preview-iframe:before{content:"";position:absolute;top:-18px;left:50%;transform:translate(-50%);width:120px;height:20px;background-color:var(--device-frame-dark);border-bottom-left-radius:14px;border-bottom-right-radius:14px;z-index:10}.preview-contenedor.dispositivo-mobile .preview-iframe:after{content:"";position:absolute;bottom:-16px;left:50%;transform:translate(-50%);width:120px;height:4px;background-color:var(--device-frame-button);border-radius:var(--radio-completo)}@media (max-width: 1024px){.preview-contenedor.dispositivo-tablet .preview-iframe{transform:scale(.75);transform-origin:center center}.preview-contenedor.dispositivo-mobile .preview-iframe{transform:scale(.8);transform-origin:center center}}@media (max-width: 768px){.preview-contenedor.dispositivo-tablet .preview-iframe{transform:scale(.5);transform-origin:center center}.preview-contenedor.dispositivo-mobile .preview-iframe{transform:scale(.6);transform-origin:center center}}@media (max-height: 900px){.preview-contenedor.dispositivo-tablet,.preview-contenedor.dispositivo-mobile{padding:var(--espaciado-md)}}.dispositivo-btn{position:relative}.dispositivo-btn.activo:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:20px;height:2px;background-color:var(--color-primario);border-radius:var(--radio-completo);animation:expandWidth .2s ease-out}@keyframes expandWidth{0%{width:0}to{width:20px}}.badge-contador{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0 4px;background-color:var(--color-exito);color:var(--color-texto-inverso);font-size:10px;font-weight:600;border-radius:var(--radio-completo);box-shadow:0 0 0 2px var(--color-superficie);animation:pulsoContador .3s ease-out}.badge-contador.error{background-color:var(--color-peligro)}.badge-contador.warning{background-color:var(--color-alerta)}.badge-contador.info{background-color:var(--color-exito)}@keyframes pulsoContador{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.preview-contenedor.dispositivo-tablet:before,.preview-contenedor.dispositivo-mobile:before,.preview-contenedor-codepen.dispositivo-tablet:before,.preview-contenedor-codepen.dispositivo-mobile:before{position:absolute;top:var(--espaciado-sm);left:50%;transform:translate(-50%);padding:var(--espaciado-xs) var(--espaciado-md);background-color:#000000bf;color:#fff;font-size:11px;font-weight:600;font-family:Fira Code,Monaco,monospace;letter-spacing:.5px;border-radius:var(--radio-md);z-index:20;pointer-events:none;backdrop-filter:blur(8px);box-shadow:var(--sombra-md)}.preview-contenedor.dispositivo-tablet:before,.preview-contenedor-codepen.dispositivo-tablet:before{content:"768 x 1024"}.preview-contenedor.dispositivo-mobile:before,.preview-contenedor-codepen.dispositivo-mobile:before{content:"375 x 812"}.vista-dividida{width:100%;height:100%}.vista-dividida .vista-codigo,.vista-dividida .vista-preview{height:100%}.zona-consola{position:absolute;bottom:0;left:0;right:0;height:200px;background-color:var(--color-superficie);border-top:2px solid var(--color-borde);box-shadow:var(--sombra-lg);z-index:100;display:flex;flex-direction:column;animation:slideUp .2s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.consola-header{display:flex;align-items:center;justify-content:space-between;padding:var(--espaciado-sm) var(--espaciado-md);background-color:var(--color-fondo-secundario);border-bottom:1px solid var(--color-borde)}.consola-titulo{display:flex;align-items:center;gap:var(--espaciado-xs);margin:0;font-size:.875rem;font-weight:600;color:var(--color-texto)}.btn-cerrar-consola{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background-color:transparent;color:var(--color-texto-secundario);border:none;border-radius:var(--radio-sm);cursor:pointer;transition:all var(--transicion-rapida)}.btn-cerrar-consola:hover{background-color:var(--color-superficie-hover);color:var(--color-texto)}.consola-contenido{flex:1;padding:var(--espaciado-md);overflow-y:auto;font-family:Fira Code,Monaco,Consolas,monospace;font-size:.75rem}.consola-error{display:flex;align-items:flex-start;gap:var(--espaciado-sm);padding:var(--espaciado-sm);margin-bottom:var(--espaciado-xs);background-color:#ef44441a;color:var(--color-peligro);border-left:3px solid var(--color-peligro);border-radius:var(--radio-sm)}.consola-vacio{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-texto-terciario);font-style:italic}.consola-item{display:flex;align-items:flex-start;gap:var(--espaciado-sm);padding:var(--espaciado-xs) var(--espaciado-sm);margin-bottom:2px;border-left:2px solid transparent;font-size:.75rem;line-height:1.4;border-radius:var(--radio-sm);transition:all var(--transicion-rapida)}.consola-item:hover{background-color:var(--color-superficie-hover)}.consola-item.tipo-log{border-left-color:var(--color-texto-terciario)}.consola-item.tipo-error{background-color:#ef44440d;border-left-color:var(--color-peligro);color:var(--color-peligro)}.consola-item.tipo-warning{background-color:#f59e0b0d;border-left-color:var(--color-alerta);color:var(--color-alerta)}.consola-item.tipo-info{background-color:#3b82f60d;border-left-color:var(--color-primario);color:var(--color-primario)}.consola-timestamp{color:var(--color-texto-terciario);font-size:.7rem;flex-shrink:0;min-width:70px}.consola-tipo{color:var(--color-texto-secundario);font-weight:600;text-transform:uppercase;font-size:.65rem;flex-shrink:0;min-width:50px}.consola-mensaje{flex:1;word-break:break-word;font-family:inherit}.consola-acciones{display:flex;align-items:center;gap:var(--espaciado-xs)}.btn-limpiar-consola{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background-color:transparent;color:var(--color-texto-secundario);border:none;border-radius:var(--radio-sm);cursor:pointer;transition:all var(--transicion-rapida)}.btn-limpiar-consola:hover{background-color:var(--color-superficie-hover);color:var(--color-texto)}.consola-contador{margin-left:var(--espaciado-xs);color:var(--color-texto-terciario);font-weight:400}.consola-seccion{margin-bottom:var(--espaciado-md)}.consola-seccion-titulo{font-size:.75rem;font-weight:600;color:var(--color-texto-secundario);margin-bottom:var(--espaciado-xs);text-transform:uppercase;letter-spacing:.5px}.consola-errores-compilacion{padding-bottom:var(--espaciado-md);border-bottom:1px solid var(--color-borde);margin-bottom:var(--espaciado-md)}.consola-logs{display:flex;flex-direction:column}.consola-linea{margin-left:auto;padding-left:var(--espaciado-sm);color:var(--color-texto-terciario);font-size:.7rem}.consola-contenido::-webkit-scrollbar,.preview-contenedor::-webkit-scrollbar{width:8px;height:8px}.consola-contenido::-webkit-scrollbar-track,.preview-contenedor::-webkit-scrollbar-track{background-color:transparent}.consola-contenido::-webkit-scrollbar-thumb,.preview-contenedor::-webkit-scrollbar-thumb{background-color:var(--color-borde);border-radius:4px}.consola-contenido::-webkit-scrollbar-thumb:hover,.preview-contenedor::-webkit-scrollbar-thumb:hover{background-color:var(--color-borde-fuerte)}.vista-codepen{display:flex;flex-direction:column;width:100%;height:100%;background-color:var(--color-fondo)}.editores-codepen{display:flex;width:100%;height:100%;background-color:var(--color-fondo)}.editor-codepen-container{display:flex;flex-direction:column;width:100%;height:100%;background-color:var(--color-fondo);border-right:1px solid var(--color-borde)}.editor-codepen-container:last-child{border-right:none}.editor-codepen-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:var(--color-superficie-2);border-bottom:1px solid var(--color-borde);min-height:36px;flex-shrink:0}.editor-codepen-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--color-texto);text-transform:uppercase;letter-spacing:.5px}.editor-codepen-title svg{opacity:.8}.editor-codepen-actions{display:flex;align-items:center;gap:4px}.btn-editor-action{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background-color:transparent;border:none;border-radius:var(--radio-sm);color:var(--color-texto-secundario);cursor:pointer;transition:all var(--transicion-rapida)}.btn-editor-action:hover{background-color:var(--color-superficie-hover);color:var(--color-texto)}.btn-editor-action:active{transform:scale(.95)}.editor-codepen-content{flex:1;width:100%;height:calc(100% - 36px);overflow:hidden}.vista-preview-codepen{display:flex;flex-direction:column;width:100%;height:100%;background-color:var(--color-fondo)}.preview-controles-codepen{display:flex;align-items:center;justify-content:space-between;gap:var(--espaciado-md);padding:8px 12px;background-color:var(--color-superficie-2);border-top:1px solid var(--color-borde);border-bottom:1px solid var(--color-borde);min-height:36px;flex-shrink:0}.preview-titulo{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--color-texto);text-transform:uppercase;letter-spacing:.5px}.preview-titulo svg{opacity:.8}.preview-acciones{display:flex;align-items:center;gap:12px}.preview-contenedor-codepen{flex:1;width:100%;height:calc(100% - 36px);background-color:transparent;overflow:auto;position:relative}.preview-contenedor-codepen.dispositivo-desktop{display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden}.preview-contenedor-codepen.dispositivo-desktop .preview-iframe{width:100%;height:100%;background-color:transparent;border:none;border-radius:0;box-shadow:none}.preview-contenedor-codepen.dispositivo-tablet{display:flex;align-items:center;justify-content:center;background-color:var(--device-bg-pattern);background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.02) 10px,rgba(0,0,0,.02) 20px);padding:var(--espaciado-lg)}.preview-contenedor-codepen.dispositivo-tablet .preview-iframe{width:768px;height:1024px;min-width:768px;min-height:1024px;max-width:768px;flex-shrink:0;background-color:var(--device-screen-bg);border:12px solid var(--device-frame-dark);border-radius:var(--radio-xl);box-shadow:0 0 0 2px var(--device-frame-medium),var(--sombra-xl),0 30px 60px -12px #00000040;position:relative}.preview-contenedor-codepen.dispositivo-tablet .preview-iframe:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background-color:var(--device-frame-button);border-radius:var(--radio-completo)}.preview-contenedor-codepen.dispositivo-mobile{display:flex;align-items:center;justify-content:center;background-color:var(--device-bg-pattern);background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.02) 10px,rgba(0,0,0,.02) 20px);padding:var(--espaciado-lg)}.preview-contenedor-codepen.dispositivo-mobile .preview-iframe{width:375px;height:812px;min-width:375px;min-height:812px;max-width:375px;flex-shrink:0;background-color:var(--device-screen-bg);border:14px solid var(--device-frame-dark);border-top-width:20px;border-bottom-width:20px;border-radius:42px;box-shadow:0 0 0 3px var(--device-frame-medium),inset 0 0 0 1px #0000001a,var(--sombra-xl),0 30px 60px -12px #00000059;position:relative}.preview-contenedor-codepen.dispositivo-mobile .preview-iframe:before{content:"";position:absolute;top:-18px;left:50%;transform:translate(-50%);width:120px;height:20px;background-color:var(--device-frame-dark);border-bottom-left-radius:14px;border-bottom-right-radius:14px;z-index:10}.preview-contenedor-codepen.dispositivo-mobile .preview-iframe:after{content:"";position:absolute;bottom:-16px;left:50%;transform:translate(-50%);width:120px;height:4px;background-color:var(--device-frame-button);border-radius:var(--radio-completo)}@media (max-width: 1024px){.preview-contenedor-codepen.dispositivo-tablet .preview-iframe{transform:scale(.7);transform-origin:center center}.preview-contenedor-codepen.dispositivo-mobile .preview-iframe{transform:scale(.75);transform-origin:center center}}@media (max-width: 768px){.preview-contenedor-codepen.dispositivo-tablet .preview-iframe{transform:scale(.45);transform-origin:center center}.preview-contenedor-codepen.dispositivo-mobile .preview-iframe{transform:scale(.55);transform-origin:center center}}.panel-resize-handle.vertical.codepen{width:3px;background-color:var(--color-borde);transition:background-color .15s ease;cursor:col-resize;position:relative}.panel-resize-handle.horizontal.codepen{height:3px;background-color:var(--color-borde);transition:background-color .15s ease;cursor:row-resize;position:relative}.panel-resize-handle.vertical.codepen:after,.panel-resize-handle.horizontal.codepen:after{content:"";position:absolute;background-color:transparent;z-index:10}.panel-resize-handle.vertical.codepen:after{inset:0 -6px;width:15px;cursor:col-resize}.panel-resize-handle.horizontal.codepen:after{inset:-6px 0;height:15px;cursor:row-resize}.panel-resize-handle.vertical.codepen:before,.panel-resize-handle.horizontal.codepen:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:20px;background-color:var(--color-texto-terciario);border-radius:1px;opacity:.4;transition:opacity .15s ease;pointer-events:none}.panel-resize-handle.horizontal.codepen:before{width:20px;height:2px}.panel-resize-handle.vertical.codepen:hover,.panel-resize-handle.horizontal.codepen:hover{background-color:var(--color-primario)}.panel-resize-handle.vertical.codepen:hover:before,.panel-resize-handle.horizontal.codepen:hover:before{opacity:.8;background-color:#fff}.panel-resize-handle.vertical.codepen:active,.panel-resize-handle.horizontal.codepen:active{background-color:var(--color-primario-activo);transition:none}@container zona-principal (max-width: 600px){.btn-accion-zona.btn-codepen-import,.btn-accion-zona.btn-exportar-html,.btn-accion-zona.btn-descargar-zip{display:none}.zona-tabs{max-width:50%}}@container zona-principal (max-width: 450px){.btn-accion-zona.btn-dependencias,.btn-accion-zona.btn-layout,.zona-tab span{display:none}.zona-tab{padding:var(--espaciado-xs);min-width:36px}}@supports not (container-type: inline-size){@media (max-width: 900px){.btn-accion-zona.btn-codepen-import,.btn-accion-zona.btn-exportar-html{display:none}}@media (max-width: 700px){.btn-accion-zona.btn-descargar-zip,.btn-accion-zona.btn-dependencias{display:none}}}@media (max-width: 1024px) and (min-width: 769px){.zona-header{padding:var(--espaciado-xs) var(--espaciado-sm)}.zona-tab{padding:var(--espaciado-xs) var(--espaciado-sm);font-size:.8125rem}.btn-accion-zona{width:30px;height:30px}.preview-controles{gap:var(--espaciado-sm);padding:var(--espaciado-xs) var(--espaciado-sm)}.zoom-btn.zoom-reset{min-width:58px}}@media (max-width: 768px){.zona-header{padding:var(--espaciado-xs);flex-wrap:wrap;gap:var(--espaciado-xs)}.zona-tabs{flex:1;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;order:1}.zona-tabs::-webkit-scrollbar{display:none}.zona-tab{padding:var(--espaciado-xs) var(--espaciado-sm);min-width:44px}.zona-tab span{display:none}.zona-tab svg{width:20px;height:20px}.zona-acciones{gap:2px;order:2;flex-wrap:wrap}.btn-accion-zona{width:36px;height:36px}.btn-accion-zona.btn-codepen-import,.btn-accion-zona.btn-exportar-html{display:none}.editor-tabs{padding:var(--espaciado-xs);gap:2px;flex-wrap:wrap}.editor-tab{padding:var(--espaciado-xs) var(--espaciado-sm);min-width:44px}.editor-tab span{display:none}.btn-format-code,.btn-preprocessor-settings{padding:var(--espaciado-xs);min-width:36px}.btn-format-code span{display:none}.vista-dividida,.vista-codepen,.editores-codepen{flex-direction:column}.editor-codepen-container{border-right:none;border-bottom:1px solid var(--color-borde)}.editor-codepen-container:last-child{border-bottom:none}.panel-resize-handle.vertical.codepen{display:none}.preview-controles{flex-wrap:wrap;gap:var(--espaciado-xs);padding:var(--espaciado-xs)}.preview-acciones{flex-wrap:wrap;gap:var(--espaciado-xs)}.preview-controles-codepen{flex-wrap:wrap;gap:var(--espaciado-xs);padding:var(--espaciado-xs)}.dispositivo-selector{gap:2px;padding:1px}.dispositivo-btn{width:36px;height:32px}.zoom-controles{gap:2px;padding:1px}.zoom-btn{min-width:36px;height:32px;padding:0 var(--espaciado-xs)}.zoom-btn.zoom-reset{min-width:50px}.zoom-label{font-size:10px}.content-scale-controles{gap:2px;padding:1px}.scale-btn{min-width:44px;height:32px;padding:0 var(--espaciado-xs);font-size:.7rem}.zona-consola{height:150px}.consola-item{padding:var(--espaciado-xs);font-size:.7rem}.consola-timestamp{min-width:60px;font-size:.65rem}.consola-tipo{min-width:40px;font-size:.6rem}}@media (max-width: 480px){.zona-header{padding:4px}.zona-tabs{order:2;width:100%}.zona-acciones{order:1;width:100%;justify-content:space-between}.btn-accion-zona{width:40px;height:40px}.btn-accion-zona.btn-dependencias,.btn-accion-zona.btn-descargar-zip{display:none}.preview-controles{padding:4px}.dispositivo-selector,.content-scale-controles{display:none}.zoom-controles{flex:1;justify-content:center}.zoom-btn.zoom-reset{min-width:60px}.editor-tabs{padding:4px}.btn-format-code,.btn-preprocessor-settings{width:32px;height:32px}}.btn-preprocessor-settings{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;margin-left:var(--espaciado-xs);background-color:transparent;color:var(--color-texto-secundario);border:1px solid var(--color-borde);border-radius:var(--radio-md);cursor:pointer;transition:all var(--transicion-rapida)}.btn-preprocessor-settings:hover:not(:disabled){background-color:var(--color-superficie-hover);color:var(--color-texto);border-color:var(--color-borde-fuerte)}.btn-preprocessor-settings:disabled{opacity:.5;cursor:not-allowed}.preprocessor-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.preprocessor-modal-container{background:var(--color-superficie-base);border-radius:var(--radio-lg);width:90%;max-width:600px;box-shadow:var(--sombra-elevada);animation:slideUp .3s ease;border:1px solid var(--color-borde);overflow:hidden}.preprocessor-header{padding:var(--espaciado-lg) var(--espaciado-xl);border-bottom:1px solid var(--color-borde);display:flex;align-items:center;justify-content:space-between;background:var(--color-superficie-1)}.preprocessor-title{display:flex;align-items:center;gap:var(--espaciado-sm)}.preprocessor-title h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-texto)}.btn-close-preprocessor{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background-color:transparent;color:var(--color-texto-secundario);border:none;border-radius:var(--radio-md);cursor:pointer;transition:all var(--transicion-rapida)}.btn-close-preprocessor:hover{background-color:var(--color-superficie-hover);color:var(--color-texto)}.preprocessor-body{padding:var(--espaciado-xl)}.preprocessor-description{margin:0 0 var(--espaciado-lg) 0;font-size:.875rem;color:var(--color-texto-secundario);line-height:1.5}.preprocessor-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--espaciado-lg)}.preprocessor-setting-card{padding:var(--espaciado-lg);background:var(--color-superficie-1);border:1px solid var(--color-borde);border-radius:var(--radio-lg);transition:all var(--transicion-rapida)}.preprocessor-setting-card:hover{border-color:var(--color-borde-fuerte);box-shadow:var(--sombra-sm)}.setting-card-header{display:flex;align-items:center;gap:var(--espaciado-sm);margin-bottom:var(--espaciado-md)}.setting-card-header h4{margin:0;font-size:.9375rem;font-weight:600;color:var(--color-texto)}.preprocessor-select{width:100%;padding:var(--espaciado-sm) var(--espaciado-md);background-color:var(--color-superficie-base);color:var(--color-texto);border:1px solid var(--color-borde);border-radius:var(--radio-md);font-size:.875rem;font-family:inherit;cursor:pointer;transition:all var(--transicion-rapida)}.preprocessor-select:hover{border-color:var(--color-borde-fuerte);background-color:var(--color-superficie-hover)}.preprocessor-select:focus{outline:none;border-color:var(--color-primario);box-shadow:0 0 0 3px #3b82f61a}.setting-card-description{margin:var(--espaciado-sm) 0 0 0;font-size:.75rem;color:var(--color-texto-terciario);line-height:1.4}@media (max-width: 640px){.preprocessor-settings-grid{grid-template-columns:1fr}.preprocessor-modal-container{width:95%}.preprocessor-header,.preprocessor-body{padding:var(--espaciado-md)}}.console-container{width:100%;background:var(--color-superficie);border-top:1px solid var(--color-borde);overflow:hidden;flex-shrink:0}.vista-preview-fullscreen{width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--color-fondo)}.vista-preview-fullscreen .preview-controles{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:var(--espaciado-md);padding:var(--espaciado-sm) var(--espaciado-md);background-color:var(--color-superficie);border-bottom:1px solid var(--color-borde)}.vista-preview-fullscreen .preview-contenedor{flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;min-height:0}.btn-layout.activo,.btn-fullscreen.activo,.btn-consola.activo{background:var(--color-primario);color:var(--color-texto-inverso);border-color:var(--color-primario)}.btn-exportar-html:hover{background:var(--color-exito);color:var(--color-texto-inverso);border-color:var(--color-exito)}.panel-derecho{display:flex;flex-direction:column;height:100%;background-color:var(--color-superficie);overflow:hidden;container-type:inline-size;min-width:200px}.panel-header{padding:var(--espaciado-md);border-bottom:1px solid var(--color-borde);background-color:var(--color-superficie)}.panel-titulo{display:flex;align-items:center;gap:var(--espaciado-sm);font-size:1rem;font-weight:600;color:var(--color-texto);margin:0}.titulo-icono{display:flex;align-items:center;color:var(--color-primario)}.panel-tabs{display:flex;gap:1px;padding:var(--espaciado-sm);background-color:var(--color-fondo-secundario);border-bottom:1px solid var(--color-borde);flex-wrap:wrap}@container (max-width: 280px){.panel-tabs{padding:var(--espaciado-xs)}}.panel-tab{flex:1;min-width:60px;display:flex;align-items:center;justify-content:center;gap:var(--espaciado-xs);padding:var(--espaciado-sm);background-color:var(--color-superficie);color:var(--color-texto-secundario);border:1px solid var(--color-borde);border-radius:var(--radio-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transicion-rapida);white-space:nowrap;overflow:hidden}.panel-tab span{overflow:hidden;text-overflow:ellipsis}@container (max-width: 250px){.panel-tab{min-width:40px;padding:var(--espaciado-xs)}.panel-tab span{display:none}}.panel-tab:hover{background-color:var(--color-superficie-hover);color:var(--color-texto);border-color:var(--color-borde-fuerte)}.panel-tab.activo{background-color:var(--color-primario);color:var(--color-texto-inverso);border-color:var(--color-primario)}.panel-contenido{flex:1;overflow-y:auto;padding:var(--espaciado-md)}@container (max-width: 280px){.panel-contenido{padding:var(--espaciado-sm)}}.config-grupo{margin-bottom:var(--espaciado-lg);padding-bottom:var(--espaciado-lg);border-bottom:1px solid var(--color-borde)}.config-grupo:last-child{border-bottom:none}.config-label{display:flex;align-items:center;gap:var(--espaciado-xs);margin-bottom:var(--espaciado-sm);font-size:.875rem;font-weight:600;color:var(--color-texto)}.temas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--espaciado-sm)}@container (max-width: 280px){.temas-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:var(--espaciado-xs)}}.tema-opcion{display:flex;flex-direction:column;align-items:center;gap:var(--espaciado-xs);padding:var(--espaciado-sm);background-color:var(--color-superficie);color:var(--color-texto-secundario);border:2px solid var(--color-borde);border-radius:var(--radio-lg);cursor:pointer;transition:all var(--transicion-rapida)}.tema-opcion:hover{background-color:var(--color-superficie-hover);border-color:var(--color-borde-fuerte);transform:translateY(-2px);box-shadow:var(--sombra-sm)}.tema-opcion.activo{background-color:var(--color-primario);color:var(--color-texto-inverso);border-color:var(--color-primario)}.tema-icono{display:flex;align-items:center;font-size:1.5rem}.tema-nombre{font-size:.75rem;font-weight:500}.config-slider{width:100%;height:4px;background-color:var(--color-borde);border-radius:2px;outline:none;-webkit-appearance:none;appearance:none}.config-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background-color:var(--color-primario);border-radius:50%;cursor:pointer;transition:all var(--transicion-rapida)}.config-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:var(--sombra-md)}.config-select{width:100%;padding:var(--espaciado-sm);background-color:var(--color-superficie);color:var(--color-texto);border:1px solid var(--color-borde);border-radius:var(--radio-md);font-size:.875rem;cursor:pointer;transition:all var(--transicion-rapida)}.config-select:hover{border-color:var(--color-borde-fuerte)}.config-select:focus{outline:none;border-color:var(--color-primario)}.config-checkbox{display:flex;align-items:center;gap:var(--espaciado-sm);margin-bottom:var(--espaciado-sm);cursor:pointer;font-size:.875rem;color:var(--color-texto)}.config-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primario);cursor:pointer}.config-checkbox:hover{color:var(--color-primario)}.btn-reset,.btn-guardar-snippet,.btn-exportar,.btn-importar,.btn-cache-manager,.btn-limpiar-storage{display:flex;align-items:center;justify-content:center;gap:var(--espaciado-sm);width:100%;padding:var(--espaciado-sm) var(--espaciado-md);background-color:var(--color-superficie);color:var(--color-texto);border:1px solid var(--color-borde);border-radius:var(--radio-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transicion-rapida);margin-bottom:var(--espaciado-sm)}.btn-reset:hover{background-color:var(--color-alerta);color:var(--color-texto-inverso);border-color:var(--color-alerta)}.btn-guardar-snippet:hover{background-color:var(--color-exito);color:var(--color-texto-inverso);border-color:var(--color-exito)}.btn-exportar:hover{background-color:var(--color-primario);color:var(--color-texto-inverso);border-color:var(--color-primario)}.btn-importar{cursor:pointer}.btn-importar:hover{background-color:var(--color-secundario);color:var(--color-texto-inverso);border-color:var(--color-secundario)}.btn-cache-manager:hover{background-color:var(--color-info);color:var(--color-texto-inverso);border-color:var(--color-info)}.btn-limpiar-storage:hover{background-color:var(--color-peligro);color:var(--color-texto-inverso);border-color:var(--color-peligro)}.dependencias-lista{max-height:200px;overflow-y:auto;margin-bottom:var(--espaciado-sm);border:1px solid var(--color-borde);border-radius:var(--radio-md);padding:var(--espaciado-sm);background-color:var(--color-fondo-secundario)}.lista-vacia{text-align:center;color:var(--color-texto-terciario);font-size:.875rem;font-style:italic;padding:var(--espaciado-md)}.dependencia-item{display:flex;align-items:center;justify-content:space-between;padding:var(--espaciado-xs) var(--espaciado-sm);margin-bottom:var(--espaciado-xs);background-color:var(--color-superficie);border:1px solid var(--color-borde);border-radius:var(--radio-sm);transition:all var(--transicion-rapida)}.dependencia-item:hover{background-color:var(--color-superficie-hover)}.dependencia-url,.dependencia-nombre{flex:1;font-size:.75rem;color:var(--color-texto);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-eliminar-dep{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background-color:transparent;color:var(--color-texto-terciario);border:none;border-radius:var(--radio-sm);cursor:pointer;transition:all var(--transicion-rapida)}.btn-eliminar-dep:hover{background-color:var(--color-peligro);color:var(--color-texto-inverso)}.agregar-dependencia{display:flex;gap:var(--espaciado-xs)}.input-dependencia{flex:1;padding:var(--espaciado-sm);background-color:var(--color-superficie);color:var(--color-texto);border:1px solid var(--color-borde);border-radius:var(--radio-md);font-size:.875rem;transition:all var(--transicion-rapida)}.input-dependencia:focus{outline:none;border-color:var(--color-primario)}.btn-agregar-dep{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background-color:var(--color-primario);color:var(--color-texto-inverso);border:none;border-radius:var(--radio-md);cursor:pointer;transition:all var(--transicion-rapida)}.btn-agregar-dep:hover{background-color:var(--color-primario-hover);transform:scale(1.05)}.librerias-populares{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--espaciado-sm)}.lib-popular{padding:var(--espaciado-sm);background-color:var(--color-superficie-hover);color:var(--color-texto);border:1px solid var(--color-borde);border-radius:var(--radio-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transicion-rapida)}.lib-popular:hover{background-color:var(--color-primario);color:var(--color-texto-inverso);border-color:var(--color-primario);transform:translateY(-2px);box-shadow:var(--sombra-sm)}.snippet-info{padding:var(--espaciado-sm);background-color:var(--color-fondo-secundario);border:1px solid var(--color-borde);border-radius:var(--radio-md);margin-bottom:var(--espaciado-sm)}.snippet-info p{margin:0 0 var(--espaciado-xs) 0;font-size:.875rem;color:var(--color-texto)}.snippet-info strong{color:var(--color-texto-secundario);font-weight:600}.estadisticas{padding:var(--espaciado-sm);background-color:var(--color-fondo-secundario);border:1px solid var(--color-borde);border-radius:var(--radio-md)}.estadisticas p{margin:0 0 var(--espaciado-xs) 0;font-size:.875rem;color:var(--color-texto);display:flex;justify-content:space-between}.config-grupo-acciones{display:flex;flex-direction:column;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--color-borde-sutil)}.config-subtitle{margin:0 0 12px;font-size:13px;font-weight:600;color:var(--color-texto-secundario);text-transform:uppercase;letter-spacing:.5px}.btn-limpiar-datos{width:100%;padding:10px 16px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.btn-limpiar-datos:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d;background:linear-gradient(135deg,#d97706,#b45309)}.btn-resetear-app{width:100%;padding:10px 16px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.btn-resetear-app:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.btn-limpiar-storage{width:100%;padding:10px 16px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.btn-limpiar-storage:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d;background:linear-gradient(135deg,#dc2626,#b91c1c)}.panel-contenido::-webkit-scrollbar,.dependencias-lista::-webkit-scrollbar{width:6px}.panel-contenido::-webkit-scrollbar-track,.dependencias-lista::-webkit-scrollbar-track{background-color:transparent}.panel-contenido::-webkit-scrollbar-thumb,.dependencias-lista::-webkit-scrollbar-thumb{background-color:var(--color-borde);border-radius:4px}.panel-contenido::-webkit-scrollbar-thumb:hover,.dependencias-lista::-webkit-scrollbar-thumb:hover{background-color:var(--color-borde-fuerte)}@media (max-width: 768px){.panel-derecho{position:fixed;top:0;right:0;width:320px;height:100vh;z-index:1000;transform:translate(100%);transition:transform var(--transicion-media)}.panel-derecho.visible{transform:translate(0);box-shadow:var(--sombra-xl)}.librerias-populares{grid-template-columns:1fr}}.project-selector{position:relative;display:inline-block}.project-selector-trigger{display:flex;align-items:center;gap:var(--espaciado-sm);padding:var(--espaciado-xs) var(--espaciado-md);background:transparent;border:1px solid var(--color-borde);border-radius:var(--radio-md);color:var(--color-texto);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transicion-rapida);min-width:180px;height:32px}.project-selector-trigger:hover{background-color:var(--color-superficie-hover);border-color:var(--color-borde-fuerte)}.project-selector-trigger:focus-visible{outline:2px solid var(--color-acento-primario);outline-offset:2px}.project-selector-name{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-selector-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--color-acento-primario);color:var(--color-texto-sobre-acento);font-size:var(--tamano-texto-xs);font-weight:600;border-radius:var(--radio-sm)}.project-selector-chevron{transition:transform var(--duracion-rapida) var(--transicion-suave);color:var(--color-texto-terciario)}.project-selector-chevron.open{transform:rotate(180deg)}.project-selector-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:280px;max-height:400px;background:var(--color-superficie-base);border:1px solid var(--color-borde-medio);border-radius:var(--radio-md);box-shadow:0 8px 24px #0000001f;overflow:hidden;z-index:1000;animation:dropdownSlideIn var(--duracion-rapida) var(--transicion-suave)}.project-selector-search{padding:var(--espaciado-sm);border-bottom:1px solid var(--color-borde-sutil)}.project-selector-search-input{width:100%;padding:var(--espaciado-sm) var(--espaciado-md);background:var(--color-superficie-2);border:1px solid var(--color-borde-sutil);border-radius:var(--radio-sm);color:var(--color-texto-primario);font-size:var(--tamano-texto-sm);transition:all var(--duracion-rapida) var(--transicion-suave)}.project-selector-search-input:focus{outline:none;border-color:var(--color-acento-primario);background:var(--color-superficie-3)}.project-selector-search-input::placeholder{color:var(--color-texto-terciario)}.project-selector-list{max-height:340px;overflow-y:auto;overflow-x:hidden}.project-selector-list::-webkit-scrollbar{width:8px}.project-selector-list::-webkit-scrollbar-track{background:var(--color-superficie-2)}.project-selector-list::-webkit-scrollbar-thumb{background:var(--color-borde-medio);border-radius:var(--radio-sm)}.project-selector-list::-webkit-scrollbar-thumb:hover{background:var(--color-borde-fuerte)}.project-selector-item{display:flex;align-items:center;gap:var(--espaciado-sm);width:100%;padding:var(--espaciado-sm) var(--espaciado-md);background:transparent;border:none;color:var(--color-texto-primario);text-align:left;cursor:pointer;transition:background-color var(--duracion-rapida) var(--transicion-suave)}.project-selector-item:hover,.project-selector-item.highlighted{background:var(--color-superficie-2)}.project-selector-item.active{background:var(--color-superficie-3)}.project-selector-item-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-texto-secundario)}.project-selector-item-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.project-selector-item-name{font-size:var(--tamano-texto-sm);font-weight:500;color:var(--color-texto-primario);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-selector-item-count{font-size:var(--tamano-texto-xs);color:var(--color-texto-terciario)}.project-selector-check{color:var(--color-acento-primario);flex-shrink:0}.project-selector-divider{height:1px;background:var(--color-borde-sutil);margin:var(--espaciado-xs) 0}.project-selector-action{display:flex;align-items:center;gap:var(--espaciado-sm);width:100%;padding:var(--espaciado-sm) var(--espaciado-md);background:transparent;border:none;color:var(--color-texto-secundario);font-size:var(--tamano-texto-sm);font-weight:500;text-align:left;cursor:pointer;transition:all var(--duracion-rapida) var(--transicion-suave)}.project-selector-action:hover{background:var(--color-superficie-2);color:var(--color-acento-primario)}.project-selector-action:focus-visible{outline:2px solid var(--color-acento-primario);outline-offset:-2px}.project-selector-empty{padding:var(--espaciado-lg);text-align:center}.project-selector-empty p{margin:0;color:var(--color-texto-terciario);font-size:var(--tamano-texto-sm)}@media (max-width: 768px){.project-selector-trigger{min-width:140px;padding:var(--espaciado-xs) var(--espaciado-sm)}.project-selector-dropdown{width:260px;max-height:350px}.project-selector-name{max-width:100px}}@media (prefers-reduced-motion: reduce){.project-selector-dropdown{animation:none}.project-selector-chevron{transition:none}}@media (prefers-color-scheme: dark){.project-selector-dropdown{box-shadow:0 8px 24px #0006}}.project-card{background:var(--color-superficie-base);border:1px solid var(--color-borde-sutil);border-radius:var(--radio-md);padding:var(--espaciado-lg);transition:all var(--duracion-rapida) var(--transicion-suave);cursor:pointer;position:relative;display:flex;flex-direction:column;gap:var(--espaciado-md);height:100%}.project-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:var(--color-borde-medio)}.project-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--espaciado-sm)}.project-card-icon{width:48px;height:48px;border-radius:var(--radio-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--duracion-rapida) var(--transicion-suave)}.project-card:hover .project-card-icon{transform:scale(1.05)}.project-card-actions{display:flex;gap:4px;opacity:0;transition:opacity var(--duracion-rapida) var(--transicion-suave)}.project-card-actions.visible{opacity:1}.project-card-action-btn{width:28px;height:28px;border:none;background:var(--color-superficie-2);color:var(--color-texto-secundario);border-radius:var(--radio-xs);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duracion-rapida) var(--transicion-suave);padding:0}.project-card-action-btn:hover{background:var(--color-superficie-3);color:var(--color-texto-primario)}.project-card-action-delete:hover{background:var(--color-error);color:var(--color-texto-sobre-acento)}.project-card-content{flex:1;display:flex;flex-direction:column;gap:var(--espaciado-xs)}.project-card-title{font-size:var(--tamano-texto-lg);font-weight:600;color:var(--color-texto-primario);margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.project-card-description{font-size:var(--tamano-texto-sm);color:var(--color-texto-secundario);margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5}.project-card-stats{display:flex;flex-direction:column;gap:var(--espaciado-sm);padding-top:var(--espaciado-sm);border-top:1px solid var(--color-borde-sutil)}.project-card-stat{display:flex;align-items:baseline;gap:var(--espaciado-xs)}.project-card-stat-value{font-size:var(--tamano-texto-xl);font-weight:700;color:var(--color-texto-primario)}.project-card-stat-label{font-size:var(--tamano-texto-xs);color:var(--color-texto-terciario);text-transform:uppercase;letter-spacing:.05em}.project-card-types{display:flex;flex-wrap:wrap;gap:6px}.project-card-type{font-size:var(--tamano-texto-xs);font-weight:500;padding:2px 8px;border-radius:var(--radio-xs);text-transform:uppercase;letter-spacing:.05em}.project-card-type.html{background:#e65e2626;color:#e65e26}.project-card-type.css{background:#268fe626;color:#268fe6}.project-card-type.js{background:#f0db4f26;color:#d4b800}.project-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--espaciado-sm);border-top:1px solid var(--color-borde-sutil)}.project-card-modified{font-size:var(--tamano-texto-xs);color:var(--color-texto-terciario)}.project-card.empty{opacity:.6}.project-card.empty:hover{opacity:1}@media (max-width: 768px){.project-card{padding:var(--espaciado-md)}.project-card-icon{width:40px;height:40px}.project-card-actions{opacity:1}.project-card-action-btn{width:32px;height:32px}.project-card:hover{transform:none}}@media (prefers-reduced-motion: reduce){.project-card,.project-card-icon,.project-card-action-btn{transition:none}}.project-card:focus-within{outline:2px solid var(--color-acento-primario);outline-offset:2px}.project-card-action-btn:focus-visible{outline:2px solid var(--color-acento-primario);outline-offset:2px;border-radius:var(--radio-xs)}.project-manager-modal-overlay{background:#000000b3;backdrop-filter:blur(4px);animation:fadeIn var(--duracion-rapida) var(--transicion-suave)}.project-manager-modal-container{width:95%;max-width:1400px;height:90vh;background:var(--color-superficie-base);border-radius:var(--radio-lg);box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;animation:slideUp var(--duracion-rapida) var(--transicion-suave)}.project-manager-modal-header{padding:var(--espaciado-xl);border-bottom:1px solid var(--color-borde-sutil);display:flex;align-items:center;justify-content:space-between;gap:var(--espaciado-lg)}.header-left{display:flex;align-items:center;gap:var(--espaciado-md)}.project-count{font-size:var(--tamano-texto-sm);color:var(--color-texto-terciario);padding:4px 12px;background:var(--color-superficie-2);border-radius:var(--radio-completo)}.header-right{display:flex;align-items:center;gap:var(--espaciado-md)}.project-manager-search{padding:var(--espaciado-lg) var(--espaciado-xl);border-bottom:1px solid var(--color-borde-sutil)}.search-input-wrapper{position:relative;max-width:500px}.project-manager-modal-content{padding:var(--espaciado-xl);overflow-y:auto;flex:1}.project-manager-modal-content::-webkit-scrollbar{width:12px}.project-manager-modal-content::-webkit-scrollbar-track{background:var(--color-superficie-2);border-radius:var(--radio-completo)}.project-manager-modal-content::-webkit-scrollbar-thumb{background:var(--color-borde-medio);border-radius:var(--radio-completo)}.project-manager-modal-content::-webkit-scrollbar-thumb:hover{background:var(--color-borde-fuerte)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--espaciado-lg)}@media (max-width: 1200px){.projects-grid{grid-template-columns:repeat(2,1fr);gap:var(--espaciado-md)}}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr;gap:var(--espaciado-sm)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--espaciado-3xl) var(--espaciado-xl);text-align:center;min-height:400px}.empty-title{font-size:var(--tamano-texto-2xl);font-weight:700;color:var(--color-texto-primario);margin:0 0 var(--espaciado-sm) 0}.empty-description{font-size:var(--tamano-texto-base);color:var(--color-texto-secundario);margin:0 0 var(--espaciado-xl) 0;max-width:400px}.empty-state .btn{margin-top:var(--espaciado-md)}.btn{display:inline-flex;align-items:center;gap:var(--espaciado-xs);padding:var(--espaciado-sm) var(--espaciado-lg);border:none;border-radius:var(--radio-sm);font-size:var(--tamano-texto-sm);font-weight:600;cursor:pointer;transition:all var(--duracion-rapida) var(--transicion-suave);white-space:nowrap}.btn-warning{background:var(--color-warning);color:#000}.btn-warning:hover:not(:disabled){background:#f59e0b;transform:translateY(-1px)}.btn-danger{background:var(--color-error);color:var(--color-texto-sobre-acento)}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.delete-confirm-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1001;animation:fadeIn var(--duracion-rapida) var(--transicion-suave)}.delete-confirm-dialog{width:90%;max-width:500px;background:var(--color-superficie-base);border-radius:var(--radio-lg);box-shadow:0 20px 60px #0006;animation:scaleIn var(--duracion-rapida) var(--transicion-suave)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.delete-confirm-header{display:flex;align-items:center;gap:var(--espaciado-md);padding:var(--espaciado-xl);border-bottom:1px solid var(--color-borde-sutil)}.delete-icon{color:var(--color-error);flex-shrink:0}.delete-confirm-header h3{margin:0;font-size:var(--tamano-texto-xl);font-weight:700;color:var(--color-texto-primario)}.delete-confirm-content{padding:var(--espaciado-xl)}.delete-confirm-content p{margin:0 0 var(--espaciado-md) 0;color:var(--color-texto-secundario);line-height:1.6}.delete-confirm-content strong{color:var(--color-texto-primario);font-weight:600}.delete-warning{margin-top:var(--espaciado-lg);padding:var(--espaciado-md);background:#ef44441a;border-left:3px solid var(--color-error);border-radius:var(--radio-xs)}.delete-warning p{margin:0 0 var(--espaciado-sm) 0}.delete-warning p:last-child{margin-bottom:0}.delete-confirm-actions{display:flex;gap:var(--espaciado-md);padding:var(--espaciado-lg) var(--espaciado-xl) var(--espaciado-xl);border-top:1px solid var(--color-borde-sutil);justify-content:flex-end}@media (max-width: 768px){.project-manager-modal-container{width:100%;height:100vh;border-radius:0}.project-manager-modal-header{flex-direction:column;align-items:flex-start;padding:var(--espaciado-lg)}.header-left,.header-right{width:100%;justify-content:space-between}.project-manager-search,.project-manager-modal-content{padding:var(--espaciado-lg)}.search-input-wrapper{max-width:none}.delete-confirm-actions{flex-direction:column-reverse}.delete-confirm-actions .btn{width:100%}}@media (prefers-reduced-motion: reduce){.project-manager-modal-overlay,.project-manager-modal-container,.delete-confirm-overlay,.delete-confirm-dialog{animation:none}.btn{transition:none}}.search-input:focus-visible,.btn:focus-visible{outline:2px solid var(--color-acento-primario);outline-offset:2px}.icon-picker{display:flex;flex-direction:column;gap:12px;width:100%}.icon-picker-search{position:relative;display:flex;align-items:center;background:var(--color-superficie-2, #2a2a2a);border:1px solid var(--color-borde-sutil, #3a3a3a);border-radius:var(--radio-md, 6px);padding:0 12px;gap:8px}.icon-picker-search svg{color:var(--color-texto-terciario, #6b7280);flex-shrink:0}.icon-picker-input{flex:1;background:transparent;border:none;padding:8px 0;color:var(--color-texto-primario, #ffffff);font-size:14px;outline:none}.icon-picker-clear{background:transparent;border:none;color:var(--color-texto-terciario, #6b7280);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:var(--radio-sm, 4px);transition:all var(--transicion-rapida, .15s)}.icon-picker-clear:hover{color:var(--color-texto-secundario, #9ca3af);background:var(--color-superficie-3, #3a3a3a)}.icon-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:8px;max-height:300px;overflow-y:auto;padding:4px}.icon-picker-item{position:relative;aspect-ratio:1;background:var(--color-superficie-2, #2a2a2a);border:1px solid var(--color-borde-sutil, #3a3a3a);border-radius:var(--radio-md, 6px);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-texto-secundario, #9ca3af);transition:all var(--transicion-rapida, .15s);padding:0}.icon-picker-item:hover{background:var(--color-superficie-3, #3a3a3a);border-color:var(--color-acento-primario, #3b82f6);color:var(--color-texto-primario, #ffffff);transform:scale(1.05)}.icon-picker-item.selected{background:var(--color-acento-primario, #3b82f6);border-color:var(--color-acento-primario, #3b82f6);color:#fff}.icon-picker-checkmark{position:absolute;top:2px;right:2px;background:#ffffff4d;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.icon-picker-empty{grid-column:1 / -1;padding:40px 20px;text-align:center;color:var(--color-texto-terciario, #6b7280);font-size:14px}.icon-picker-grid::-webkit-scrollbar{width:6px}.icon-picker-grid::-webkit-scrollbar-track{background:var(--color-superficie-2, #2a2a2a);border-radius:var(--radio-sm, 4px)}.icon-picker-grid::-webkit-scrollbar-thumb{background:var(--color-borde-normal, #4a4a4a);border-radius:var(--radio-sm, 4px)}.icon-picker-grid::-webkit-scrollbar-thumb:hover{background:var(--color-borde-fuerte, #5a5a5a)}.color-picker{width:100%}.color-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:10px}.color-picker-swatch{aspect-ratio:1;border-radius:var(--radio-md, 6px);border:2px solid var(--color-borde-sutil, #3a3a3a);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transicion-rapida, .15s);position:relative;padding:0}.color-picker-swatch:hover{transform:scale(1.1);border-color:var(--color-borde-normal, #4a4a4a);box-shadow:0 4px 12px #0003}.color-picker-swatch.selected{border-color:var(--color-texto-primario, #ffffff);box-shadow:0 0 0 2px var(--color-superficie-base, #1a1a1a),0 0 0 4px var(--color-texto-primario, #ffffff);transform:scale(1.05)}.color-picker-check{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));stroke-width:2.5}.color-picker-swatch:focus-visible{outline:2px solid var(--color-acento-primario, #3b82f6);outline-offset:2px}.project-edit-modal-overlay{background:#000000b3;backdrop-filter:blur(4px);animation:fadeIn var(--duracion-rapida) var(--transicion-suave)}.project-edit-modal-container{width:90%;max-width:600px;max-height:90vh;background:var(--color-superficie-base);border-radius:var(--radio-lg);box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;animation:slideUp var(--duracion-rapida) var(--transicion-suave)}.project-edit-modal-header{padding:var(--espaciado-xl) var(--espaciado-xl) var(--espaciado-lg);border-bottom:1px solid var(--color-borde-sutil);display:flex;align-items:center;justify-content:space-between}.project-edit-modal-content{padding:var(--espaciado-xl);overflow-y:auto;flex:1}.project-edit-modal-content::-webkit-scrollbar{width:8px}.project-edit-modal-content::-webkit-scrollbar-track{background:var(--color-superficie-2);border-radius:var(--radio-completo)}.project-edit-modal-content::-webkit-scrollbar-thumb{background:var(--color-borde-medio);border-radius:var(--radio-completo)}.project-edit-modal-content::-webkit-scrollbar-thumb:hover{background:var(--color-borde-fuerte)}.form-group{margin-bottom:var(--espaciado-lg)}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:var(--tamano-texto-sm);font-weight:600;color:var(--color-texto-primario);margin-bottom:var(--espaciado-xs)}.form-label .required{color:var(--color-error);margin-left:2px}.form-input,.form-textarea{width:100%;padding:var(--espaciado-sm) var(--espaciado-md);background:var(--color-superficie-2);border:1px solid var(--color-borde-sutil);border-radius:var(--radio-sm);color:var(--color-texto-primario);font-size:var(--tamano-texto-base);font-family:var(--fuente-principal);transition:all var(--duracion-rapida) var(--transicion-suave)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-acento-primario);background:var(--color-superficie-3)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-texto-terciario)}.form-input.error{border-color:var(--color-error)}.form-hint{display:block;margin-top:var(--espaciado-xs);font-size:var(--tamano-texto-xs);color:var(--color-texto-terciario)}.form-error{display:block;margin-top:var(--espaciado-xs);font-size:var(--tamano-texto-xs);color:var(--color-error);font-weight:500}.advanced-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--espaciado-sm) var(--espaciado-md);background:var(--color-superficie-2);border:1px solid var(--color-borde-sutil);border-radius:var(--radio-sm);color:var(--color-texto-secundario);font-size:var(--tamano-texto-sm);font-weight:500;cursor:pointer;transition:all var(--duracion-rapida) var(--transicion-suave)}.advanced-toggle:hover{background:var(--color-superficie-3);color:var(--color-texto-primario)}.advanced-content{margin-top:var(--espaciado-md);padding:var(--espaciado-md);background:var(--color-superficie-2);border:1px solid var(--color-borde-sutil);border-radius:var(--radio-sm)}.advanced-placeholder{margin:0;color:var(--color-texto-terciario);font-size:var(--tamano-texto-sm);text-align:center;font-style:italic}.project-edit-modal-footer{padding:var(--espaciado-lg) var(--espaciado-xl) var(--espaciado-xl);border-top:1px solid var(--color-borde-sutil);display:flex;gap:var(--espaciado-md);justify-content:flex-end}.btn{padding:var(--espaciado-sm) var(--espaciado-lg);border:none;border-radius:var(--radio-sm);font-size:var(--tamano-texto-sm);font-weight:600;cursor:pointer;transition:all var(--duracion-rapida) var(--transicion-suave);min-width:100px}@media (max-width: 768px){.project-edit-modal-container{width:95%;max-height:95vh}.project-edit-modal-header,.project-edit-modal-content,.project-edit-modal-footer{padding-left:var(--espaciado-lg);padding-right:var(--espaciado-lg)}.btn{min-width:80px;padding:var(--espaciado-sm) var(--espaciado-md)}}@media (max-width: 480px){.project-edit-modal-footer{flex-direction:column-reverse}.btn{width:100%}}@media (prefers-reduced-motion: reduce){.project-edit-modal-overlay,.project-edit-modal-container{animation:none}.form-input,.form-textarea,.btn{transition:none}}.form-input:focus-visible,.form-textarea:focus-visible,.advanced-toggle:focus-visible{outline:2px solid var(--color-acento-primario);outline-offset:2px}.btn:focus-visible{outline:2px solid var(--color-acento-primario);outline-offset:2px}.move-to-project-modal-overlay{background:#000000b3;backdrop-filter:blur(4px);animation:fadeIn var(--duracion-rapida) var(--transicion-suave)}.move-to-project-modal-container{width:90%;max-width:600px;max-height:90vh;background:var(--color-superficie-base);border-radius:var(--radio-lg);box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;animation:slideUp var(--duracion-rapida) var(--transicion-suave)}.move-to-project-modal-header{padding:var(--espaciado-xl);border-bottom:1px solid var(--color-borde-sutil);display:flex;align-items:center;justify-content:space-between}.move-to-project-search{padding:var(--espaciado-lg) var(--espaciado-xl);border-bottom:1px solid var(--color-borde-sutil)}.search-input-wrapper{position:relative}.search-icon{position:absolute;left:var(--espaciado-md);top:50%;transform:translateY(-50%);color:var(--color-texto-terciario);pointer-events:none}.search-input{width:100%;padding:var(--espaciado-sm) var(--espaciado-md) var(--espaciado-sm) 44px;background:var(--color-superficie-2);border:1px solid var(--color-borde-sutil);border-radius:var(--radio-sm);color:var(--color-texto-primario);font-size:var(--tamano-texto-sm);transition:all var(--duracion-rapida) var(--transicion-suave)}.search-input:focus{outline:none;border-color:var(--color-acento-primario);background:var(--color-superficie-3)}.move-to-project-modal-content{padding:var(--espaciado-md);overflow-y:auto;flex:1;max-height:400px}.move-to-project-modal-content::-webkit-scrollbar{width:8px}.move-to-project-modal-content::-webkit-scrollbar-track{background:var(--color-superficie-2);border-radius:var(--radio-completo)}.move-to-project-modal-content::-webkit-scrollbar-thumb{background:var(--color-borde-medio);border-radius:var(--radio-completo)}.move-to-project-modal-content::-webkit-scrollbar-thumb:hover{background:var(--color-borde-fuerte)}.project-list{display:flex;flex-direction:column;gap:4px}.project-item{display:flex;align-items:center;gap:var(--espaciado-sm);width:100%;padding:var(--espaciado-sm) var(--espaciado-md);background:transparent;border:1px solid transparent;border-radius:var(--radio-sm);color:var(--color-texto-primario);text-align:left;cursor:pointer;transition:all var(--duracion-rapida) var(--transicion-suave)}.project-item:hover{background:var(--color-superficie-2);border-color:var(--color-borde-sutil)}.project-item.selected{background:var(--color-superficie-3);border-color:var(--color-acento-primario)}.project-item-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-texto-secundario)}.project-item-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.project-item-name{font-size:var(--tamano-texto-sm);font-weight:600;color:var(--color-texto-primario);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-item-description,.project-item-count{font-size:var(--tamano-texto-xs);color:var(--color-texto-terciario)}.project-item-check{color:var(--color-acento-primario);flex-shrink:0}.project-divider{height:1px;background:var(--color-borde-sutil);margin:var(--espaciado-sm) 0}.no-results{padding:var(--espaciado-xl);text-align:center}.no-results p{margin:0;color:var(--color-texto-terciario);font-size:var(--tamano-texto-sm)}.create-project-btn{display:flex;align-items:center;gap:var(--espaciado-sm);width:100%;padding:var(--espaciado-sm) var(--espaciado-md);background:transparent;border:1px solid var(--color-borde-sutil);border-radius:var(--radio-sm);color:var(--color-acento-primario);font-size:var(--tamano-texto-sm);font-weight:600;cursor:pointer;transition:all var(--duracion-rapida) var(--transicion-suave)}.create-project-btn:hover{background:var(--color-superficie-2);border-color:var(--color-acento-primario)}.create-project-form{border:1px solid var(--color-borde-medio);border-radius:var(--radio-sm);overflow:hidden;background:var(--color-superficie-2)}.form-header{display:flex;align-items:center;gap:var(--espaciado-sm);padding:var(--espaciado-sm) var(--espaciado-md);background:var(--color-superficie-3);border-bottom:1px solid var(--color-borde-sutil);color:var(--color-acento-primario);font-size:var(--tamano-texto-sm);font-weight:600}.form-body{padding:var(--espaciado-md);display:flex;flex-direction:column;gap:var(--espaciado-md)}.form-input{width:100%;padding:var(--espaciado-sm) var(--espaciado-md);background:var(--color-superficie-base);border:1px solid var(--color-borde-sutil);border-radius:var(--radio-sm);color:var(--color-texto-primario);font-size:var(--tamano-texto-sm);font-family:var(--fuente-principal);transition:all var(--duracion-rapida) var(--transicion-suave)}.form-input:focus{outline:none;border-color:var(--color-acento-primario);background:var(--color-superficie-2)}.form-input::placeholder{color:var(--color-texto-terciario)}.form-color{display:flex;flex-direction:column;gap:var(--espaciado-xs)}.form-label{font-size:var(--tamano-texto-xs);font-weight:600;color:var(--color-texto-secundario);text-transform:uppercase;letter-spacing:.05em}.form-actions{display:flex;gap:var(--espaciado-sm);justify-content:flex-end}.move-to-project-modal-footer{padding:var(--espaciado-lg) var(--espaciado-xl) var(--espaciado-xl);border-top:1px solid var(--color-borde-sutil);display:flex;gap:var(--espaciado-md);justify-content:flex-end}.btn{padding:var(--espaciado-sm) var(--espaciado-lg);border:none;border-radius:var(--radio-sm);font-size:var(--tamano-texto-sm);font-weight:600;cursor:pointer;transition:all var(--duracion-rapida) var(--transicion-suave);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-acento-primario);color:var(--color-texto-sobre-acento)}.btn-primary:hover:not(:disabled){background:var(--color-acento-hover);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-secondary{background:transparent;color:var(--color-texto-secundario);border:1px solid var(--color-borde-medio)}.btn-secondary:hover:not(:disabled){background:var(--color-superficie-2);color:var(--color-texto-primario);border-color:var(--color-borde-fuerte)}.btn-sm{padding:var(--espaciado-xs) var(--espaciado-md);font-size:var(--tamano-texto-xs)}@media (max-width: 768px){.move-to-project-modal-container{width:95%}.move-to-project-modal-header,.move-to-project-search,.move-to-project-modal-footer{padding-left:var(--espaciado-lg);padding-right:var(--espaciado-lg)}.move-to-project-modal-footer{flex-direction:column-reverse}.btn{width:100%}}@media (prefers-reduced-motion: reduce){.move-to-project-modal-overlay,.move-to-project-modal-container{animation:none}.project-item,.search-input,.form-input,.btn{transition:none}}.search-input:focus-visible,.form-input:focus-visible,.project-item:focus-visible,.create-project-btn:focus-visible,.btn:focus-visible{outline:2px solid var(--color-acento-primario);outline-offset:2px}.profile-selector{position:relative;display:inline-block}.profile-selector-trigger{display:flex;align-items:center;gap:var(--espaciado-sm);padding:var(--espaciado-xs) var(--espaciado-md);background:transparent;border:1px solid var(--color-borde);border-radius:var(--radio-md);color:var(--color-texto);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transicion-rapida);min-width:160px;height:32px}.profile-selector-trigger:hover{background-color:var(--color-superficie-hover);border-color:var(--color-borde-fuerte)}.profile-selector-trigger:focus-visible{outline:2px solid var(--color-primario);outline-offset:2px}.profile-selector-avatar{width:24px;height:24px;border-radius:var(--radio-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:var(--color-superficie-hover);color:var(--color-texto-inverso);font-size:14px}.profile-avatar-emoji{font-size:14px;line-height:1}.profile-selector-avatar-image{width:100%;height:100%;object-fit:cover;border-radius:var(--radio-md)}.profile-selector-name{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem}.profile-selector-chevron{transition:transform var(--transicion-rapida);color:var(--color-texto-terciario);flex-shrink:0}.profile-selector-chevron.open{transform:rotate(180deg)}.profile-selector-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:300px;max-height:450px;background:var(--color-superficie);border:1px solid var(--color-borde);border-radius:var(--radio-lg);box-shadow:var(--sombra-lg);overflow:hidden;z-index:1000;animation:dropdownSlideIn var(--transicion-rapida)}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.profile-selector-search{padding:var(--espaciado-md);border-bottom:1px solid var(--color-borde);display:flex;align-items:center;gap:var(--espaciado-sm)}.profile-selector-search .search-icon{color:var(--color-texto-terciario);flex-shrink:0}.profile-selector-search-input{flex:1;padding:var(--espaciado-sm) var(--espaciado-md);background:var(--color-superficie-hover);border:1px solid var(--color-borde);border-radius:var(--radio-md);color:var(--color-texto);font-size:.875rem;transition:all var(--transicion-rapida)}.profile-selector-search-input:focus{outline:none;border-color:var(--color-primario);background:var(--color-superficie)}.profile-selector-search-input::placeholder{color:var(--color-texto-terciario)}.profile-selector-list{max-height:360px;overflow-y:auto;overflow-x:hidden}.profile-selector-list::-webkit-scrollbar{width:8px}.profile-selector-list::-webkit-scrollbar-track{background:transparent}.profile-selector-list::-webkit-scrollbar-thumb{background:var(--color-borde);border-radius:var(--radio-completo)}.profile-selector-list::-webkit-scrollbar-thumb:hover{background:var(--color-borde-fuerte)}.profile-selector-item{display:flex;align-items:center;gap:var(--espaciado-md);width:100%;padding:var(--espaciado-md);background:transparent;border:none;color:var(--color-texto);text-align:left;cursor:pointer;transition:background-color var(--transicion-rapida)}.profile-selector-item:hover,.profile-selector-item.highlighted{background:var(--color-superficie-hover)}.profile-selector-item.active{background:var(--color-superficie-1)}.profile-selector-item-avatar{width:40px;height:40px;border-radius:var(--radio-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-texto-inverso);font-size:20px;overflow:hidden}.profile-selector-item-avatar-image{width:100%;height:100%;object-fit:cover}.profile-selector-item-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.profile-selector-item-name{font-size:.875rem;font-weight:500;color:var(--color-texto);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-selector-item-description{font-size:.75rem;color:var(--color-texto-secundario);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-selector-check{color:var(--color-primario);flex-shrink:0}.profile-selector-divider{height:1px;background:var(--color-borde);margin:var(--espaciado-xs) 0}.profile-selector-action{display:flex;align-items:center;gap:var(--espaciado-sm);width:100%;padding:var(--espaciado-md);background:transparent;border:none;color:var(--color-texto-secundario);font-size:.875rem;font-weight:500;text-align:left;cursor:pointer;transition:all var(--transicion-rapida)}.profile-selector-action:hover{background:var(--color-superficie-hover);color:var(--color-primario)}.profile-selector-action:focus-visible{outline:2px solid var(--color-primario);outline-offset:-2px}.profile-selector-empty{padding:var(--espaciado-xl);text-align:center}.profile-selector-empty p{margin:0;color:var(--color-texto-terciario);font-size:.875rem}@media (max-width: 768px){.profile-selector-trigger{min-width:120px;padding:var(--espaciado-xs) var(--espaciado-sm)}.profile-selector-dropdown{width:280px;max-height:400px}.profile-selector-name{max-width:80px}}@media (prefers-reduced-motion: reduce){.profile-selector-dropdown{animation:none}.profile-selector-chevron{transition:none}}.profile-avatar-selector{display:flex;flex-direction:column;gap:var(--espaciado-lg)}.avatar-preview{display:flex;flex-direction:column;align-items:center;gap:var(--espaciado-md)}.avatar-preview-circle{width:80px;height:80px;border-radius:var(--radio-lg);display:flex;align-items:center;justify-content:center;background-color:var(--color-primario);color:var(--color-texto-inverso);font-size:40px;overflow:hidden;border:3px solid var(--color-borde)}.avatar-preview-image{width:100%;height:100%;object-fit:cover}.avatar-preview-emoji{font-size:40px;line-height:1}.avatar-preview-icon{color:var(--color-texto-inverso)}.avatar-preview-label{margin:0;font-size:.875rem;font-weight:500;color:var(--color-texto-secundario)}.avatar-tabs{display:flex;gap:var(--espaciado-xs);padding:var(--espaciado-xs);background-color:var(--color-superficie-hover);border-radius:var(--radio-md)}.avatar-tab{flex:1;padding:var(--espaciado-sm) var(--espaciado-md);background:transparent;border:none;border-radius:var(--radio-sm);color:var(--color-texto-secundario);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transicion-rapida)}.avatar-tab:hover{background-color:var(--color-superficie);color:var(--color-texto)}.avatar-tab.active{background-color:var(--color-primario);color:var(--color-texto-inverso)}.avatar-content{min-height:200px}.avatar-emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--espaciado-sm)}.avatar-emoji-button{aspect-ratio:1;padding:var(--espaciado-sm);background:var(--color-superficie-hover);border:2px solid var(--color-borde);border-radius:var(--radio-md);font-size:24px;cursor:pointer;transition:all var(--transicion-rapida);display:flex;align-items:center;justify-content:center}.avatar-emoji-button:hover{background:var(--color-superficie);border-color:var(--color-borde-fuerte);transform:scale(1.1)}.avatar-emoji-button.selected{background:var(--color-primario);border-color:var(--color-primario);box-shadow:0 0 0 3px var(--color-superficie),0 0 0 5px var(--color-primario)}.avatar-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:var(--espaciado-xl)}.avatar-upload-input{display:none}.avatar-upload-button{display:flex;flex-direction:column;align-items:center;gap:var(--espaciado-md);padding:var(--espaciado-xl);background:var(--color-superficie-hover);border:2px dashed var(--color-borde);border-radius:var(--radio-lg);color:var(--color-texto-secundario);cursor:pointer;transition:all var(--transicion-rapida);width:100%}.avatar-upload-button:hover{background:var(--color-superficie);border-color:var(--color-primario);color:var(--color-primario)}.upload-text{font-size:.875rem;font-weight:500}.upload-hint{font-size:.75rem;color:var(--color-texto-terciario)}@media (max-width: 768px){.avatar-emoji-grid{grid-template-columns:repeat(4,1fr)}.avatar-emoji-button{font-size:20px}}.profile-edit-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn var(--transicion-rapida)}.profile-edit-modal-container{width:90%;max-width:600px;max-height:90vh;background-color:var(--color-superficie);border-radius:var(--radio-lg);box-shadow:var(--sombra-xl);display:flex;flex-direction:column;overflow:hidden;animation:slideUp var(--transicion-media)}.profile-edit-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--espaciado-lg);border-bottom:1px solid var(--color-borde)}.modal-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-texto)}.modal-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radio-md);color:var(--color-texto-secundario);cursor:pointer;transition:all var(--transicion-rapida)}.modal-close-btn:hover:not(:disabled){background-color:var(--color-superficie-hover);color:var(--color-texto)}.modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.profile-edit-modal-content{flex:1;padding:var(--espaciado-lg);overflow-y:auto}.profile-edit-form{display:flex;flex-direction:column;gap:var(--espaciado-xl)}.form-section{display:flex;flex-direction:column;gap:var(--espaciado-sm)}.form-section-label{font-size:.875rem;font-weight:600;color:var(--color-texto);margin-bottom:var(--espaciado-xs)}.form-label{font-size:.875rem;font-weight:500;color:var(--color-texto)}.required{color:var(--color-peligro)}.form-input,.form-textarea{width:100%;padding:var(--espaciado-sm) var(--espaciado-md);background-color:var(--color-superficie-hover);border:1px solid var(--color-borde);border-radius:var(--radio-md);color:var(--color-texto);font-size:.875rem;font-family:inherit;transition:all var(--transicion-rapida)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-primario);background-color:var(--color-superficie)}.form-input:disabled,.form-textarea:disabled{opacity:.6;cursor:not-allowed}.form-input.error,.form-textarea.error{border-color:var(--color-peligro)}.form-textarea{resize:vertical;min-height:80px}.form-hint{font-size:.75rem;color:var(--color-texto-terciario)}.form-error{font-size:.75rem;color:var(--color-peligro)}.form-error-banner{padding:var(--espaciado-md);background-color:#ef44441a;border:1px solid var(--color-peligro);border-radius:var(--radio-md);color:var(--color-peligro);font-size:.875rem}.profile-edit-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--espaciado-md);padding:var(--espaciado-lg);border-top:1px solid var(--color-borde)}.btn{display:flex;align-items:center;gap:var(--espaciado-sm);padding:var(--espaciado-sm) var(--espaciado-lg);border:1px solid transparent;border-radius:var(--radio-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transicion-rapida)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background-color:transparent;border-color:var(--color-borde);color:var(--color-texto)}.btn-secondary:hover:not(:disabled){background-color:var(--color-superficie-hover);border-color:var(--color-borde-fuerte)}.btn-primary{background-color:var(--color-primario);color:var(--color-texto-inverso)}.btn-primary:hover:not(:disabled){background-color:var(--color-primario-hover)}@media (max-width: 768px){.profile-edit-modal-container{width:95%;max-height:95vh}.profile-edit-modal-header,.profile-edit-modal-content,.profile-edit-modal-footer{padding:var(--espaciado-md)}.profile-edit-form{gap:var(--espaciado-lg)}}@media (prefers-reduced-motion: reduce){.profile-edit-modal-overlay,.profile-edit-modal-container{animation:none}}.profile-card{position:relative;display:flex;flex-direction:column;gap:var(--espaciado-md);padding:var(--espaciado-lg);background-color:var(--color-superficie);border:2px solid var(--color-borde);border-radius:var(--radio-lg);transition:all var(--transicion-rapida)}.profile-card:hover{border-color:var(--color-borde-fuerte);box-shadow:var(--sombra-md)}.profile-card.active{border-color:var(--profile-color);background-color:var(--color-superficie-1);box-shadow:0 0 0 3px var(--color-superficie),0 0 0 5px var(--profile-color)}.profile-card-active-badge{position:absolute;top:var(--espaciado-md);right:var(--espaciado-md);display:flex;align-items:center;gap:var(--espaciado-xs);padding:4px 8px;background-color:var(--color-exito);color:var(--color-texto-inverso);border-radius:var(--radio-md);font-size:.75rem;font-weight:600;z-index:1}.profile-card-header{display:flex;align-items:center;justify-content:center}.profile-card-avatar{width:80px;height:80px;border-radius:var(--radio-lg);display:flex;align-items:center;justify-content:center;background-color:var(--profile-color);color:var(--color-texto-inverso);font-size:40px;overflow:hidden;border:3px solid var(--color-superficie);box-shadow:var(--sombra-md)}.profile-card-avatar-image{width:100%;height:100%;object-fit:cover}.profile-card-avatar-emoji{font-size:40px;line-height:1}.profile-card-body{display:flex;flex-direction:column;gap:var(--espaciado-xs);text-align:center}.profile-card-name{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-texto);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-card-description{margin:0;font-size:.875rem;color:var(--color-texto-secundario);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.profile-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--espaciado-sm);padding-top:var(--espaciado-md);border-top:1px solid var(--color-borde)}.profile-stat{display:flex;flex-direction:column;align-items:center;gap:var(--espaciado-xs)}.stat-icon{color:var(--color-texto-terciario)}.stat-value{font-size:1.125rem;font-weight:600;color:var(--color-texto)}.stat-label{font-size:.75rem;color:var(--color-texto-terciario);text-transform:lowercase}.profile-card-actions{display:flex;gap:var(--espaciado-sm);padding-top:var(--espaciado-md);border-top:1px solid var(--color-borde)}.profile-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--espaciado-xs);padding:var(--espaciado-sm);background:transparent;border:1px solid var(--color-borde);border-radius:var(--radio-md);color:var(--color-texto-secundario);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transicion-rapida)}.profile-action-btn:hover{background-color:var(--color-superficie-hover);border-color:var(--color-borde-fuerte);color:var(--color-texto)}.profile-action-btn.activate{border-color:var(--color-exito);color:var(--color-exito)}.profile-action-btn.activate:hover{background-color:var(--color-exito);color:var(--color-texto-inverso)}.profile-action-btn.edit:hover{border-color:var(--color-primario);color:var(--color-primario)}.profile-action-btn.delete:hover{border-color:var(--color-peligro);color:var(--color-peligro);background-color:#ef44441a}@media (max-width: 768px){.profile-card{padding:var(--espaciado-md)}.profile-card-avatar{width:60px;height:60px;font-size:30px}.profile-card-avatar-emoji{font-size:30px}.profile-card-name{font-size:1rem}.profile-card-description{font-size:.8125rem}.profile-action-btn span{display:none}}.profile-action-btn:focus-visible{outline:2px solid var(--color-primario);outline-offset:2px}.profile-manager-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn var(--transicion-rapida)}.profile-manager-modal-container{width:90%;max-width:1000px;max-height:90vh;background-color:var(--color-superficie);border-radius:var(--radio-lg);box-shadow:var(--sombra-xl);display:flex;flex-direction:column;overflow:hidden;animation:slideUp var(--transicion-media)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-manager-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--espaciado-lg);border-bottom:1px solid var(--color-borde);flex-shrink:0}.header-left,.header-right{display:flex;align-items:center;gap:var(--espaciado-md)}.profile-count{padding:4px 8px;background-color:var(--color-superficie-hover);border-radius:var(--radio-md);font-size:.75rem;font-weight:500;color:var(--color-texto-secundario)}.profile-manager-search{padding:var(--espaciado-lg);border-bottom:1px solid var(--color-borde);flex-shrink:0}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:var(--espaciado-md);color:var(--color-texto-terciario);pointer-events:none}.search-input{width:100%;padding:var(--espaciado-sm) var(--espaciado-md);padding-left:calc(var(--espaciado-md) * 2 + 18px);background-color:var(--color-superficie-hover);border:1px solid var(--color-borde);border-radius:var(--radio-md);color:var(--color-texto);font-size:.875rem;transition:all var(--transicion-rapida)}.search-input:focus{outline:none;border-color:var(--color-primario);background-color:var(--color-superficie)}.search-input::placeholder{color:var(--color-texto-terciario)}.profile-manager-modal-content{flex:1;padding:var(--espaciado-lg);overflow-y:auto}.profiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--espaciado-lg)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--espaciado-xl) var(--espaciado-lg);text-align:center;min-height:300px}.empty-icon{color:var(--color-texto-terciario);margin-bottom:var(--espaciado-lg);opacity:.5}.empty-title{margin:0 0 var(--espaciado-sm) 0;font-size:1.25rem;font-weight:600;color:var(--color-texto)}.empty-description{margin:0 0 var(--espaciado-xl) 0;font-size:.875rem;color:var(--color-texto-secundario);max-width:400px}.delete-confirm-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn var(--transicion-rapida)}.delete-confirm-dialog{width:90%;max-width:400px;background-color:var(--color-superficie);border-radius:var(--radio-lg);box-shadow:var(--sombra-xl);overflow:hidden;animation:slideUp var(--transicion-media)}.delete-confirm-header{display:flex;align-items:center;gap:var(--espaciado-md);padding:var(--espaciado-lg);border-bottom:1px solid var(--color-borde)}.delete-icon{color:var(--color-peligro)}.delete-confirm-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-texto)}.delete-confirm-content{padding:var(--espaciado-lg)}.delete-confirm-content p{margin:0 0 var(--espaciado-md) 0;font-size:.875rem;color:var(--color-texto);line-height:1.5}.delete-confirm-content p:last-child{margin-bottom:0}.delete-warning-text{color:var(--color-texto-secundario)!important;font-size:.8125rem!important}.delete-confirm-actions{display:flex;justify-content:flex-end;gap:var(--espaciado-md);padding:var(--espaciado-lg);border-top:1px solid var(--color-borde)}.btn-danger{background-color:var(--color-peligro);color:var(--color-texto-inverso);border:1px solid var(--color-peligro)}.btn-danger:hover{background-color:#dc2626;border-color:#dc2626}@media (max-width: 768px){.profile-manager-modal-container{width:95%;max-height:95vh}.profile-manager-modal-header,.profile-manager-search,.profile-manager-modal-content{padding:var(--espaciado-md)}.profiles-grid{grid-template-columns:1fr;gap:var(--espaciado-md)}.header-left h2{font-size:1.125rem}.btn span{display:none}.delete-confirm-dialog{width:95%}}.profile-manager-modal-content::-webkit-scrollbar{width:8px}.profile-manager-modal-content::-webkit-scrollbar-track{background:transparent}.profile-manager-modal-content::-webkit-scrollbar-thumb{background:var(--color-borde);border-radius:var(--radio-md)}.profile-manager-modal-content::-webkit-scrollbar-thumb:hover{background:var(--color-borde-fuerte)}@media (prefers-reduced-motion: reduce){.profile-manager-modal-overlay,.profile-manager-modal-container,.delete-confirm-overlay,.delete-confirm-dialog{animation:none}}.cache-manager-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn var(--transicion-rapida) ease}.cache-manager-modal{background:var(--color-superficie-base);border-radius:var(--radio-2xl);width:95%;max-width:1200px;height:90vh;max-height:900px;display:flex;flex-direction:column;box-shadow:var(--sombra-flotante);animation:slideUp var(--transicion-media) ease;border:1px solid var(--color-borde-sutil);overflow:hidden}.cache-header{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;background:#ffffff05}.header-title{display:flex;align-items:center;gap:12px}.header-title h2{margin:0;font-size:20px;color:#fff;font-weight:600}.btn-cerrar{padding:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#8b92a8;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-cerrar:hover{background:#ff4d4f33;color:#ff4d4f}.cache-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:20px 24px;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.05)}.stat-card{display:flex;align-items:center;gap:12px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;transition:all .2s}.stat-card:hover{background:#ffffff0d;border-color:#667eea4d;transform:translateY(-2px)}.stat-icon{color:#667eea;flex-shrink:0}.stat-content{flex:1}.stat-value{font-size:20px;font-weight:700;color:#fff;line-height:1.2}.stat-label{font-size:12px;color:#8b92a8;margin-top:4px}.download-progress-bar{margin:0 24px 16px;padding:16px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid rgba(102,126,234,.3);border-radius:12px;animation:slideDown .3s ease}.progress-info{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#fff;font-size:14px}.progress-info span:first-of-type{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-percentage{font-weight:700;color:#667eea}.progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease;border-radius:4px}.progress-status{text-align:right;font-size:12px;color:#8b92a8}.coverage-section{margin:0 24px 16px;padding:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px}.coverage-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.coverage-header h3{margin:0;font-size:16px;color:#fff;font-weight:600}.coverage-stats{margin-bottom:12px}.coverage-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:8px}.coverage-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);transition:width .3s ease;border-radius:3px}.coverage-text{font-size:13px;color:#b8bfd0}.incomplete-snippets{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.05)}.incomplete-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#f59e0b;font-size:13px;font-weight:600}.incomplete-list{display:flex;flex-direction:column;gap:6px}.incomplete-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f59e0b1a;border-radius:6px;font-size:12px}.snippet-name{color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.missing-count{color:#f59e0b;font-weight:600;margin-left:12px}.actions-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;padding:0 24px 16px}.btn-primary,.btn-secondary,.btn-danger{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-secondary{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.btn-danger{background:#ff4d4f1a;color:#ff4d4f;border:1px solid rgba(255,77,79,.3)}.btn-danger:hover:not(:disabled){background:#ff4d4f33;border-color:#ff4d4f80}.btn-primary:disabled,.btn-secondary:disabled,.btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.confirmation-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10;animation:fadeIn .2s ease}.confirmation-modal{background:var(--color-superficie-base);padding:32px;border-radius:16px;text-align:center;max-width:400px;border:1px solid rgba(255,255,255,.1)}.confirmation-icon{color:#f59e0b;margin-bottom:16px}.confirmation-modal h3{margin:0 0 12px;color:#fff;font-size:20px;font-weight:600}.confirmation-modal p{margin:0 0 24px;color:#b8bfd0;font-size:14px;line-height:1.5}.confirmation-actions{display:flex;gap:12px;justify-content:center}.btn-confirm,.btn-cancel{display:flex;align-items:center;gap:6px;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-confirm{background:#ff4d4f;color:#fff}.btn-confirm:hover{background:#ff7875}.btn-cancel{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1)}.btn-cancel:hover{background:#ffffff1a}.filters-section{display:flex;gap:16px;padding:16px 24px;background:#ffffff05;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.filter-search{flex:1;position:relative;display:flex;align-items:center}.filter-search svg{position:absolute;left:12px;color:#8b92a8}.filter-search input{width:100%;padding:8px 12px 8px 36px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;transition:all .2s}.filter-search input:focus{background:#ffffff14;border-color:#667eea;outline:none}.filter-sort{display:flex;align-items:center;gap:8px}.filter-sort label{color:#8b92a8;font-size:14px;white-space:nowrap}.filter-sort select{padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s}.filter-sort select:focus{background:#ffffff14;border-color:#667eea;outline:none}.libraries-section{flex:1;overflow-y:auto;padding:16px 24px}.section-header h3{margin:0 0 16px;font-size:16px;color:#fff;font-weight:600}.libraries-list{display:flex;flex-direction:column;gap:8px}.library-item{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;overflow:hidden;transition:all .2s}.library-item:hover{background:#ffffff08;border-color:#667eea4d}.library-header{display:flex;align-items:center;justify-content:space-between;padding:16px;cursor:pointer;user-select:none}.library-info{display:flex;align-items:center;gap:12px;flex:1}.library-name{font-size:14px;font-weight:600;color:#fff}.library-meta{font-size:12px;color:#8b92a8;margin-top:4px}.btn-expand{padding:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#8b92a8;cursor:pointer;transition:all .2s;display:flex;align-items:center}.btn-expand:hover{background:#ffffff1a;color:#fff}.library-files{border-top:1px solid rgba(255,255,255,.05);padding:12px 16px;background:#0003}.file-item{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.03)}.file-item:last-child{border-bottom:none}.file-info{display:flex;justify-content:space-between;align-items:center;gap:12px}.file-name{font-size:13px;color:#b8bfd0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.file-size{font-size:12px;color:#667eea;font-weight:600;white-space:nowrap}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-state svg{color:#8b92a8;margin-bottom:16px;opacity:.5}.empty-state h3{margin:0 0 8px;font-size:18px;color:#fff;font-weight:600}.empty-state p{margin:0;font-size:14px;color:#8b92a8}.cache-footer{padding:16px 24px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;background:#ffffff05}.footer-info{display:flex;align-items:center;gap:8px;color:#8b92a8;font-size:13px}.btn-close{padding:10px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-close:hover{background:#ffffff1a;border-color:#fff3}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.libraries-section::-webkit-scrollbar{width:8px}.libraries-section::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}.libraries-section::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.libraries-section::-webkit-scrollbar-thumb:hover{background:#ffffff26}@media (max-width: 768px){.cache-manager-modal{width:100%;height:100%;max-height:100vh;border-radius:0}.cache-stats-grid{grid-template-columns:repeat(2,1fr)}.actions-section{grid-template-columns:1fr}.filters-section{flex-direction:column}.filter-sort{width:100%}.filter-sort select{flex:1}}:root{--color-primario: #3b82f6;--color-primario-hover: #2563eb;--color-primario-activo: #1d4ed8;--color-secundario: #8b5cf6;--color-exito: #10b981;--color-alerta: #f59e0b;--color-peligro: #ef4444;--color-fondo: #ffffff;--color-fondo-secundario: #f9fafb;--color-superficie: #ffffff;--color-superficie-base: #ffffff;--color-superficie-1: #f9fafb;--color-superficie-2: #f3f4f6;--color-superficie-hover: #f3f4f6;--color-borde: #e5e7eb;--color-borde-normal: #e5e7eb;--color-borde-fuerte: #d1d5db;--color-texto: #111827;--color-texto-primario: #111827;--color-texto-secundario: #6b7280;--color-texto-terciario: #9ca3af;--color-texto-inverso: #ffffff;--color-positivo: #10b981;--color-acento-primario: #3b82f6;--color-acento-hover: #2563eb;--color-texto-sobre-acento: #ffffff;--color-borde-sutil: #e5e7eb;--color-borde-medio: #d1d5db;--color-superficie-3: #e5e7eb;--espaciado-xs: .25rem;--espaciado-sm: .5rem;--espaciado-md: 1rem;--espaciado-lg: 1.5rem;--espaciado-xl: 2rem;--radio-sm: .25rem;--radio-md: .375rem;--radio-lg: .5rem;--radio-xl: .75rem;--radio-completo: 9999px;--sombra-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--sombra-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--sombra-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--sombra-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--sombra-elevada: 0 10px 40px -10px rgba(0, 0, 0, .2);--transicion-rapida: .15s cubic-bezier(.4, 0, .2, 1);--transicion-media: .25s cubic-bezier(.4, 0, .2, 1);--transicion-lenta: .35s cubic-bezier(.4, 0, .2, 1);--duracion-rapida: .15s;--transicion-suave: cubic-bezier(.4, 0, .2, 1);--altura-header: 3.5rem;--altura-footer: 2.5rem;--tamano-texto-xs: .75rem;--tamano-texto-sm: .875rem}[data-theme=dark]{--color-fondo: #0f172a;--color-fondo-secundario: #1e293b;--color-superficie: #1e293b;--color-superficie-base: #1e293b;--color-superficie-1: #334155;--color-superficie-2: #475569;--color-superficie-3: #475569;--color-superficie-hover: #334155;--color-borde: #334155;--color-borde-normal: #334155;--color-borde-sutil: #334155;--color-borde-medio: #475569;--color-borde-fuerte: #475569;--color-texto: #f1f5f9;--color-texto-primario: #f1f5f9;--color-texto-secundario: #cbd5e1;--color-texto-terciario: #94a3b8}html{width:100%;height:100%;margin:0;padding:0}body{width:100%;height:100%;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;color:var(--color-texto);background-color:var(--color-fondo);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{width:100%;height:100%;margin:0;padding:0;position:fixed;inset:0}.app{display:flex;flex-direction:column;width:100vw;height:100vh;margin:0;padding:0;overflow:hidden;background-color:var(--color-fondo);position:absolute;inset:0}.app-header{display:flex;align-items:center;justify-content:space-between;height:var(--altura-header);padding:0 var(--espaciado-md);background-color:var(--color-superficie);border-bottom:1px solid var(--color-borde);flex-shrink:0;z-index:100}.header-izquierda,.header-centro,.header-derecha{display:flex;align-items:center;gap:var(--espaciado-md)}.header-izquierda{flex:1}.header-centro{flex:0 0 auto}.header-derecha{flex:1;justify-content:flex-end}.app-logo{display:flex;align-items:center;gap:var(--espaciado-sm);margin-right:var(--espaciado-lg)}.logo-icono{color:var(--color-primario);display:flex;align-items:center}.app-titulo{font-size:1.125rem;font-weight:600;color:var(--color-texto);white-space:nowrap}.btn-toggle-panel{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background-color:transparent;color:var(--color-texto-secundario);border:1px solid transparent;border-radius:var(--radio-md);cursor:pointer;transition:all var(--transicion-rapida)}.btn-toggle-panel:hover{background-color:var(--color-superficie-hover);color:var(--color-texto)}.btn-toggle-panel.activo{background-color:var(--color-primario);color:var(--color-texto-inverso)}.btn-toggle-panel.activo:hover{background-color:var(--color-primario-hover)}.header-centro{display:flex;align-items:center;gap:var(--espaciado-md);flex:1;justify-content:center}.estado-indicadores{display:flex;align-items:center;gap:var(--espaciado-sm)}.indicador{display:flex;align-items:center;gap:var(--espaciado-xs);padding:var(--espaciado-xs) var(--espaciado-sm);background-color:var(--color-superficie-hover);border-radius:12px;font-size:.75rem;font-weight:500;color:var(--color-texto-secundario)}.indicador-icono{display:flex;align-items:center;color:var(--color-exito)}.indicador-sin-guardar .indicador-icono,.indicador-auto .indicador-icono{color:var(--color-alerta)}.btn-modo-extendido{display:flex;align-items:center;gap:var(--espaciado-xs);padding:var(--espaciado-xs) var(--espaciado-md);background-color:transparent;color:var(--color-texto-secundario);border:1px solid var(--color-borde);border-radius:var(--radio-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transicion-rapida)}.btn-modo-extendido:hover{background-color:var(--color-superficie-hover);color:var(--color-texto);border-color:var(--color-borde-fuerte)}.btn-modo-extendido.activo{background-color:var(--color-primario);color:var(--color-texto-inverso);border-color:var(--color-primario)}.btn-modo-extendido.activo:hover{background-color:var(--color-primario-hover);border-color:var(--color-primario-hover)}.menu-usuario{position:relative}.btn-usuario{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background-color:var(--color-superficie-hover);color:var(--color-texto-secundario);border:1px solid var(--color-borde);border-radius:var(--radio-completo);cursor:pointer;transition:all var(--transicion-rapida)}.btn-usuario:hover{background-color:var(--color-primario);color:var(--color-texto-inverso);border-color:var(--color-primario)}.app-contenido{flex:1;display:flex;overflow:hidden;background-color:var(--color-fondo-secundario)}.panel-group-principal{width:100%;height:100%}.panel-wrapper{height:100%;overflow:hidden;background-color:var(--color-superficie)}.panel-izquierdo-wrapper{border-right:1px solid var(--color-borde)}.panel-derecho-wrapper{border-left:1px solid var(--color-borde)}.zona-principal-wrapper{background-color:var(--color-fondo-secundario)}.panel-resize-handle{position:relative;background-color:var(--color-borde);transition:background-color .15s ease;z-index:10;flex-shrink:0}.panel-resize-handle.vertical{width:2px;cursor:col-resize}.panel-resize-handle.horizontal{height:2px;cursor:row-resize}.panel-resize-handle:before{content:"";position:absolute;z-index:10;background-color:transparent}.panel-resize-handle.vertical:before{inset:0 -6px;width:14px;cursor:col-resize}.panel-resize-handle.horizontal:before{inset:-6px 0;height:14px;cursor:row-resize}.panel-resize-handle:hover{background-color:var(--color-primario)}.panel-resize-handle:active{background-color:var(--color-primario-activo);transition:none}@media (max-width: 768px){.panel-resize-handle.vertical{width:8px;background:linear-gradient(to right,transparent 2px,var(--color-borde) 2px,var(--color-borde) 6px,transparent 6px)}.panel-resize-handle.horizontal{height:8px;background:linear-gradient(to bottom,transparent 2px,var(--color-borde) 2px,var(--color-borde) 6px,transparent 6px)}.panel-resize-handle:hover,.panel-resize-handle:active{background-color:transparent}.panel-resize-handle.vertical:active{background:linear-gradient(to right,transparent 2px,var(--color-primario) 2px,var(--color-primario) 6px,transparent 6px)}.panel-resize-handle.horizontal:active{background:linear-gradient(to bottom,transparent 2px,var(--color-primario) 2px,var(--color-primario) 6px,transparent 6px)}}.app-footer{display:flex;align-items:center;justify-content:space-between;height:var(--altura-footer);padding:0 var(--espaciado-md);background-color:var(--color-superficie);border-top:1px solid var(--color-borde);flex-shrink:0;z-index:100}.footer-izquierda,.footer-centro,.footer-derecha{display:flex;align-items:center;gap:var(--espaciado-md)}.footer-izquierda{flex:1}.footer-centro{flex:0 0 auto}.footer-derecha{flex:1;justify-content:flex-end}.footer-texto{font-size:.75rem;color:var(--color-texto-terciario)}.footer-estado{display:flex;align-items:center;gap:var(--espaciado-xs);font-size:.75rem;color:var(--color-texto-secundario)}.estado-punto{color:var(--color-exito);display:flex;align-items:center}.footer-link{display:flex;align-items:center;gap:var(--espaciado-xs);padding:var(--espaciado-xs) var(--espaciado-sm);color:var(--color-texto-secundario);text-decoration:none;font-size:.75rem;font-weight:500;border-radius:var(--radio-md);transition:all var(--transicion-rapida)}.footer-link:hover{background-color:var(--color-superficie-hover);color:var(--color-texto)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:var(--color-borde);border-radius:var(--radio-completo)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-borde-fuerte)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (max-width: 1024px) and (min-width: 769px){.app-header{padding:0 var(--espaciado-sm)}.app-titulo{font-size:1rem}.header-izquierda,.header-centro,.header-derecha{gap:var(--espaciado-sm)}.indicador{padding:4px var(--espaciado-xs);font-size:.7rem}.indicador-texto{display:none}.footer-texto,.footer-link{font-size:.7rem}}@media (max-width: 768px){.app-header{height:auto;min-height:48px;padding:var(--espaciado-xs);flex-wrap:wrap;gap:var(--espaciado-xs)}.header-izquierda{flex:0 0 auto;order:1}.header-centro{flex:1 1 100%;order:3;justify-content:flex-start;margin-top:var(--espaciado-xs)}.header-derecha{flex:0 0 auto;order:2;gap:var(--espaciado-xs)}.app-logo{gap:var(--espaciado-xs);margin-right:var(--espaciado-sm)}.app-titulo{font-size:.875rem}.logo-icono{width:20px;height:20px}.btn-toggle-panel{width:40px;height:40px}.estado-indicadores{gap:4px;flex-wrap:wrap}.indicador{padding:4px 6px;font-size:.65rem}.indicador-texto{display:none}.indicador-icono{width:14px;height:14px}.app-footer{height:auto;min-height:32px;padding:var(--espaciado-xs)}.footer-izquierda,.footer-centro{display:none}.footer-derecha{width:100%;justify-content:center;gap:var(--espaciado-sm)}.footer-link{padding:var(--espaciado-xs);font-size:.7rem}}@media (max-width: 480px){.app-header{padding:6px}.app-titulo{display:none}.header-centro{margin-top:4px}.estado-indicadores{order:4;flex:1 1 100%;margin-top:4px;justify-content:flex-start}.btn-toggle-panel{width:44px;height:44px}.footer-link span{display:none}.footer-link{min-width:44px;justify-content:center}}@media (max-height: 500px) and (orientation: landscape){.app-header{height:40px;min-height:40px;padding:4px var(--espaciado-xs)}.app-footer{height:28px;min-height:28px}.btn-toggle-panel{width:32px;height:32px}.header-centro{margin-top:0}}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primario);outline-offset:2px}@media (hover: none) and (pointer: coarse){button,a,input[type=checkbox],input[type=radio],select{min-width:44px;min-height:44px}button:not(.zona-tab):not(.editor-tab){padding:max(var(--espaciado-sm),12px)}button:hover,a:hover,input:hover,select:hover{transition:none}button:active,a:active{transform:scale(.97);transition:transform .1s ease}button,.zona-tab,.editor-tab,.dispositivo-btn,.zoom-btn,.scale-btn{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,.1)}.zona-tabs,.editor-tabs,.tags-list{-webkit-overflow-scrolling:touch;scroll-padding:var(--espaciado-md)}}:root{--color-base-50: #fafafa;--color-base-100: #f5f5f5;--color-base-200: #e5e5e5;--color-base-300: #d4d4d4;--color-base-400: #a3a3a3;--color-base-500: #737373;--color-base-600: #525252;--color-base-700: #404040;--color-base-800: #262626;--color-base-900: #171717;--color-superficie-base: #ffffff;--color-superficie-1: #f8f9fa;--color-superficie-2: #f1f3f4;--color-superficie-3: #e8eaed;--color-superficie-hover: rgba(0, 0, 0, .04);--color-fondo-secundario: #f9fafb;--color-fondo-terciario: #f3f4f6;--color-superficie: #ffffff;--color-superficie-activo: #f3f4f6;--color-borde: #e1e5e9;--color-borde-sutil: #e1e5e9;--color-borde-normal: #c1c7cd;--color-borde-fuerte: #9aa0a6;--color-texto: #202124;--color-texto-primario: #202124;--color-texto-secundario: #5f6368;--color-texto-terciario: #80868b;--color-texto-deshabilitado: #bdc1c6;--color-texto-inverso: #ffffff;--color-acento-primario: #1a73e8;--color-acento-hover: #1557b0;--color-acento-activo: #0d47a1;--color-acento-sutil: #e8f0fe;--color-primario: var(--color-acento-primario);--color-primario-hover: var(--color-acento-hover);--color-primario-activo: var(--color-acento-activo);--color-primario-sutil: #dbeafe;--color-secundario: #8b5cf6;--color-secundario-hover: #7c3aed;--color-secundario-activo: #6d28d9;--color-secundario-sutil: #ede9fe;--color-positivo: #137333;--color-positivo-sutil: #e6f4ea;--color-exito: #10b981;--color-exito-hover: #059669;--color-exito-sutil: #d1fae5;--color-alerta: #f9ab00;--color-alerta-sutil: #fef7e0;--color-peligro: #d93025;--color-peligro-sutil: #fce8e6;--color-info: #06b6d4;--color-info-hover: #0891b2;--color-info-sutil: #cffafe;--espaciado-xs: 4px;--espaciado-sm: 8px;--espaciado-md: 12px;--espaciado-lg: 16px;--espaciado-xl: 20px;--espaciado-2xl: 24px;--espaciado-3xl: 32px;--espaciado-4xl: 40px;--espaciado-5xl: 48px;--espaciado-6xl: 64px;--radio-xs: 2px;--radio-sm: 4px;--radio-md: 6px;--radio-lg: 8px;--radio-xl: 12px;--radio-2xl: 16px;--radio-completo: 50%;--sombra-sutil: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);--sombra-normal: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);--sombra-elevada: 0 4px 8px 3px rgba(60, 64, 67, .15), 0 1px 3px rgba(60, 64, 67, .3);--sombra-flotante: 0 8px 12px 6px rgba(60, 64, 67, .15), 0 4px 4px rgba(60, 64, 67, .3);--fuente-principal: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--fuente-codigo: "Fira Code", "Monaco", "Cascadia Code", "Roboto Mono", monospace;--fuente-ui: "Inter", system-ui, sans-serif;--texto-xs: .75rem;--texto-sm: .875rem;--texto-base: 1rem;--texto-lg: 1.125rem;--texto-xl: 1.25rem;--texto-2xl: 1.5rem;--texto-3xl: 1.875rem;--texto-4xl: 2.25rem;--peso-normal: 400;--peso-medio: 500;--peso-semibold: 600;--peso-bold: 700;--transicion-rapida: .15s cubic-bezier(.4, 0, .2, 1);--transicion-media: .25s cubic-bezier(.4, 0, .2, 1);--transicion-lenta: .35s cubic-bezier(.4, 0, .2, 1);--color-fondo: #ffffff;--color-fondo-alternativo: #f8f9fa;--z-base: 1;--z-superior: 10;--z-flotante: 100;--z-modal: 1000;--z-tooltip: 1100;--altura-barra-superior: 60px;--ancho-panel-izquierdo: 320px;--ancho-panel-derecho: 400px;--altura-barra-inferior: 40px;--altura-barra-herramientas: 48px;--altura-dock-inferior: 300px}[data-theme=dark]{--color-superficie-base: #0f172a;--color-superficie-1: #1e293b;--color-superficie-2: #334155;--color-superficie-3: #475569;--color-superficie-hover: rgba(255, 255, 255, .04);--color-fondo: #0f172a;--color-fondo-secundario: #1e293b;--color-fondo-terciario: #334155;--color-fondo-alternativo: #1e293b;--color-superficie: #1e293b;--color-superficie-hover: #334155;--color-superficie-activo: #475569;--color-borde: #334155;--color-borde-sutil: #1e293b;--color-borde-normal: #334155;--color-borde-fuerte: #475569;--color-texto: #f1f5f9;--color-texto-primario: #f1f5f9;--color-texto-secundario: #cbd5e1;--color-texto-terciario: #94a3b8;--color-texto-deshabilitado: #475569;--color-texto-inverso: #0f172a;--color-acento-primario: #3b82f6;--color-acento-hover: #2563eb;--color-acento-activo: #1d4ed8;--color-acento-sutil: rgba(59, 130, 246, .1);--color-primario: #3b82f6;--color-primario-hover: #2563eb;--color-primario-activo: #1d4ed8;--color-primario-sutil: #1e3a8a;--color-secundario: #8b5cf6;--color-secundario-hover: #7c3aed;--color-secundario-activo: #6d28d9;--color-secundario-sutil: #4c1d95;--color-positivo: #10b981;--color-positivo-sutil: rgba(16, 185, 129, .1);--color-exito: #10b981;--color-exito-hover: #059669;--color-exito-sutil: #064e3b;--color-alerta: #f59e0b;--color-alerta-sutil: rgba(245, 158, 11, .1);--color-peligro: #ef4444;--color-peligro-sutil: rgba(239, 68, 68, .1);--color-info: #06b6d4;--color-info-hover: #0891b2;--color-info-sutil: #164e63;--sombra-xs: 0 1px 2px 0 rgba(0, 0, 0, .3);--sombra-sm: 0 1px 3px 0 rgb(0 0 0 / .3), 0 1px 2px -1px rgb(0 0 0 / .3);--sombra-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--sombra-lg: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .3);--sombra-xl: 0 20px 25px -5px rgb(0 0 0 / .3), 0 8px 10px -6px rgb(0 0 0 / .3);--sombra-sutil: 0 1px 2px 0 rgba(0, 0, 0, .3), 0 1px 3px 1px rgba(0, 0, 0, .15);--sombra-normal: 0 1px 2px 0 rgba(0, 0, 0, .3), 0 2px 6px 2px rgba(0, 0, 0, .15);--sombra-elevada: 0 4px 8px 3px rgba(0, 0, 0, .15), 0 1px 3px rgba(0, 0, 0, .3);--sombra-flotante: 0 8px 12px 6px rgba(0, 0, 0, .15), 0 4px 4px rgba(0, 0, 0, .3)}[data-theme=monokai]{--color-superficie-base: #272822;--color-superficie-1: #2e2e28;--color-superficie-2: #3e3d32;--color-superficie-3: #49483e;--color-superficie-hover: rgba(255, 255, 255, .05);--color-fondo: #272822;--color-fondo-secundario: #2e2e28;--color-fondo-terciario: #3e3d32;--color-fondo-alternativo: #2e2e28;--color-superficie: #2e2e28;--color-superficie-activo: #3e3d32;--color-borde: #49483e;--color-borde-sutil: #49483e;--color-borde-normal: #5a594e;--color-borde-fuerte: #75715e;--color-texto: #f8f8f2;--color-texto-primario: #f8f8f2;--color-texto-secundario: #cfcfc2;--color-texto-terciario: #75715e;--color-texto-deshabilitado: #5a594e;--color-texto-inverso: #272822;--color-acento-primario: #66d9ef;--color-acento-hover: #52c5db;--color-acento-activo: #3eb1c7;--color-acento-sutil: rgba(102, 217, 239, .15);--color-primario: #66d9ef;--color-primario-hover: #52c5db;--color-primario-activo: #3eb1c7;--color-primario-sutil: rgba(102, 217, 239, .2);--color-secundario: #ae81ff;--color-secundario-hover: #9a6deb;--color-secundario-activo: #8659d7;--color-secundario-sutil: rgba(174, 129, 255, .15);--color-positivo: #a6e22e;--color-positivo-sutil: rgba(166, 226, 46, .15);--color-exito: #a6e22e;--color-exito-hover: #92ce1a;--color-exito-sutil: rgba(166, 226, 46, .2);--color-alerta: #e6db74;--color-alerta-sutil: rgba(230, 219, 116, .15);--color-peligro: #f92672;--color-peligro-sutil: rgba(249, 38, 114, .15);--color-info: #66d9ef;--color-info-hover: #52c5db;--color-info-sutil: rgba(102, 217, 239, .15);--sombra-xs: 0 1px 2px 0 rgba(0, 0, 0, .4);--sombra-sm: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px -1px rgba(0, 0, 0, .4);--sombra-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--sombra-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .4);--sombra-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .4);--sombra-sutil: 0 1px 2px 0 rgba(0, 0, 0, .4), 0 1px 3px 1px rgba(0, 0, 0, .2);--sombra-normal: 0 1px 2px 0 rgba(0, 0, 0, .4), 0 2px 6px 2px rgba(0, 0, 0, .2);--sombra-elevada: 0 4px 8px 3px rgba(0, 0, 0, .2), 0 1px 3px rgba(0, 0, 0, .4);--sombra-flotante: 0 8px 12px 6px rgba(0, 0, 0, .2), 0 4px 4px rgba(0, 0, 0, .4)}[data-theme=dracula]{--color-superficie-base: #282a36;--color-superficie-1: #2f3241;--color-superficie-2: #383a59;--color-superficie-3: #44475a;--color-superficie-hover: rgba(255, 255, 255, .05);--color-fondo: #282a36;--color-fondo-secundario: #2f3241;--color-fondo-terciario: #383a59;--color-fondo-alternativo: #2f3241;--color-superficie: #2f3241;--color-superficie-activo: #383a59;--color-borde: #44475a;--color-borde-sutil: #44475a;--color-borde-normal: #565869;--color-borde-fuerte: #6272a4;--color-texto: #f8f8f2;--color-texto-primario: #f8f8f2;--color-texto-secundario: #bfbfbf;--color-texto-terciario: #6272a4;--color-texto-deshabilitado: #565869;--color-texto-inverso: #282a36;--color-acento-primario: #bd93f9;--color-acento-hover: #a97fe5;--color-acento-activo: #956bd1;--color-acento-sutil: rgba(189, 147, 249, .15);--color-primario: #bd93f9;--color-primario-hover: #a97fe5;--color-primario-activo: #956bd1;--color-primario-sutil: rgba(189, 147, 249, .2);--color-secundario: #ff79c6;--color-secundario-hover: #eb65b2;--color-secundario-activo: #d7519e;--color-secundario-sutil: rgba(255, 121, 198, .15);--color-positivo: #50fa7b;--color-positivo-sutil: rgba(80, 250, 123, .15);--color-exito: #50fa7b;--color-exito-hover: #3ce667;--color-exito-sutil: rgba(80, 250, 123, .2);--color-alerta: #f1fa8c;--color-alerta-sutil: rgba(241, 250, 140, .15);--color-peligro: #ff5555;--color-peligro-sutil: rgba(255, 85, 85, .15);--color-info: #8be9fd;--color-info-hover: #77d5e9;--color-info-sutil: rgba(139, 233, 253, .15);--sombra-xs: 0 1px 2px 0 rgba(0, 0, 0, .4);--sombra-sm: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px -1px rgba(0, 0, 0, .4);--sombra-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--sombra-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .4);--sombra-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .4);--sombra-sutil: 0 1px 2px 0 rgba(0, 0, 0, .4), 0 1px 3px 1px rgba(0, 0, 0, .2);--sombra-normal: 0 1px 2px 0 rgba(0, 0, 0, .4), 0 2px 6px 2px rgba(0, 0, 0, .2);--sombra-elevada: 0 4px 8px 3px rgba(0, 0, 0, .2), 0 1px 3px rgba(0, 0, 0, .4);--sombra-flotante: 0 8px 12px 6px rgba(0, 0, 0, .2), 0 4px 4px rgba(0, 0, 0, .4)}[data-theme=solarized]{--color-superficie-base: #002b36;--color-superficie-1: #073642;--color-superficie-2: #0d4956;--color-superficie-3: #145261;--color-superficie-hover: rgba(131, 148, 150, .05);--color-fondo: #002b36;--color-fondo-secundario: #073642;--color-fondo-terciario: #0d4956;--color-fondo-alternativo: #073642;--color-superficie: #073642;--color-superficie-activo: #0d4956;--color-borde: #145261;--color-borde-sutil: #145261;--color-borde-normal: #1c5a6a;--color-borde-fuerte: #586e75;--color-texto: #839496;--color-texto-primario: #839496;--color-texto-secundario: #93a1a1;--color-texto-terciario: #657b83;--color-texto-deshabilitado: #586e75;--color-texto-inverso: #002b36;--color-acento-primario: #268bd2;--color-acento-hover: #2077b8;--color-acento-activo: #1a639e;--color-acento-sutil: rgba(38, 139, 210, .15);--color-primario: #268bd2;--color-primario-hover: #2077b8;--color-primario-activo: #1a639e;--color-primario-sutil: rgba(38, 139, 210, .2);--color-secundario: #6c71c4;--color-secundario-hover: #585db0;--color-secundario-activo: #44499c;--color-secundario-sutil: rgba(108, 113, 196, .15);--color-positivo: #859900;--color-positivo-sutil: rgba(133, 153, 0, .15);--color-exito: #859900;--color-exito-hover: #717d00;--color-exito-sutil: rgba(133, 153, 0, .2);--color-alerta: #b58900;--color-alerta-sutil: rgba(181, 137, 0, .15);--color-peligro: #dc322f;--color-peligro-sutil: rgba(220, 50, 47, .15);--color-info: #2aa198;--color-info-hover: #268d84;--color-info-sutil: rgba(42, 161, 152, .15);--sombra-xs: 0 1px 2px 0 rgba(0, 0, 0, .5);--sombra-sm: 0 1px 3px 0 rgba(0, 0, 0, .5), 0 1px 2px -1px rgba(0, 0, 0, .5);--sombra-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .5);--sombra-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .5);--sombra-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .5);--sombra-sutil: 0 1px 2px 0 rgba(0, 0, 0, .5), 0 1px 3px 1px rgba(0, 0, 0, .25);--sombra-normal: 0 1px 2px 0 rgba(0, 0, 0, .5), 0 2px 6px 2px rgba(0, 0, 0, .25);--sombra-elevada: 0 4px 8px 3px rgba(0, 0, 0, .25), 0 1px 3px rgba(0, 0, 0, .5);--sombra-flotante: 0 8px 12px 6px rgba(0, 0, 0, .25), 0 4px 4px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--fuente-principal);font-size:var(--texto-base);line-height:1.6;color:var(--color-texto-primario);background:var(--color-superficie-base);min-height:100vh;overflow:hidden}h1,h2,h3,h4,h5,h6{font-weight:var(--peso-semibold);line-height:1.3;margin-bottom:var(--espaciado-md)}p{margin-bottom:var(--espaciado-lg)}code,pre{font-family:var(--fuente-codigo);font-size:.9em}a{color:var(--color-acento-primario);text-decoration:none;transition:color var(--transicion-rapida)}a:hover{color:var(--color-acento-hover);text-decoration:underline}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;outline:none;background:transparent;transition:all var(--transicion-rapida)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:var(--color-superficie-2);border:1px solid var(--color-borde-sutil);border-radius:var(--radio-md);padding:var(--espaciado-sm) var(--espaciado-md);outline:none;transition:all var(--transicion-rapida)}input:focus,textarea:focus,select:focus{border-color:var(--color-acento-primario);box-shadow:0 0 0 3px var(--color-acento-sutil)}::-webkit-scrollbar-track{background:var(--color-superficie-2);border-radius:var(--radio-sm)}::-webkit-scrollbar-thumb{background:var(--color-borde-normal);border-radius:var(--radio-sm);transition:background var(--transicion-rapida)}::-webkit-scrollbar-thumb:hover{background:var(--color-borde-fuerte)}.flex-center{display:flex;align-items:center;justify-content:center}.transition-colors{transition:color var(--transicion-rapida),background-color var(--transicion-rapida),border-color var(--transicion-rapida)}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}:focus-visible{outline:2px solid var(--color-acento-primario);outline-offset:2px}@media (max-width: 768px){:root{--ancho-panel-izquierdo: 280px;--ancho-panel-derecho: 320px}html{font-size:14px}}@media (max-width: 480px){:root{--ancho-panel-izquierdo: 100%;--ancho-panel-derecho: 100%}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{width:100%;height:100%;margin:0;padding:0;font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;overflow:hidden}body{width:100%;height:100%;margin:0;padding:0;font-family:var(--fuente-principal);font-size:var(--texto-base);font-weight:var(--peso-normal);line-height:var(--altura-linea-normal);color:var(--color-texto);background-color:var(--color-fondo);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow:hidden}#root{width:100vw;height:100vh;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--peso-semibold);line-height:var(--altura-linea-apretada);color:var(--color-texto)}h1{font-size:var(--texto-4xl)}h2{font-size:var(--texto-3xl)}h3{font-size:var(--texto-2xl)}h4{font-size:var(--texto-xl)}h5{font-size:var(--texto-lg)}h6{font-size:var(--texto-base)}p{margin:0;line-height:var(--altura-linea-normal)}a{color:var(--color-primario);text-decoration:none;transition:color var(--transicion-rapida)}a:hover{color:var(--color-primario-hover)}code,kbd,pre,samp{font-family:var(--fuente-codigo);font-size:.875em}pre{overflow:auto;margin:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button{background-color:transparent;background-image:none;border:none;cursor:pointer;text-transform:none;-webkit-appearance:button}button:focus-visible{outline:2px solid var(--color-primario);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{background-color:var(--color-superficie);color:var(--color-texto);border:1px solid var(--color-borde);border-radius:var(--radio-md);padding:var(--espaciado-sm) var(--espaciado-md);transition:all var(--transicion-rapida)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primario);box-shadow:0 0 0 3px var(--color-primario-sutil)}input::placeholder,textarea::placeholder{color:var(--color-texto-terciario)}ol,ul{list-style:none;margin:0;padding:0}img,svg,video,canvas,audio,iframe,embed,object{display:block;max-width:100%;height:auto}img,video{height:auto}table{border-collapse:collapse;border-spacing:0;width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background-color:var(--color-fondo-secundario);border-radius:var(--radio-lg)}::-webkit-scrollbar-thumb{background-color:var(--color-borde-fuerte);border-radius:var(--radio-lg);border:2px solid var(--color-fondo-secundario)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-texto-terciario)}*{scrollbar-width:thin;scrollbar-color:var(--color-borde-fuerte) var(--color-fondo-secundario)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-fadeIn{animation:fadeIn var(--transicion-media) ease-out}.animate-slideInUp{animation:slideInUp var(--transicion-media) ease-out}.animate-slideInDown{animation:slideInDown var(--transicion-media) ease-out}.animate-slideInLeft{animation:slideInLeft var(--transicion-media) ease-out}.animate-slideInRight{animation:slideInRight var(--transicion-media) ease-out}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-color-scheme: dark){:root:not([data-theme]){--color-fondo: #0f172a;--color-fondo-secundario: #1e293b;--color-superficie: #1e293b;--color-superficie-hover: #334155;--color-borde: #334155;--color-borde-fuerte: #475569;--color-texto: #f1f5f9;--color-texto-secundario: #cbd5e1;--color-texto-terciario: #94a3b8}}@media print{*,*:before,*:after{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}pre{white-space:pre-wrap!important}img{page-break-inside:avoid}}html,body,#root{width:100%!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;position:relative!important}html{width:100vw!important;height:100vh!important;position:fixed!important;inset:0!important}body{width:100%!important;height:100%!important;position:absolute!important;inset:0!important}#root{width:100vw!important;height:100vh!important;position:fixed!important;inset:0!important;max-width:none!important;max-height:none!important;background:transparent!important}.app{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;position:absolute!important;inset:0!important}*{max-width:none!important}html::-webkit-scrollbar,body::-webkit-scrollbar,#root::-webkit-scrollbar{display:none!important}html,body,#root{-ms-overflow-style:none!important;scrollbar-width:none!important}.app:before,.app:after{content:"";display:table;clear:both}.app-contenido{width:100%!important;flex:1!important;min-height:0!important}.panel-group-principal{width:100%!important;height:100%!important}.container,.wrapper,.content{max-width:none!important;width:100%!important}@media screen and (min-width: 0px){html,body,#root,.app{width:100vw!important;height:100vh!important;margin:0!important;padding:0!important}}