.ryzer-pg{--pg-accent:var(--ryzer-cyan,#22d3ee);--pg-primary:var(--ryzer-blue,#3b82f6);--pg-panel:var(--ryzer-panel,#101827);--pg-panel2:var(--ryzer-panel-2,#162133);--pg-text:var(--ryzer-text,#eaf2ff);--pg-muted:var(--ryzer-muted,#9fb0c5);--pg-line:var(--ryzer-line,rgba(255,255,255,.11));color:var(--pg-text);margin:28px auto;max-width:1180px}.ryzer-pg *{box-sizing:border-box}.ryzer-pg__head{margin-bottom:22px}.ryzer-pg__kicker{display:block;color:var(--pg-accent);font-size:11px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:6px}.ryzer-pg__head h2{margin:0;font-size:clamp(28px,4vw,44px);line-height:1.05;color:var(--pg-text)}.ryzer-pg__head p{color:var(--pg-muted);max-width:820px;line-height:1.55}.ryzer-pg__grid{display:grid;grid-template-columns:minmax(0,460px) minmax(0,1fr);gap:20px}.ryzer-pg__panel{background:linear-gradient(145deg,color-mix(in srgb,var(--pg-panel2) 95%,var(--pg-primary)),var(--pg-panel));border:1px solid var(--pg-line);border-top:3px solid var(--pg-accent);border-radius:20px;padding:22px;box-shadow:0 16px 44px rgba(0,0,0,.26),0 0 30px color-mix(in srgb,var(--pg-accent) 10%,transparent)}.ryzer-pg__field{display:grid;gap:7px;margin-bottom:16px}.ryzer-pg__field label,.ryzer-pg__results-head strong{font-size:12px;font-weight:900}.ryzer-pg input[type=text],.ryzer-pg input[type=number]{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--pg-line);border-radius:11px;background:color-mix(in srgb,var(--ryzer-bg,#07111f) 70%,var(--pg-panel));color:var(--pg-text);outline:none}.ryzer-pg input:focus{border-color:var(--pg-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--pg-accent) 14%,transparent)}.ryzer-pg__range-row{display:grid;grid-template-columns:1fr 86px;gap:12px;align-items:center}.ryzer-pg input[type=range]{width:100%;accent-color:var(--pg-accent)}.ryzer-pg__checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 18px}.ryzer-pg__checks label{display:flex;align-items:center;gap:8px;padding:10px 11px;border:1px solid var(--pg-line);border-radius:11px;background:rgba(255,255,255,.025);font-size:11px;color:var(--pg-muted)}.ryzer-pg__checks input{accent-color:var(--pg-accent)}.ryzer-pg__checks code{font-size:10px;color:var(--pg-text)}.ryzer-pg__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.ryzer-pg button{min-height:42px;padding:0 13px;border:1px solid var(--pg-line);border-radius:11px;background:var(--pg-panel2);color:var(--pg-text);font-weight:850;cursor:pointer}.ryzer-pg button:hover{border-color:var(--pg-accent);box-shadow:0 0 18px color-mix(in srgb,var(--pg-accent) 18%,transparent)}.ryzer-pg__primary{background:linear-gradient(135deg,var(--pg-primary),var(--pg-accent))!important;border-color:transparent!important;color:#fff!important;flex:1 1 220px}.ryzer-pg__actions--small button{font-size:11px}.ryzer-pg__status{min-height:20px;margin:14px 0 0;color:var(--pg-accent);font-size:11px}.ryzer-pg__results-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.ryzer-pg__results-head small{display:block;margin-top:5px;color:var(--pg-muted)}.ryzer-pg__results{display:grid;gap:10px}.ryzer-pg__result{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--pg-line);border-radius:13px;background:rgba(255,255,255,.025)}.ryzer-pg__result-info{min-width:0}.ryzer-pg__result code{display:block;white-space:nowrap;overflow:auto;color:var(--pg-text);font-size:13px}.ryzer-pg__result small{display:block;margin-top:5px;color:var(--pg-muted);font-size:10px}@media(max-width:850px){.ryzer-pg__grid{grid-template-columns:1fr}.ryzer-pg__checks{grid-template-columns:1fr}}@media(max-width:520px){.ryzer-pg__panel{padding:16px}.ryzer-pg__range-row{grid-template-columns:1fr 74px}.ryzer-pg__result{grid-template-columns:1fr}.ryzer-pg__result button{width:100%}}

/* 1.0.1 · Controles numéricos y nativos legibles en modo oscuro */
.ryzer-pg input[type="number"],
.ryzer-pg input[type="text"] {
  color:var(--pg-text,#eaf2ff) !important;
  color-scheme:dark;
}
.ryzer-pg select {
  color:#fff !important;
  background:#111827 !important;
  color-scheme:dark;
}
.ryzer-pg select option {
  color:#fff !important;
  background:#111827 !important;
}