:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1a1a1a;background:#f4f5f7;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{justify-content:center;align-items:center;min-height:100vh;margin:0;padding:24px;display:flex}#root{width:100%;max-width:560px}.panel{background:#fff;border:1px solid #d9dce1;border-radius:8px;flex-direction:column;gap:16px;padding:32px;display:flex}.panel h1{margin:0;font-size:1.4rem}.subtitulo{color:#666;margin:-8px 0 0;font-size:.85rem}.cabecera{justify-content:space-between;align-items:center;display:flex}label{flex-direction:column;gap:4px;font-size:.9rem;font-weight:600;display:flex}input[type=text],input[type=password]{font:inherit;border:1px solid #c3c7cf;border-radius:6px;padding:8px 10px}fieldset{border:1px solid #d9dce1;border-radius:6px;padding:12px 16px 16px}legend{padding:0 6px;font-weight:600}.tabla-variables{border-collapse:collapse;width:100%;font-size:.9rem}.tabla-variables th{text-align:left;color:#555;padding:4px 6px;font-weight:600}.tabla-variables td{padding:4px 6px}.agregar-variable{gap:8px;margin-top:10px;display:flex}.agregar-variable input{font:inherit;border:1px solid #c3c7cf;border-radius:6px;flex:1;padding:6px 10px}button{font:inherit;color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:6px;padding:10px 16px}button:disabled{opacity:.6;cursor:not-allowed}button.link{color:#1d4ed8;background:0 0;padding:0;text-decoration:underline}.error{color:#a31515;background:#fde8e8;border:1px solid #f3b3b3;border-radius:6px;margin:0;padding:8px 10px;font-size:.85rem}.aviso{color:#92680b;background:#fff8e6;border:1px solid #f0d99b;border-radius:6px;padding:8px 10px;font-size:.85rem}.clave-box{background:#f4f5f7;border:1px solid #d9dce1;border-radius:6px;align-items:center;gap:8px;padding:10px;display:flex}.clave-box code{overflow-wrap:anywhere;flex:1;font-size:.9rem}