.settings-page.svelte-1qghcj7{max-width:1040px;margin:0 auto}.eyebrow.svelte-1qghcj7,.section-kicker.svelte-1qghcj7{color:#f5b85c;letter-spacing:.15em;margin:0 0 .65rem;font-size:.72rem;font-weight:800}h1.svelte-1qghcj7{letter-spacing:-.06em;margin:0;font-size:clamp(2.4rem,7vw,3.7rem)}.intro.svelte-1qghcj7{color:#aeb8d3;margin:.8rem 0 2rem;line-height:1.6}.editor-layout.svelte-1qghcj7{grid-template-columns:minmax(230px,.72fr) minmax(0,1.5fr);align-items:start;gap:1.2rem;display:grid}.preview-panel.svelte-1qghcj7,.settings-form.svelte-1qghcj7,.empty-card.svelte-1qghcj7{background:linear-gradient(145deg,#1d2541f5,#13182bf5);border:1px solid #bdccf221;border-radius:1.2rem;box-shadow:0 24px 80px #0000002e}.preview-panel.svelte-1qghcj7{text-align:center;padding:1.5rem;position:sticky;top:1rem}.section-kicker.svelte-1qghcj7{color:#8592b2;font-size:.65rem}.avatar.svelte-1qghcj7{color:#fff;background:var(--player-color);width:6rem;height:6rem;box-shadow:0 0 2rem color-mix(in srgb, var(--player-color) 42%, transparent);border:1px solid #ffffff4d;border-radius:1.45rem;place-items:center;margin:1.35rem auto 1rem;font-size:2.2rem;font-weight:850;display:grid;overflow:hidden}.avatar.svelte-1qghcj7 img:where(.svelte-1qghcj7){object-fit:cover;width:100%;height:100%}.preview-panel.svelte-1qghcj7 h2:where(.svelte-1qghcj7){overflow-wrap:anywhere;margin:0 0 .85rem;font-size:1.4rem}.badges.svelte-1qghcj7{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.badge.svelte-1qghcj7{color:#d6def3;background:#ffffff0b;border:1px solid #bdccf224;border-radius:999px;align-items:center;gap:.45rem;padding:.42rem .65rem;font-size:.76rem;display:inline-flex}.badge-dot.svelte-1qghcj7{background:var(--player-color);border:1px solid #ffffff59;border-radius:50%;width:.58rem;height:.58rem}.preview-copy.svelte-1qghcj7{color:#7e8aa8;margin:1.2rem 0 0;font-size:.8rem;line-height:1.5}.settings-form.svelte-1qghcj7{padding:clamp(1.2rem,4vw,2rem)}.form-section.svelte-1qghcj7{border-bottom:1px solid #bdccf21a;margin:0 0 1.5rem;padding:0 0 1.5rem}.section-heading.svelte-1qghcj7{align-items:flex-start;gap:.8rem;margin-bottom:1.15rem;display:flex}.step.svelte-1qghcj7{color:#f5b85c;border:1px solid #f5b85c40;border-radius:.65rem;flex:none;place-items:center;width:2rem;height:2rem;font-size:.7rem;font-weight:800;display:grid}.section-heading.svelte-1qghcj7 h2:where(.svelte-1qghcj7){margin:0;font-size:1.05rem}.section-heading.svelte-1qghcj7 p:where(.svelte-1qghcj7){color:#8996b4;margin:.25rem 0 0;font-size:.83rem}.field-label.svelte-1qghcj7{color:#aeb8d3;letter-spacing:.1em;margin-bottom:.45rem;font-size:.68rem;font-weight:800;display:block}.text-input.svelte-1qghcj7{box-sizing:border-box;color:#f1f4ff;width:100%;font:inherit;background:#080c1973;border:1px solid #bdccf22e;border-radius:.65rem;outline:none;padding:.82rem .9rem}.text-input.svelte-1qghcj7:focus{border-color:#f5b85c;box-shadow:0 0 0 3px #f5b85c1f}select.text-input.svelte-1qghcj7{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.form-section.svelte-1qghcj7 small:where(.svelte-1qghcj7){color:#7e8aa8;margin-top:.5rem;font-size:.75rem;display:block}.color-options.svelte-1qghcj7{flex-wrap:wrap;gap:.7rem;display:flex}.color-choice.svelte-1qghcj7{background:var(--swatch);cursor:pointer;border:3px solid #202842;border-radius:50%;outline:1px solid #0000;width:2rem;height:2rem}.color-choice.selected.svelte-1qghcj7{outline-color:#f5b85c;box-shadow:0 0 0 3px #f5b85c21}.selected-color.svelte-1qghcj7{color:#8996b4;margin-top:.7rem;font-size:.78rem;display:block}.avatar-section.svelte-1qghcj7{margin-bottom:1.1rem}.upload-button.svelte-1qghcj7{color:#e4e9fa;cursor:pointer;background:#ffffff0d;border:1px solid #bdccf233;border-radius:.65rem;padding:.7rem .9rem;font-size:.82rem;font-weight:700;display:inline-flex}.upload-button.svelte-1qghcj7:hover,.remove-avatar.svelte-1qghcj7:hover{border-color:#f5b85c8c}.visually-hidden.svelte-1qghcj7{clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.remove-avatar.svelte-1qghcj7{color:#aeb8d3;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;padding:.7rem;font-size:.8rem}.message.svelte-1qghcj7{border-radius:.6rem;padding:.75rem .85rem;font-size:.85rem}.error.svelte-1qghcj7{color:#ffb6b6;background:#dc46501f}.success.svelte-1qghcj7{color:#9fe2c1;background:#59be8b1f}.form-footer.svelte-1qghcj7{justify-content:space-between;align-items:center;gap:1rem;display:flex}.form-footer.svelte-1qghcj7>span:where(.svelte-1qghcj7){color:#7e8aa8;font-size:.75rem}.save-button.svelte-1qghcj7{color:#191a20;font:inherit;cursor:pointer;background:#f5b85c;border:0;border-radius:.7rem;justify-content:center;align-items:center;gap:.8rem;padding:.8rem 1.1rem;font-size:.85rem;font-weight:850;text-decoration:none;display:inline-flex}.save-button.svelte-1qghcj7:hover{background:#ffca78}.save-button.svelte-1qghcj7:disabled{opacity:.65;cursor:wait}.empty-card.svelte-1qghcj7{padding:2rem}.empty-card.svelte-1qghcj7 h2:where(.svelte-1qghcj7){margin-top:0}.empty-card.svelte-1qghcj7 p:where(.svelte-1qghcj7){color:#aeb8d3;margin:0 0 1.2rem}@media (width<=700px){.editor-layout.svelte-1qghcj7{grid-template-columns:1fr}.preview-panel.svelte-1qghcj7{position:static}}@media (width<=460px){.form-footer.svelte-1qghcj7{flex-direction:column;align-items:stretch}.form-footer.svelte-1qghcj7 .save-button:where(.svelte-1qghcj7){box-sizing:border-box;width:100%}}
