:root{--navy:#0f1b2d;--ambar:#ff8a1f;--pizarra:#3b5174;--niebla:#a9b7cc;--fondo:#f6f5f2;--superficie:#fff;--texto:#0f1b2d;--suave:#5b6b85;--borde:#e3e1dc;--error:#d64545;--ok:#1f9d55;color:var(--texto);background:var(--fondo);font-family:Manrope,Inter,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--fondo:#0f1b2d;--superficie:#18263c;--texto:#f6f5f2;--suave:#a9b7cc;--borde:#26364f}}*{box-sizing:border-box}body{margin:0}.pagina{max-width:1100px;margin:0 auto;padding:24px 16px}header{align-items:center;gap:12px;margin-bottom:24px;display:flex}h1{letter-spacing:-.02em;margin:0;font-size:24px}h2{margin:0 0 12px;font-size:16px}.editor{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=760px){.editor{grid-template-columns:1fr}}.columna{background:var(--superficie);border:1px solid var(--borde);border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}label{flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}select,textarea{font:inherit;color:var(--texto);background:var(--fondo);border:1px solid var(--borde);border-radius:10px;padding:10px}textarea{resize:vertical;min-height:420px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.ok{color:var(--ok);margin:0;font-weight:700}.errores{color:var(--error);gap:6px;margin:0;padding-left:18px;display:grid}.nota{color:var(--suave);margin:0;font-size:14px}code{background:var(--fondo);border-radius:6px;padding:1px 6px}