:root{--plano: #0a0b0f;--superficie: #12141a;--superficie-2: #171a22;--superficie-3: #1d212b;--borde: rgba(45, 212, 191, .13);--borde-suave: rgba(255, 255, 255, .06);--texto: #f0f4f4;--texto-2: #98a4a8;--suave: #626d73;--acento: #2dd4bf;--acento-hondo: #0f766e;--acento-tenue: rgba(45, 212, 191, .11);--violeta: #a78bfa;--violeta-tenue: rgba(167, 139, 250, .12);--ambar: #fbbf24;--brillo: 0 0 28px rgba(45, 212, 191, .16);--bien: #34d399;--alerta: #fbbf24;--critico: #f87171;--r: 16px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--plano);color:var(--texto);font:15px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1{font-size:1.6rem;margin:0 0 .25rem;letter-spacing:-.02em;font-weight:620}h2{font-size:1rem;margin:0 0 1rem;font-weight:580;letter-spacing:-.01em}h3{font-size:.95rem;margin:0;font-weight:580}.suave{color:var(--texto-2)}.chico{font-size:.84rem}.app{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.lateral{background:var(--superficie);border-right:1px solid var(--borde);padding:1.3rem .75rem;display:flex;flex-direction:column;gap:.1rem}.marca{display:flex;align-items:center;gap:.6rem;padding:0 .6rem 1.4rem;font-weight:640;letter-spacing:-.02em}.marca .glifo{width:32px;height:32px;border-radius:9px;flex-shrink:0;background:var(--acento);display:grid;place-items:center;font-size:1rem}.marca small{display:block;font-size:.64rem;font-weight:500;letter-spacing:.09em;color:var(--suave);text-transform:uppercase}.nav{padding:.52rem .65rem;border-radius:8px;color:var(--texto-2);font-size:.92rem;display:block}.nav:hover{background:var(--superficie-2);color:var(--texto)}.nav.activo{background:var(--acento-tenue);color:#7cb2f0;font-weight:560}.pie{margin-top:auto;padding:.8rem .65rem 0;border-top:1px solid var(--borde)}.contenido{padding:2rem 2.5rem 4rem;max-width:1180px}.cabecera{margin-bottom:1.7rem}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--r);padding:1.25rem}.rejilla{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.dos{display:grid;gap:1rem;grid-template-columns:1.55fr 1fr}@media(max-width:940px){.dos{grid-template-columns:1fr}}.metrica .etiqueta{color:var(--texto-2);font-size:.86rem}.metrica .valor{font-size:2rem;font-weight:620;letter-spacing:-.035em;margin:.3rem 0 .15rem}.metrica .delta{font-size:.8rem}.metrica .delta.sube{color:var(--bien)}.medidor .etiqueta{color:var(--texto-2);font-size:.86rem}.medidor .cifra{font-size:2.6rem;font-weight:640;letter-spacing:-.04em;margin:.25rem 0 .8rem}.medidor .barra{height:8px;background:var(--superficie-2);border-radius:20px;overflow:hidden;margin-bottom:.7rem}.medidor .barra>div{height:100%;border-radius:20px}.medidor .aviso{font-size:.84rem;margin-top:.6rem;font-weight:550}.figura{margin:0}.figura figcaption{display:flex;justify-content:space-between;align-items:center;margin-bottom:.9rem;gap:1rem;flex-wrap:wrap}.figura svg{width:100%;height:auto;display:block;overflow:visible}.leyenda{display:flex;gap:1rem;font-size:.82rem;color:var(--texto-2)}.leyenda span,.tooltip span{display:flex;align-items:center;gap:.38rem}.leyenda i,.tooltip i{width:9px;height:9px;border-radius:3px;display:inline-block;flex-shrink:0}.tooltip{margin-top:.7rem;padding:.6rem .75rem;background:var(--superficie-2);border:1px solid var(--borde);border-radius:9px;display:flex;gap:1.1rem;align-items:center;font-size:.85rem;flex-wrap:wrap}.tooltip b{font-variant-numeric:tabular-nums;margin-left:.25rem}label{display:block;font-size:.87rem;font-weight:550;margin-bottom:.35rem}input,textarea,select{width:100%;padding:.58rem .72rem;font:inherit;font-size:.92rem;background:var(--plano);color:var(--texto);border:1px solid var(--borde);border-radius:9px}input:focus,textarea:focus,select:focus{outline:2px solid var(--acento);outline-offset:-1px}textarea{resize:vertical;min-height:92px;line-height:1.5}.campo{margin-bottom:1.1rem}.ayuda{color:var(--suave);font-size:.82rem;margin-top:.32rem}button{padding:.56rem 1.05rem;font:inherit;font-size:.91rem;font-weight:550;background:var(--acento);color:#fff;border:0;border-radius:9px;cursor:pointer}button:hover{filter:brightness(1.08)}button:disabled{opacity:.4;cursor:default}button.secundario{background:var(--superficie-2);color:var(--texto);border:1px solid var(--borde)}table{width:100%;border-collapse:collapse;font-size:.91rem}th{text-align:left;font-weight:550;color:var(--suave);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;padding:.55rem .8rem;border-bottom:1px solid var(--borde)}td{padding:.78rem .8rem;border-bottom:1px solid var(--borde)}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--superficie-2);cursor:pointer}.num{font-variant-numeric:tabular-nums}.pastilla{display:inline-flex;align-items:center;gap:.35rem;padding:.16rem .55rem;border-radius:20px;font-size:.78rem;background:var(--acento-tenue);color:#7cb2f0}.pastilla.gris{background:var(--superficie-2);color:var(--texto-2)}.pastilla.roja{background:#d03b3b29;color:#e88}.pastilla:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.vacio{color:var(--texto-2);text-align:center;padding:2.6rem 1rem}.entrar{display:grid;place-items:center;min-height:100vh;padding:1rem}.entrar .tarjeta{width:100%;max-width:372px;padding:1.8rem}@media(max-width:760px){.app{grid-template-columns:1fr}.lateral{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--borde)}.marca,.pie{display:none}.contenido{padding:1.2rem}}.grafica-vacia{display:grid;place-items:center;min-height:168px;color:var(--suave);font-size:.88rem;text-align:center;border:1px dashed var(--borde);border-radius:10px}.linea{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap}.linea .saldo{font-size:1.5rem;font-weight:620;letter-spacing:-.03em;margin-top:.1rem}.encabezado-modulo{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.1rem;flex-wrap:wrap}.lista{display:grid;gap:.55rem}.fila{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem .9rem;background:var(--plano);border:1px solid var(--borde);border-radius:10px}.acciones{display:flex;align-items:center;gap:1rem;margin-top:1.1rem;flex-wrap:wrap}.opciones{display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid var(--borde)}@media(max-width:820px){.opciones{grid-template-columns:1fr}}.opcion strong{display:block;margin-bottom:.3rem;font-size:.93rem}.fila.voz{align-items:center}.fila.voz.elegida{border-color:var(--acento);background:var(--acento-tenue)}.elegir{display:flex;align-items:flex-start;gap:.65rem;margin:0;font-weight:400;cursor:pointer;flex:1;min-width:0}.elegir input{width:auto;margin-top:.25rem;flex-shrink:0;accent-color:var(--acento)}.elegir strong{display:block;font-weight:550}.tarjeta{border-color:var(--borde-suave)}.lateral{border-right-color:var(--borde-suave)}.nav.activo,.pastilla{color:#b5aef2}.marca .glifo{box-shadow:var(--brillo)}.metrica .valor,.medidor .cifra,.linea .saldo{background:linear-gradient(180deg,var(--texto) 0%,var(--texto-2) 130%);-webkit-background-clip:text;background-clip:text;color:transparent}th,td{border-bottom-color:var(--borde-suave)}.fila{border-color:var(--borde-suave)}.admin-aviso{display:flex;align-items:center;gap:.6rem;margin-bottom:1.3rem;padding:.6rem .85rem;border-radius:10px;font-size:.85rem;background:var(--acento-tenue);border:1px solid var(--borde);color:#b5aef2}.tabla-envuelta{overflow-x:auto}.tabla-envuelta table{min-width:720px}.eje-x{display:flex;justify-content:space-between;margin-top:.35rem}.eje-x span{display:flex;flex-direction:column;align-items:center;gap:1px;font-size:.72rem;color:var(--suave);line-height:1.25;flex:1;text-align:center}.eje-x b{font-size:.78rem;font-weight:550;color:var(--texto-2)}.eje-x span.hoy b,.eje-x span.hoy{color:var(--acento)}body{background:radial-gradient(900px 520px at 82% -8%,rgba(45,212,191,.07),transparent 60%),radial-gradient(760px 460px at 8% 105%,rgba(167,139,250,.06),transparent 60%),var(--plano);background-attachment:fixed}.app{grid-template-columns:254px 1fr}.lateral{background:#12141ab8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.4rem .8rem}.marca{padding:0 .55rem 1.6rem;gap:.7rem}.marca .glifo{width:36px;height:36px;border-radius:11px;font-size:1.05rem;color:#04211d;background:linear-gradient(135deg,var(--acento),var(--violeta))}.marca small{color:var(--acento);letter-spacing:.12em}.nav{display:flex;align-items:center;gap:.65rem;padding:.6rem .7rem;border-radius:11px;position:relative}.nav .ico{width:17px;text-align:center;opacity:.75;font-size:.95rem}.nav.activo{background:var(--acento-tenue);color:var(--acento);font-weight:570}.nav.activo .ico{opacity:1}.nav.activo:before{content:"";position:absolute;left:-.8rem;top:22%;bottom:22%;width:3px;border-radius:0 3px 3px 0;background:var(--acento)}.usuario{display:flex;align-items:center;gap:.65rem;padding:.7rem;background:var(--superficie-2);border:1px solid var(--borde-suave);border-radius:13px;margin-bottom:.6rem}.usuario .avatar{width:34px;height:34px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-size:.78rem;font-weight:650;background:var(--acento-tenue);color:var(--acento);border:1px solid var(--borde)}.usuario .quien{min-width:0;font-size:.84rem;font-weight:550}.usuario .quien span{display:block;font-size:.74rem;font-weight:400;color:var(--suave);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rotulo{display:flex;align-items:center;gap:.4rem;margin-bottom:.3rem;font-size:.7rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--acento)}h1{font-size:1.85rem;font-weight:680;letter-spacing:-.03em}h1 em{font-style:normal;color:var(--acento)}.pastilla-bienvenida{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:.9rem;padding:.38rem .85rem;border-radius:30px;font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:var(--acento-tenue);color:var(--acento);border:1px solid var(--borde)}.tarjeta{background:linear-gradient(168deg,var(--superficie) 0%,rgba(23,26,34,.82) 100%);border:1px solid var(--borde-suave);border-radius:var(--r)}.tarjeta.destacada{border-color:var(--borde);box-shadow:var(--brillo)}.insignia{width:38px;height:38px;border-radius:11px;flex-shrink:0;display:grid;place-items:center;font-size:1rem;background:var(--acento-tenue);color:var(--acento);border:1px solid var(--borde)}.insignia.violeta{background:var(--violeta-tenue);color:var(--violeta);border-color:#a78bfa33}.insignia.ambar{background:#fbbf241c;color:var(--ambar);border-color:#fbbf2433}.titulo-icono{display:flex;align-items:flex-start;gap:.8rem}.titulo-icono h2{margin-bottom:.1rem}.metrica .valor,.medidor .cifra,.linea .saldo{background:linear-gradient(180deg,var(--texto) 10%,var(--texto-2) 135%);-webkit-background-clip:text;background-clip:text;color:transparent}button{border-radius:11px;background:var(--acento);color:#04211d;font-weight:620}button:hover{box-shadow:0 0 18px #2dd4bf47;filter:none}button.secundario{background:var(--superficie-3);color:var(--texto);border-color:var(--borde-suave)}button.secundario:hover{border-color:var(--borde);box-shadow:none}input,textarea,select{background:var(--superficie-2);border-radius:11px}input:focus,textarea:focus,select:focus{outline-color:var(--acento)}.pastilla{color:var(--acento);background:var(--acento-tenue)}.pastilla.gris{color:var(--texto-2);background:var(--superficie-3)}.pastilla.roja{color:var(--critico);background:#f8717121}.fila{background:var(--superficie-2);border-color:var(--borde-suave);border-radius:13px}.fila:hover{border-color:var(--borde)}.nav:hover{background:var(--superficie-2)}.smtp-red{display:grid;gap:.9rem;grid-template-columns:2fr 1fr}@media(max-width:640px){.smtp-red{grid-template-columns:1fr}}.resultado{margin-top:.9rem;padding:.7rem .9rem;border-radius:11px;font-size:.87rem;border:1px solid var(--borde-suave);background:var(--superficie-2)}.resultado.ok{border-color:#34d3994d;color:var(--bien)}.resultado.mal{border-color:#f871714d;color:var(--critico)}.tarjeta{position:relative;overflow:hidden;border:1px solid rgba(45,212,191,.1);box-shadow:inset 0 1px #ffffff08,0 8px 24px #00000057}.tarjeta:after{content:"";position:absolute;top:-40%;right:55%;bottom:55%;left:-40%;background:radial-gradient(circle,rgba(45,212,191,.1),transparent 68%);pointer-events:none}.tarjeta.violeta:after{background:radial-gradient(circle,rgba(167,139,250,.11),transparent 68%)}.tarjeta:hover{border-color:#2dd4bf33}.metrica{display:flex;flex-direction:column;gap:.55rem}.metrica .cabeza{display:flex;justify-content:space-between;align-items:flex-start}.metrica .valor{font-size:2.15rem;margin:0}.metrica .insignia{width:34px;height:34px;border-radius:10px;font-size:.9rem}.medidor .barra{height:9px;background:#ffffff0e;box-shadow:inset 0 0 0 1px #ffffff0a}.medidor .barra>div{box-shadow:0 0 14px currentColor}h1{font-size:2rem}.cabecera h1{margin-bottom:.3rem}.linea{border-color:#2dd4bf29;box-shadow:inset 0 1px #ffffff0a,0 0 28px #2dd4bf12}.pastilla{border:1px solid rgba(45,212,191,.22);font-weight:550}.pastilla.gris{border-color:var(--borde-suave)}.pastilla.roja{border-color:#f8717147}.leyenda i{box-shadow:0 0 8px currentColor}.eje-x b{color:var(--texto)}body{background:radial-gradient(700px 420px at 78% 2%,rgba(45,212,191,.13),transparent 62%),radial-gradient(620px 380px at 12% 42%,rgba(167,139,250,.11),transparent 62%),radial-gradient(760px 500px at 92% 78%,rgba(45,212,191,.08),transparent 64%),radial-gradient(520px 340px at 30% 102%,rgba(167,139,250,.09),transparent 62%),var(--plano);background-attachment:fixed}.tarjeta{background:#12151b8c;backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);border:1px solid rgba(255,255,255,.075);box-shadow:inset 0 1px #ffffff12,inset 0 0 0 1px #2dd4bf08,0 10px 34px #0006}.tarjeta:after{top:-45%;right:50%;bottom:50%;left:-45%;opacity:.85}.tarjeta:hover{border-color:#2dd4bf3d;box-shadow:inset 0 1px #ffffff17,0 10px 40px #00000073,0 0 34px #2dd4bf14}.lateral{background:#0c0e1399;backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%);border-right:1px solid rgba(255,255,255,.06)}.fila,.usuario,input,textarea,select,button.secundario,.tooltip{background:#ffffff09;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-color:#ffffff12}.fila:hover{background:#2dd4bf0f}input:focus,textarea:focus,select:focus{background:#ffffff0e}.insignia{background:#2dd4bf1c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-color:#2dd4bf38;box-shadow:inset 0 1px #ffffff0f}.insignia.violeta{background:#a78bfa1f;border-color:#a78bfa3d}.insignia.ambar{background:#fbbf241c;border-color:#fbbf243d}.pastilla,.pastilla-bienvenida{background:#2dd4bf1a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.medidor .barra{background:#ffffff0d}.grafica-vacia{border-color:#ffffff14}.figura svg path[opacity]{mix-blend-mode:screen}.mosaico{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(268px,1fr))}.ficha{display:flex;align-items:center;gap:.8rem;text-align:left;padding:1rem;border-radius:14px;font:inherit;cursor:pointer;background:#12151b80;backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%);border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px #ffffff0f;color:var(--texto);font-weight:400}.ficha:hover{border-color:#2dd4bf47;box-shadow:inset 0 1px #ffffff17,0 0 26px #2dd4bf17;transform:translateY(-1px)}.ficha.activa{border-color:#2dd4bf33}.ficha-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ficha-txt strong{font-weight:570;font-size:.95rem}.ficha .pastilla{flex-shrink:0;font-size:.74rem}.velo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:1.2rem;background:#040609b3;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);animation:aparece .13s ease-out}.modal{width:100%;max-width:520px;max-height:88vh;display:flex;flex-direction:column;border-radius:18px;outline:none;background:#14171ee6;backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%);border:1px solid rgba(45,212,191,.15);box-shadow:inset 0 1px #ffffff14,0 26px 70px #0009,0 0 50px #2dd4bf12;animation:sube .17s cubic-bezier(.2,.8,.3,1)}.modal-cabeza{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.3rem 1.3rem 1rem;border-bottom:1px solid rgba(255,255,255,.06)}.modal-cuerpo{padding:1.3rem;overflow-y:auto}.modal-cuerpo>:first-child{margin-top:0}.cerrar{background:transparent;border:1px solid rgba(255,255,255,.08);color:var(--texto-2);width:30px;height:30px;padding:0;border-radius:9px;font-size:.82rem;flex-shrink:0}.cerrar:hover{color:var(--texto);border-color:var(--borde);box-shadow:none}@keyframes aparece{0%{opacity:0}}@keyframes sube{0%{opacity:0;transform:translateY(10px) scale(.985)}}@media(prefers-reduced-motion:reduce){.velo,.modal{animation:none}.ficha:hover{transform:none}}.insignia:has(svg [fill^="#"]){background:#ffffff0f;border-color:#ffffff1a}.insignia svg{display:block}.oauth{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:.78rem 1rem;font-size:.95rem;font-weight:570;background:#fffffff0;color:#1a1a1a;border:1px solid rgba(255,255,255,.16);border-radius:12px}.oauth:hover:not(:disabled){background:#fff;box-shadow:0 0 22px #ffffff24}.oauth:disabled{opacity:.45}.oauth-ico{display:flex;align-items:center}.oauth-ico svg{width:19px;height:19px}.copiable{display:flex;gap:.5rem;align-items:stretch}.copiable input{flex:1;min-width:0;font-size:.85rem}.copiable button{flex-shrink:0}.codigo{margin:0;padding:.75rem .85rem;border-radius:11px;overflow-x:auto;font:.8rem/1.55 ui-monospace,SF Mono,Menlo,monospace;background:#00000052;border:1px solid rgba(255,255,255,.07);color:var(--texto-2)}code{padding:.1rem .34rem;border-radius:5px;font-size:.88em;background:#ffffff12;color:var(--acento)}select{color-scheme:dark;background-color:#1a1d26;color:var(--texto);backdrop-filter:none;-webkit-backdrop-filter:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%2398a4a8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;background-size:12px;padding-right:2.1rem}select:hover{background-color:#1f232e}select option{background-color:#1a1d26;color:#f0f4f4;padding:.5rem}select option:checked,select option:hover{background-color:#22303a;color:#fff}select option:disabled{color:var(--suave)}input[type=time],input[type=date],input[type=datetime-local]{color-scheme:dark;background-color:#1a1d26;backdrop-filter:none;-webkit-backdrop-filter:none}input[type=time]::-webkit-calendar-picker-indicator,input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.75);cursor:pointer}input,textarea{color-scheme:dark}.chat{display:flex;flex-direction:column;gap:1rem;min-height:440px}.chat-vacio{display:grid;gap:1rem;place-items:center;padding:2rem 1rem;text-align:center}.sugerencias{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.chat-hilo{display:flex;flex-direction:column;gap:.9rem;max-height:46vh;overflow-y:auto}.burbuja{max-width:82%;padding:.7rem .9rem;border-radius:13px}.burbuja.user{align-self:flex-end;background:var(--acento-tenue);border:1px solid rgba(45,212,191,.2)}.burbuja.assistant{align-self:flex-start;background:#ffffff0a;border:1px solid rgba(255,255,255,.07)}.burbuja .quien{font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;color:var(--suave);margin-bottom:.25rem}.burbuja .texto{white-space:pre-wrap;font-size:.93rem;line-height:1.5}.usadas{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.55rem}.usadas .pastilla{font-size:.7rem}.chat-barra{display:flex;gap:.55rem;margin-top:auto}.chat-barra input{flex:1}.pastilla.verde{color:#6ee7c0;background:#199e7024;border-color:#199e704d}.pastilla.ambar{color:#f5cf6b;background:#fbbf241f;border-color:#fbbf2447}.insignia.verde{background:#199e7021;border-color:#199e7042}.insignia.roja{background:#f871711f;border-color:#f8717142}.codigo{display:flex;align-items:center;gap:.6rem;background:#0d0f14;border:1px solid var(--borde-suave);border-radius:10px;padding:.65rem .7rem .65rem .85rem}.codigo code{flex:1;min-width:0;overflow-x:auto;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;color:var(--acento)}.codigo button{flex-shrink:0}.colores{display:flex;gap:.55rem;flex-wrap:wrap}.colores .color{width:32px;height:32px;border-radius:9px;cursor:pointer;border:2px solid transparent;padding:0}.colores .color.activo{border-color:var(--texto);box-shadow:0 0 0 2px var(--plano),0 0 0 4px #ffffff38}.glifo-logo{width:30px;height:30px;border-radius:8px;object-fit:contain;background:#ffffff0d;flex-shrink:0}.con-prefijo{display:flex;align-items:stretch;border:1px solid var(--borde-suave);border-radius:10px;background:#1a1d26;overflow:hidden}.con-prefijo:focus-within{border-color:var(--acento)}.con-prefijo span{display:flex;align-items:center;padding:0 .1rem 0 .8rem;color:var(--texto-2);font-size:.9rem;-webkit-user-select:none;user-select:none}.con-prefijo input{flex:1;min-width:0;border:0;background:none;border-radius:0}.con-prefijo input:focus{border-color:transparent;box-shadow:none}.ayuda code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;color:var(--acento);background:#2dd4bf1a;padding:.1rem .35rem;border-radius:5px}