:root{--tinta:#10151c;--tinta-suave:#4a5464;--azul:#1a4fa0;--azul-vivo:#2563c9;--rojo:#a32218;--verde:#15663f;--ambar:#8a5a00;--papel:#fff;--nube:#f7f8fa;--niebla:#edf0f4;--borde:#d9dee6;--error-fondo:#fdf2f1;--error-borde:#f2c9c5;--error-texto:#7a1a13;--trama:#edf0f4;--sombra:#0000001a;--cafe-icono:#e8a317;--cafe-fondo:#fff4d6;--cafe-texto:#6b4400;--cafe-borde:#f0d089;--e1:4px;--e2:8px;--e3:12px;--e4:16px;--e5:24px;--radio:8px;--radio-s:5px;--barra:52px;--mono:ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace}[data-tema=oscuro]{--tinta:#e4e8ef;--tinta-suave:#98a3b4;--azul:#6ca0f5;--azul-vivo:#8fbaff;--rojo:#f2756a;--verde:#5fd39b;--ambar:#e0b050;--papel:#1a1f27;--nube:#12161c;--niebla:#222933;--borde:#2f3744;--error-fondo:#2c1a19;--error-borde:#5b2b27;--error-texto:#f4a9a1;--trama:#1e242d;--sombra:#00000080;--cafe-icono:#ffc107;--cafe-fondo:#3d2f12;--cafe-texto:#ffcd4d;--cafe-borde:#5c4718}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;color:var(--tinta);background:var(--nube);margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}body{flex-direction:column;display:flex}main{flex:1;min-height:0}.cab{height:var(--barra);padding:0 var(--e4);background:var(--papel);border-bottom:1px solid var(--borde);justify-content:space-between;align-items:center;display:flex}.cab-marca{letter-spacing:-.01em;font-size:1.02rem}.cab-marca strong{color:var(--azul)}.cab-nav{gap:var(--e4);align-items:center;font-size:.88rem;display:flex}.cab-nav a{color:var(--tinta-suave);text-decoration:none}.cab-nav a:hover{color:var(--azul);text-decoration:underline}.cafe{align-items:center;gap:var(--e2);padding:var(--e1) var(--e3);background:var(--cafe-fondo);border:1px solid var(--cafe-borde);white-space:nowrap;border-radius:999px;font-size:.84rem;font-weight:600;transition:transform .12s;display:inline-flex;color:var(--cafe-texto)!important;text-decoration:none!important}.cafe:hover{border-color:var(--cafe-icono);transform:translateY(-1px)}.cafe-icono{filter:saturate(1.3);font-size:1.05em;line-height:1}.ed{grid-template-columns:minmax(320px,42%) 1fr;height:100%;min-height:0;display:grid}.ed-panel{background:var(--papel);flex-direction:column;min-width:0;min-height:0;display:flex}.ed-panel:first-child{border-right:1px solid var(--borde)}.ed-barra,.pv-barra{justify-content:space-between;align-items:center;gap:var(--e3);padding:var(--e2) var(--e4);background:var(--niebla);border-bottom:1px solid var(--borde);min-height:40px;font-size:.8rem;display:flex}.ed-rotulo{text-transform:uppercase;letter-spacing:.06em;font-weight:600}.ed-acciones{align-items:center;gap:var(--e2);display:flex}.ed-btn,.ed-sel,.pv-zoom button,.pv-descargar{min-height:28px;padding:0 var(--e2);border:1px solid var(--borde);border-radius:var(--radio-s);background:var(--papel);color:var(--tinta);cursor:pointer;justify-content:center;align-items:center;font-family:inherit;font-size:.8rem;text-decoration:none;display:inline-flex}.ed-btn:hover,.ed-sel:hover,.pv-zoom button:hover,.pv-descargar:hover{border-color:var(--azul);color:var(--azul)}.cm-caja{flex:1;min-height:0;overflow:hidden}.cm-cargando{color:var(--tinta-suave);justify-content:center;align-items:center;font-size:.9rem;display:flex}.cm-caja>.cm-editor{height:100%}.cm-caja>.cm-editor.cm-focused{outline:none}.ed-pie-error{padding:var(--e2) var(--e4);background:var(--error-fondo);border-top:1px solid var(--error-borde);color:var(--error-texto);font-size:.82rem;font-weight:600}.pv{flex-direction:column;height:100%;min-height:0;display:flex}.pv-estado{font-weight:600}.pv-vacio,.pv-cargando{color:var(--tinta-suave)}.pv-ok{color:var(--verde)}.pv-error-sintaxis{color:var(--rojo)}.pv-error-red{color:var(--ambar)}.pv-zoom{align-items:center;gap:var(--e1);display:flex}.pv-zoom button{min-width:28px}.pv-zoom-n{text-align:center;font-variant-numeric:tabular-nums;min-width:46px;color:var(--tinta-suave)}.pv-error{background:var(--error-fondo);border-bottom:1px solid var(--error-borde);padding:var(--e3) var(--e4);color:var(--error-texto);font-size:.86rem}.pv-error p{margin:0 0 var(--e1)}.pv-nota{color:var(--tinta-suave);font-size:.8rem}.pv-lienzo{padding:var(--e5);background:linear-gradient(45deg, var(--trama) 25%, transparent 25%) 0 0/18px 18px, linear-gradient(-45deg, var(--trama) 25%, transparent 25%) 0 0/18px 18px, var(--nube);flex:1;justify-content:center;align-items:flex-start;display:flex;overflow:auto}.pv-img{max-width:none;height:auto;box-shadow:0 1px 4px var(--sombra);border-radius:var(--radio-s);background:#fff}.pv-img-viejo{opacity:.4}.pv-vacio{color:var(--tinta-suave)}.aviso-movil{z-index:900;padding:var(--e4);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.aviso-caja{width:100%;max-width:420px;max-height:88vh;padding:var(--e5);background:var(--papel);border:1px solid var(--borde);border-radius:var(--radio);color:var(--tinta);font-size:.92rem;line-height:1.55;overflow-y:auto;box-shadow:0 12px 40px #00000059}.aviso-tit{margin:0 0 var(--e3);color:var(--azul);font-size:1.15rem}.aviso-caja p{margin:0 0 var(--e3)}.aviso-lista{margin:0 0 var(--e4);padding-left:var(--e5);color:var(--tinta-suave)}.aviso-lista li{margin-bottom:var(--e2)}.aviso-lista code{font-family:var(--mono);background:var(--niebla);border:1px solid var(--borde);color:var(--tinta);border-radius:4px;padding:1px 5px;font-size:.86em}.aviso-nota{padding:var(--e3);background:var(--niebla);border-radius:var(--radio-s);color:var(--tinta-suave);font-size:.88rem}.aviso-nota strong{color:var(--tinta)}.aviso-botones{gap:var(--e2);display:flex}.aviso-btn{min-height:44px;padding:0 var(--e4);border:1px solid var(--borde);border-radius:var(--radio-s);background:var(--papel);color:var(--tinta);font:inherit;cursor:pointer;flex:1;font-weight:600}.aviso-btn-pri{background:var(--azul);border-color:var(--azul);color:#fff}.aviso-btn-pri:hover{background:var(--azul-vivo);border-color:var(--azul-vivo)}.menu-ctx{z-index:500;min-width:228px;padding:var(--e1) 0;background:var(--papel);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:0 8px 28px var(--sombra);font-size:.86rem;position:fixed}.menu-item{justify-content:space-between;align-items:center;gap:var(--e4);width:100%;padding:var(--e2) var(--e4);color:var(--tinta);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.menu-item:hover{background:var(--niebla);color:var(--azul)}.menu-item kbd{font-family:var(--mono);color:var(--tinta-suave);background:var(--niebla);border:1px solid var(--borde);border-radius:4px;padding:1px 5px;font-size:.76rem}.menu-item:hover kbd{background:var(--papel)}.menu-sep{height:1px;margin:var(--e1) 0;background:var(--borde)}.pie{background:var(--papel);border-top:1px solid var(--borde);color:var(--tinta-suave);font-size:.82rem}.pie-rejilla{gap:var(--e5);max-width:1100px;padding:var(--e5) var(--e4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0 auto;display:grid}.pie-col p{margin:0 0 var(--e3);line-height:1.55}.pie-col p:last-child{margin-bottom:0}.pie-tit{margin:0 0 var(--e2);text-transform:uppercase;letter-spacing:.07em;color:var(--tinta);font-size:.78rem;font-weight:700}.pie-col strong{color:var(--tinta)}.cafe-pie{margin-top:var(--e1)}.pie-fin{gap:var(--e3);max-width:1100px;padding:var(--e3) var(--e4);border-top:1px solid var(--borde);flex-wrap:wrap;justify-content:space-between;align-items:center;margin:0 auto;font-size:.78rem;display:flex}.pie a{color:var(--azul)}.pie-lic{color:var(--tinta-suave)}.pie-btn{align-items:center;gap:var(--e1);min-height:28px;padding:0 var(--e2);margin-right:var(--e2);border:1px solid var(--borde);border-radius:var(--radio-s);background:var(--papel);color:var(--tinta-suave);font:inherit;cursor:pointer;font-size:.78rem;display:inline-flex}.pie-btn:hover{border-color:var(--azul);color:var(--azul)}.pie-flecha{font-size:.9em;transition:transform .15s;display:inline-block}.pie-flecha-abierta{transform:rotate(90deg)}.pie-izq,.pie-der{align-items:center;gap:var(--e3);display:flex}.cafe-mini{padding:2px var(--e2);font-size:.78rem}.pie-plegado .pie-fin{padding-top:var(--e2);padding-bottom:var(--e2)}@media (width<=820px){.ed{grid-template-rows:38vh 1fr;grid-template-columns:1fr}.ed-panel:first-child{border-right:0;border-bottom:1px solid var(--borde)}.cm-caja>.cm-editor{font-size:16px}.cab-nav{gap:var(--e2);font-size:.78rem}.cab-nav a:not(.cafe){display:none}.pv-lienzo{padding:var(--e3)}.ed-barra,.pv-barra{padding:var(--e2) var(--e3)}.pie-rejilla{gap:var(--e3);padding:var(--e4) var(--e3)}.pie-col:first-child,.pie-col:nth-child(2){display:none}.pie-fin{padding:var(--e2) var(--e3);align-items:flex-start;gap:var(--e2);flex-direction:column}.pie-plegado .pie-lic{display:none}}