:root{--grueso:#232326;--fondo:#121216;--panel:#1c1c22;--papel:#17171e;--tinta:#ece9e2;--apagado:#9b9aa5;--linea-suave:#2f2f38;--amarillo:#ffd23e;--celeste:#55b8f2;--rosa:#ff8ecb;--verde:#63c78c;--rojo:#f2715f;--radio:10px;--fuente-ui:var(--cuerpo);--fuente-mono:var(--mono)}*{box-sizing:border-box}html,body,#app{height:100%}body{background:var(--fondo);color:var(--tinta);font-family:var(--fuente-ui);overflow:hidden;margin:0;font-size:14.5px}button{font-family:var(--fuente-ui);cursor:pointer;border:1.5px solid var(--linea-suave);border-radius:var(--radio);background:var(--panel);color:var(--tinta);display:inline-flex;white-space:nowrap;justify-content:center;align-items: center;gap:7px;padding:8px 12px;transition:border-color .12s,background .12s;line-height:1}button:hover{border-color:var(--apagado);background:#232329}button:disabled{opacity:.4;cursor:default}button.iconico{padding:8px 10px}button.activo{border-color:var(--amarillo);color:var(--amarillo);background:color-mix(in srgb,var(--amarillo)12%,var(--panel))}button .icono{display:inline-flex;pointer-events:none;vertical-align:middle;flex-shrink:0;justify-content:center;align-items: center}button .icono svg{display:block}.secciones{display:flex;flex-direction:column;height:100%}.cabecera{display:flex;border-bottom:1px solid var(--linea-suave);background:var(--panel);flex-shrink:0;align-items: center;gap:12px;padding:10px 16px}.cabecera h1{letter-spacing:.5px;margin:0;font-size:20px;font-weight:400}.cabecera .tag{color:var(--apagado);font-size:12.5px}.cabecera .hueco{flex:1}.cuerpo{display:flex;flex:1;min-height:0}.panel-herramientas{display:flex;border-right:1px solid var(--linea-suave);background:var(--panel);flex-direction:column;flex-shrink:0;align-items: center;gap:8px;width:60px;padding:12px 4px}.panel-herramientas .paleta{display:flex;flex-direction:column;gap:6px;margin-top:8px}.paleta button{border:2px solid var(--linea-suave);border-radius:50%;width:28px;height:28px;padding:0}.paleta button.activo{border-color:var(--tinta)}.paleta button:hover{border-color:var(--apagado)}.caja-grosor{display:inline-flex;align-items: center;gap:10px;padding:4px 10px}.caja-grosor .muestra-trazo{background:var(--tinta);border:none;border-radius:3px;width:30px;height:0}.miniatura-tamano{display:none}.caja-grosor .slider-grosor{accent-color:var(--amarillo);cursor:pointer;background:linear-gradient(to right,var(--amarillo)var(--pct,20%),var(--linea-suave)var(--pct,20%));-webkit-appearance:none;appearance:none;border-radius:4px;width:110px;height:8px;margin:0}.slider-grosor::-webkit-slider-thumb{background:var(--amarillo);border:2px solid var(--grueso);cursor:grab;border-radius:50%;width:20px;height:20px;box-shadow:0 0 0 3px #0004}.slider-grosor::-moz-range-thumb{background:var(--amarillo);border:2px solid var(--grueso);cursor:grab;border-radius:50%;width:20px;height:20px}.slider-grosor::-moz-range-track{background:linear-gradient(to right,var(--amarillo)var(--pct,20%),var(--linea-suave)var(--pct,20%));border-radius:4px;height:8px}.zona-lienzo{display:flex;flex-direction:column;flex:1;min-width:0}.tira-acciones{display:flex;border-bottom:1px solid var(--linea-suave);background:color-mix(in srgb,var(--panel)60%,var(--fondo));flex-wrap:wrap;align-items: center;gap:8px;padding:8px 12px}.tira-acciones .sep{background:var(--linea-suave);width:1px;height:26px}.moldura{position:relative;border:2px solid var(--linea-suave);background:var(--papel);overflow:hidden;flex:1;min-height:0}.moldura canvas{position:absolute;display:block;touch-action:none;width:100%;height:100%;inset:0}.editor-flotante{position:absolute;z-index:10;overflow-y:auto;background:var(--panel);border:1px solid var(--linea-suave);border-radius:12px;width:min(380px,100% - 16px);max-height:calc(100% - 16px);padding:16px;box-shadow:0 18px 40px #0009}.editor-cabecera{display:flex;justify-content:space-between;align-items: center;gap:12px;margin-bottom:12px}.editor-cabecera h2{margin:0;font-size:17px;font-weight:600}.editor-cerrar{background:0 0;border-color:#0000;padding:6px}.editor-modos{display:flex;background:var(--papel);border-radius:8px;gap:4px;margin-bottom:16px;padding:4px}.editor-modos button{color:var(--apagado);background:0 0;border:none;border-radius:6px;flex:1;padding:9px 8px;font-size:13px}.editor-modos button[aria-pressed=true]{background:var(--linea-suave);color:var(--tinta)}.editor-flotante label{display:block;margin-bottom:8px;font-size:13px;font-weight:500}.editor-flotante textarea{display:block;resize:vertical;background:var(--papel);border:1px solid var(--linea-suave);color:var(--tinta);font:14px/1.5 var(--fuente-ui);border-radius:8px;width:100%;min-height:82px;max-height:160px;padding:10px 12px}.editor-flotante textarea::placeholder{color:var(--apagado)}.editor-generar{border-color:var(--celeste);color:var(--celeste);background:color-mix(in srgb,var(--celeste)8%,var(--panel));width:100%;margin-top:10px;padding:11px;font-size:13px}.editor-generar:hover:enabled{background:color-mix(in srgb,var(--celeste)15%,var(--panel))}.editor-previa{margin:16px 0 0}.editor-previa figcaption{color:var(--apagado);margin-bottom:8px;font-size:12px}.editor-previa .vista-ka{background:var(--papel);overflow-x:auto;white-space:pre-wrap;border-radius:8px;min-height:64px;padding:16px 12px;font-size:24px;line-height:1.4}.editor-previa .katex-display{margin:0}.editor-pie{position:sticky;z-index:1;background:var(--panel);display:flex;border-top:1px solid var(--linea-suave);justify-content:space-between;align-items: center;gap:12px;margin-top:14px;padding-top:14px;bottom:0}.editor-pie button{padding:10px 14px}.editor-color{display:inline-flex;color:var(--apagado);align-items: center;gap:8px;font-size:12px}.editor-color>span{border:1px solid #fff3;border-radius:50%;flex-shrink:0;width:14px;height:14px}.editor-error{color:var(--rojo);margin:10px 0 0;font-size:13px;line-height:1.5}.panel-ia{overflow-y:auto;display:flex;border-left:1px solid var(--linea-suave);background:var(--fondo);flex-direction:column;flex-shrink:0;gap:12px;width:360px;max-width:36vw;padding:12px}.panel-ia .caja{background:var(--panel);border:1px solid var(--linea-suave);border-radius:var(--radio);padding:12px}.panel-ia h2{display:flex;letter-spacing:.5px;align-items: center;gap:8px;margin:0 0 6px;font-size:15px}.panel-ia .suave{color:var(--apagado);margin:2px 0 8px;font-size:12.5px;line-height:1.55}.panel-ia .fila{display:flex;flex-wrap:wrap;align-items: center;gap:8px}.panel-ia .fila select,.panel-ia .fila input[type=text]{background:var(--papel);border:1px solid var(--linea-suave);color:var(--tinta);font-size:13.5px;font-family:var(--fuente-ui);border-radius:8px;flex:1;min-width:100px;padding:7px 9px}.panel-ia textarea{background:var(--papel);border:1px solid var(--linea-suave);color:var(--tinta);font-size:13px;font-family:var(--fuente-ui);resize:vertical;border-radius:8px;width:100%;min-height:52px;margin-top:8px;padding:8px}.contenido-ia{overflow-y:auto;background:var(--papel);border:1px dashed var(--linea-suave);overflow-wrap:anywhere;border-radius:8px;max-height:46vh;margin-top:10px;padding:10px 12px;font-size:14px;line-height:1.65}.contenido-ia:empty:before{content:attr(data-vacio);color:var(--apagado);font-size:13px}.contenido-ia h1,.contenido-ia h2,.contenido-ia h3{color:var(--amarillo);letter-spacing:.4px;margin:10px 0 4px;font-size:15px}.contenido-ia p{margin:7px 0}.contenido-ia ul,.contenido-ia ol{margin:7px 0 7px 22px;padding:0}.contenido-ia li{margin:3px 0}.contenido-ia code{font-family:var(--fuente-mono);background:#26262e;border-radius:5px;padding:1px 5px;font-size:12.5px}.contenido-ia pre{border:1px solid var(--linea-suave);overflow-x:auto;border-radius:8px;padding:10px;font-size:12.5px;line-height:1.5;background:#26262e!important}.contenido-ia .katex-display{overflow-x:auto;overflow-y:hidden;margin:9px 0}.contenido-ia .katex{color:inherit;font-size:1.02em}.contenido-ia img{border-radius:8px;max-width:100%}.contenido-ia .bloque-error{color:var(--rojo);font-size:13.5px}.contenido-ia .cargando{color:var(--apagado);animation:parpadeo 1s infinite alternate;display:inline-flex;align-items: center;gap:8px}@keyframes parpadeo{0%{opacity:.4}to{opacity:1}}.grado{display:inline-grid;border:2px solid var(--linea-suave);border-radius:12px;place-items: center;width:46px;height:46px;font-size:18px;font-weight:700}.pegado{justify-content:center;width:100%;margin-top:10px}sl-alert{--sl-font-sans:var(--fuente-ui)}@media (max-width:1000px){.panel-ia{width:280px;max-width:34vw;padding:10px}.panel-ia h2{font-size:14px}.tira-acciones button span.etiqueta{display:none}.tira-acciones button{padding:8px}}@media (max-width:780px){.cuerpo{overflow-y:auto;flex-direction:column}.zona-lienzo{min-height:64vh}.moldura{min-height:56vh}.panel-ia{border-left:none;border-top:1px solid var(--linea-suave);width:auto;max-width:none}.panel-herramientas{border-right:none;border-bottom:1px solid var(--linea-suave);flex-flow:wrap;width:auto;padding:8px}.panel-herramientas .paleta{flex-flow:wrap;margin:0}.caja-grosor{display:inline-flex}.caja-grosor .slider-grosor{width:80px!important}.cabecera{flex-wrap:wrap}.cabecera .tag{display:none}}.texto-tablero{position:absolute;white-space:pre-wrap;pointer-events:none;user-select:none;color:var(--tinta);font-family:var(--fuente-ui);transform-origin:0 0;width:max-content;line-height:1.35;top:0;left:0}.texto-tablero .katex-display{margin:0}button:focus-visible{outline:2px solid var(--celeste);outline-offset:3px}input:focus-visible{outline:2px solid var(--celeste);outline-offset:3px}select:focus-visible{outline:2px solid var(--celeste);outline-offset:3px}textarea:focus-visible{outline:2px solid var(--celeste);outline-offset:3px}.dialogo{overflow:auto;background:var(--panel);color:var(--tinta);border:1px solid var(--linea-suave);border-radius:var(--radio);font-family:var(--fuente-ui);width:min(480px,100vw - 32px);max-height:calc(100dvh - 32px);padding:20px}.dialogo::backdrop{background:#0009}.titulo-dialogo{display:flex;justify-content:space-between;align-items: center;gap:16px}.titulo-dialogo h2{margin:0;font-size:18px}.dialogo p{line-height:1.6}.dialogo input{background:var(--papel);color:var(--tinta);border:1px solid var(--linea-suave);font:inherit;border-radius:8px;width:100%;padding:10px}.acciones-dialogo{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:20px}button.peligro{background:var(--rojo);color:#121216}.toast{position:fixed;z-index:1500;background:var(--panel);border:1px solid var(--linea-suave);border-radius:var(--radio);max-width:min(400px,88vw);padding:16px;bottom:18px;right:18px;box-shadow:0 8px 24px #0008}.toast.danger{border-color:var(--rojo)}.toast.warning{border-color:var(--amarillo)}.toast.success{border-color:var(--verde)}.secciones{height:100dvh}@media (max-width:780px){.zona-lienzo{flex-shrink:0}.panel-ia{overflow:visible;flex-shrink:0}}.secciones{--acento-reto:#ff9d3d}.moldura{transition:border-color .18s}.modo-reto .moldura{border-color:var(--acento-reto)}.toggle-reto[aria-pressed=true]{color:var(--acento-reto);border-color:var(--acento-reto);background:color-mix(in srgb,var(--acento-reto)14%,var(--panel))}.modo-reto .panel-ia h2{color:var(--acento-reto)}@media (prefers-reduced-motion:reduce){.moldura{transition:none}}@media (max-width:780px){.editor-flotante{padding:12px}.editor-flotante textarea{min-height:64px}.editor-cabecera{margin-bottom:10px}.editor-modos{margin-bottom:12px}.editor-generar{margin-top:8px;padding:9px}.editor-previa{margin-top:12px}.editor-pie{margin-top:12px;padding-top:12px}}