.companion-wizard{max-width:960px;margin:0 auto;padding:30px 24px 70px;color:var(--text)}.wizard-page-title{font-size:15px!important;color:var(--muted);font-weight:600;margin:0 0 20px!important}.wizard-panel{background:radial-gradient(ellipse at 0 0,var(--panel2) 0,transparent 45%),linear-gradient(130deg,var(--bg),var(--panel));border:1px solid #ffffff15;border-radius:24px;padding:30px;box-shadow:0 18px 60px #0003}.wizard-progress{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px;font-weight:750;letter-spacing:.06em}.wizard-progress>span{border-radius:30px;padding:7px 12px;background:color-mix(in srgb,var(--accent) 21%,transparent);border:1px solid color-mix(in srgb,var(--accent) 19%,transparent)}.wizard-dots{display:flex;gap:5px;margin-top:10px}.wizard-dots i{width:5px;height:5px;border-radius:4px;background:var(--panel3)}.wizard-dots .current{width:24px;background:var(--accent);box-shadow:0 0 12px var(--accent)}.wizard-dots .complete{background:var(--accent)}.wizard-heading{text-align:center;margin:30px 0 24px}.wizard-heading>span{font-size:10px;font-weight:750;letter-spacing:.07em;background:#ffffff12;border:1px solid #ffffff0c;padding:5px 12px;border-radius:30px;color:var(--muted)}.wizard-heading h2{font-size:clamp(22px,3vw,29px)!important;letter-spacing:-.045em;margin:15px 0 8px!important;color:#fff}.wizard-heading p{font-size:13px;color:var(--muted);margin:0}.wizard-group{background:color-mix(in srgb,var(--accent) 7%,transparent);border:1px solid #ffffff0c;border-radius:14px;padding:17px;margin:12px 0}.wizard-group h3{font-size:10px!important;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:0 0 12px!important}.wizard-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.wizard-choice{position:relative;min-width:0;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;min-height:49px;border-radius:12px;background:#ffffff0c;color:var(--text);border:2px solid transparent;font:inherit;font-size:12px;font-weight:650;overflow:hidden;padding:12px;transition:border-color .15s,box-shadow .15s,background .15s}.wizard-choice:hover{background:color-mix(in srgb,var(--accent) 15%,transparent);border-color:color-mix(in srgb,var(--accent) 47%,transparent)}.wizard-choice.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent),0 0 18px color-mix(in srgb,var(--accent) 15%,transparent)}.wizard-choice:focus-visible,.companion-wizard button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.choice-check{display:none;position:absolute;right:6px;top:6px;border-radius:50%;height:19px;width:19px;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:11px;z-index:2}.selected>.choice-check{display:flex}.picture-choice{aspect-ratio:1/1.15;padding:0;align-items:flex-end;justify-content:flex-start}.wizard-art{position:absolute;inset:0;background-image:url('/creator-atlas.webp');background-size:600% var(--sprite-height);background-position:var(--sprite-x) var(--sprite-y);background-repeat:no-repeat}.picture-choice:after,.wizard-review-card:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#101014dd);pointer-events:none}.picture-choice .choice-label{position:relative;z-index:1;padding:12px 8px;text-align:left;font-size:12px;color:white}.wizard-genders{display:flex;margin:0 auto 22px;max-width:420px;border-radius:50px;background:color-mix(in srgb,var(--accent) 10%,transparent);padding:3px}.wizard-genders .wizard-choice{flex:1;min-height:38px;border-radius:40px;padding:8px 22px}.wizard-genders .selected{background:linear-gradient(120deg,var(--accent),var(--accent))}.wizard-genders .choice-check{display:none}.wizard-styles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:680px;margin:auto}.wizard-styles .picture-choice{aspect-ratio:4/5}.wizard-styles .choice-label{font-size:17px;padding:17px}.swatches{grid-template-columns:repeat(7,minmax(0,1fr))}.swatch-choice{flex-direction:column;gap:6px;padding:9px 3px;font-size:10px;min-height:65px}.wizard-swatch{display:block;width:23px;height:23px;border-radius:50%;border:1px solid #ffffff30}.swatches .wizard-choice:last-child{font-size:10px}.wizard-nav{display:grid;grid-template-columns:auto 1fr;gap:12px;margin-top:22px}.companion-wizard .wizard-nav .btn{min-height:48px;border-radius:12px;border:1px solid #ffffff20;background:linear-gradient(#ffffff20,#ffffff09);font-weight:700}.companion-wizard .wizard-nav .btn-primary{background:linear-gradient(110deg,var(--accent),var(--accent));border-color:color-mix(in srgb,var(--accent) 33%,transparent);color:#fff}.wizard-note{font-size:11px!important;color:var(--muted)!important;line-height:1.5;margin:12px 0 0}.wizard-advanced{border:1px solid #ffffff13;border-radius:12px;padding:14px;margin:15px 0;color:var(--muted);font-size:12px}.wizard-advanced summary{cursor:pointer;font-weight:650}.wizard-advanced[open]>summary{margin-bottom:18px}.wizard-custom{margin-top:14px}.wizard-custom[hidden]{display:none}.companion-wizard label{font-size:11px;color:var(--muted);display:block;margin:8px 0}.companion-wizard .input,.companion-wizard .textarea,.companion-wizard .select{background:color-mix(in srgb,var(--accent) 4%,transparent);border:1px solid color-mix(in srgb,var(--accent) 15%,transparent);border-radius:10px;color:#fff;font-size:13px;box-sizing:border-box;width:100%}.companion-wizard input[type=range]{width:100%;accent-color:var(--accent)}.companion-wizard [data-range=age]{float:right;color:#fff;font-size:19px}.wizard-range-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.wizard-voices{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.wizard-voices>div{background:color-mix(in srgb,var(--accent) 10%,transparent);border-radius:12px;text-align:center;padding:3px}.wizard-voices .wizard-choice{width:100%;padding:12px 4px}.voice-preview{font-size:10px;color:var(--muted);border:1px solid color-mix(in srgb,var(--accent) 29%,transparent);background:transparent;border-radius:20px;margin:3px 0 9px;padding:3px 8px;cursor:pointer}.wizard-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px}.wizard-summary>div{background:color-mix(in srgb,var(--accent) 9%,transparent);border:1px solid #ffffff0c;padding:14px 10px;border-radius:12px;text-align:center;overflow-wrap:anywhere}.wizard-summary small,.wizard-review-card small{display:block;font-size:10px;color:var(--muted);margin-bottom:5px}.wizard-summary strong{font-size:13px}.wizard-review-pictures{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.wizard-review-card{position:relative;aspect-ratio:1/1.1;overflow:hidden;border-radius:12px;background:var(--panel2)}.wizard-review-card>span:last-child{position:absolute;bottom:10px;left:10px;right:6px;z-index:1;font-size:12px}.wizard-review-card small{color:var(--text)}.wizard-review-card strong{display:block}.companion-wizard .creator-quick-link{display:block;margin:20px auto 0;font-size:12px;color:var(--accent)}.companion-wizard #wizard-error{color:#f5b4ce;font-size:13px}.companion-wizard .option.selected{border-color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 15%,transparent)!important}.companion-wizard .compact .wizard-choice{padding:12px 5px}.companion-wizard .wizard-advanced .field{margin:12px 0}
@media(max-width:650px){.companion-wizard{padding:18px 12px 80px}.wizard-panel{padding:18px 12px;border-radius:18px}.wizard-heading{margin:25px 0 20px}.wizard-group{padding:12px}.wizard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.swatches{grid-template-columns:repeat(4,minmax(0,1fr))}.wizard-styles{gap:10px}.wizard-genders .wizard-choice{padding:8px}.wizard-voices{grid-template-columns:repeat(3,minmax(0,1fr))}.wizard-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.wizard-review-pictures{grid-template-columns:repeat(2,minmax(0,1fr))}.wizard-nav{gap:8px}.wizard-styles .choice-label{font-size:14px;padding:12px}.wizard-heading h2{font-size:22px!important}.companion-wizard .field-grid{grid-template-columns:1fr}}

/* Use the same editable palette as the rest of LIFEYRA. */
.companion-wizard .wizard-panel{background:var(--panel);border-color:var(--line)}.companion-wizard .wizard-group{background:var(--panel2);border-color:var(--line)}.companion-wizard .wizard-genders{background:var(--panel3)}.companion-wizard .wizard-nav .btn-primary,.companion-wizard .wizard-genders .selected,.companion-wizard .choice-check{background:var(--accent);color:var(--accent-ink)}.companion-wizard .wizard-summary>div{background:var(--panel3)}