.metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:#293039;border:1px solid #293039;margin-bottom:24px}.metrics div{background:#10151a;padding:20px 16px}.metrics b,.metrics span{display:block}.metrics b{font-size:1.8rem;color:#c9ff29}.metrics span{font-size:.65rem;letter-spacing:.1em;color:#a7b2b5;margin-top:6px}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.profile-list{list-style:none;padding:0;margin:16px 0 0}.profile-list li{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-top:1px solid #2a3439}.profile-list small{display:block;color:#9daeb0;margin-top:5px}.profile-list strong{text-align:right;color:#d9f8f5}.presets{display:flex;flex-wrap:wrap;gap:8px}.presets button{background:#172125;color:#d9f8f5;border:1px solid #47615e;padding:10px;cursor:pointer}.presets button[aria-pressed=true]{border-color:#c9ff29;color:#c9ff29}.presets button:focus-visible{outline:2px solid #54e8ff;outline-offset:3px}#preview{display:block;width:100%;height:220px;background:radial-gradient(ellipse,#1b3439,#0d1417);margin:16px 0;touch-action:none}#selection{font-size:.8rem;color:#c9ff29}@media(max-width:800px){.metrics{grid-template-columns:repeat(3,1fr)}.profile-grid{grid-template-columns:1fr}}@media(max-width:480px){.metrics{grid-template-columns:repeat(2,1fr)}}

#preview[hidden]{display:none}
#public-profile-form{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}#public-profile-form input:not([type=checkbox]){background:var(--fx-bg);border:1px solid var(--fx-line);color:var(--fx-text);padding:12px;font:inherit}#public-profile-form fieldset{flex-basis:100%;border:1px solid var(--fx-line);color:var(--fx-muted)}#showcase-options{display:flex;gap:16px;flex-wrap:wrap}#public-profile-form button{background:var(--fx-brand);color:var(--fx-bg);border:0;padding:12px;font-weight:800;cursor:pointer}#public-profile-status{color:var(--fx-cyan)}
.unlock-list{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:0 0 16px}.unlock-list li{border:1px solid #34474b;background:#101b1d;padding:7px 9px;color:#a7b7b8;line-height:1.4}.unlock-list span{display:block;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase}.unlock-list strong{color:#e2f1ee;font-size:.75rem}