.makeover-section{background:#f5e9fa;border-block:3px solid #171117}.makeover-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:start}.makeover-stage{background:#171117;border:3px solid #171117;box-shadow:8px 8px 0 #a649bd;border-radius:22px;overflow:hidden;max-width:440px;width:100%;margin:auto}.makeover-stage canvas{display:block;width:100%;height:auto}.makeover-stage>p{color:#c2ff49;text-align:center;font-weight:800;font-size:12px;padding:12px;margin:0}.makeover-tabs,.makeover-choices{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.makeover-tabs button,.makeover-choices button{font:inherit;font-size:13px;font-weight:800;cursor:pointer;border:2px solid #171117;padding:12px 15px;border-radius:9px;background:#fff9ec;color:#211526}.makeover-tabs button[aria-pressed=true]{background:#22142d;color:#c2ff49}.makeover-choices button[aria-pressed=true]{background:#ff83c2;box-shadow:3px 3px 0 #171117}.makeover-tabs button:focus-visible,.makeover-choices button:focus-visible{outline:3px solid #04a9dd;outline-offset:3px}.makeover-controls{padding:20px;background:#fffaf1;border:2px solid #171117;border-radius:16px}.makeover-controls h3{margin:8px 0}.makeover-controls .actions{flex-wrap:wrap;gap:10px}.makeover-controls .button{font-size:12px;padding:13px}#makeover-status{font-size:13px;min-height:44px;line-height:1.5}.makeover-intro{max-width:680px;margin-bottom:25px}.makeover-intro p{line-height:1.6}@media(max-width:760px){.makeover-grid{grid-template-columns:1fr;gap:28px}.makeover-stage{max-width:360px}.makeover-controls{padding:16px}}

.makeover-swatch:before{content:'';display:inline-block;width:13px;height:13px;margin-right:7px;background:var(--choice-color);border:1px solid #24172d;border-radius:50%;vertical-align:-2px}.makeover-stage{position:sticky;top:20px}@media(max-width:760px){.makeover-stage{position:static}}

#makeover,#makeover *{color:#000}.makeover-stage>p{background:#fff9ec}.makeover-tabs button[aria-pressed=true]{background:#c2ff49;color:#000}