/* JPXL Records — public design starter. Copy this file into your project. */
:root{--jpxl-canvas:#0a0a0f;--jpxl-surface:#11121a;--jpxl-surface-2:#191a26;--jpxl-line:rgba(255,255,255,.08);--jpxl-text:#f5f5f7;--jpxl-muted:rgba(245,245,247,.56);--jpxl-lime:#c4ff3d;--jpxl-violet:#7c6dff;--jpxl-success:#3dffa1;--jpxl-warning:#ffce3d;--jpxl-danger:#ff5a7a;--jpxl-radius-card:14px;--jpxl-radius-button:9px}
.jpxl-card{background:var(--jpxl-surface);border:1px solid var(--jpxl-line);border-radius:var(--jpxl-radius-card);color:var(--jpxl-text);padding:1.25rem}.jpxl-button{border:1px solid transparent;border-radius:var(--jpxl-radius-button);font:600 14px/1.2 system-ui,sans-serif;padding:.7rem 1rem;cursor:pointer}.jpxl-button--primary{background:var(--jpxl-lime);color:#0a0a0f}.jpxl-button--secondary{background:transparent;border-color:var(--jpxl-line);color:var(--jpxl-text)}.jpxl-status{display:inline-flex;align-items:center;gap:.45rem;font:600 12px/1 system-ui,sans-serif}.jpxl-status:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--jpxl-success)}