.mela-space{--mela-ink:#33242b;--mela-rose:#8e4e65;--mela-paper:#fffaf6;color:var(--mela-ink);overflow-wrap:anywhere;max-width:1110px}.mela-hero{background:radial-gradient(at 89% 27%,#efd4df,#fbf4ee 69%);border:1px solid #dbc1cb;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2rem;margin:1rem 0 2rem;padding:clamp(1.75rem,6vw,4.5rem);display:grid;position:relative;overflow:hidden}.mela-hero:after{content:"";pointer-events:none;border:1px solid #fff9;border-radius:50%;height:150%;position:absolute;inset:auto -14% -96% 14%;transform:rotate(-13deg)}.mela-hero>*{z-index:1}.mela-hero h1{font:500 clamp(3rem,8vw,7rem)/.86 var(--font-serif);letter-spacing:-.075em;margin:.24em 0}.mela-hero h1 em{color:var(--mela-rose)}.mela-hero p{max-width:43ch}.mela-hero .eyebrow,.mela-card .eyebrow{color:#865067}.mela-card{background:var(--mela-paper);border:1px solid #ddc9cd;margin:1.3rem 0;padding:clamp(1.15rem,4vw,2.7rem);scroll-margin-top:1rem}.mela-card h2{font:500 clamp(2rem,5vw,3.25rem)/1 var(--font-serif);margin:.25em 0}.mela-card h3{font:500 1.65rem/1.1 var(--font-serif);margin:.4rem 0}.mela-account{max-width:38rem;margin-inline:auto}.mela-section-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin:1.5rem 0;display:grid}.mela-section-links a{background:#fbf1f3;border:1px solid #e4cad3;min-height:3.2rem;padding:1rem}.mela-form,.mela-controls{gap:.85rem;min-width:0;margin-top:.85rem;display:grid}.mela-space label{color:#573d49;gap:.35rem;font-size:.91rem;display:grid}.mela-space :is(input,textarea,select){color:#30252a;width:100%;min-width:0;min-height:44px;font:inherit;background:#fffdfa;border:1px solid #c7adb8;padding:.55rem}.mela-space input[type=color]{padding:.3rem}.mela-space input[type=range]{accent-color:#965a73;padding:0}.mela-space .button{min-height:44px}.mela-form>.button{justify-self:start}.mela-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.mela-notice,.mela-error{min-height:1.35em;margin-top:.4rem}.mela-notice{color:#75435b}.mela-error{color:#9c2646}.mela-tag{color:#6b3a52;background:#f3dee6;border-radius:1rem;padding:.3rem .6rem;font-size:.78rem;display:inline-block}.mela-editor{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);align-items:start;gap:clamp(1rem,3vw,2rem);margin-top:1rem;display:grid}.mela-preview{background:#f9eaf0;border:1px solid #ead1da;justify-items:center;gap:1.2rem;padding:2rem 1rem;font-size:.86rem;display:grid;position:sticky;top:1rem}.mela-swatch-list,.mela-decoration{border:1px solid #e3cbd2;min-width:0;padding:.5rem}.mela-swatch-list button{cursor:pointer;border:1px solid #7c5b68;border-radius:50%;width:44px;height:44px;margin:.2rem}.mela-swatch-list button[aria-pressed=true]{outline-offset:2px;outline:2px solid #793d58}.mela-decoration{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.mela-wardrobe{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1rem;display:grid}.mela-look{background:#fcf1f3;border:1px solid #e0c8d2;flex-direction:column;align-items:flex-start;gap:.75rem;min-width:0;padding:1rem;display:flex}.mela-list{gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.mela-list li{border-bottom:1px solid #e5d4da;justify-content:space-between;align-items:start;gap:.7rem;padding:.65rem 0;display:flex}.mela-list a{text-underline-offset:.16em;text-decoration:underline}.mela-danger{border-top:1px solid #e0c8d2;margin-top:1rem;padding-top:.8rem}.mela-space :focus-visible{outline-offset:3px;outline:2px solid #81465f}@media (max-width:710px){.mela-hero{text-align:center;grid-template-columns:1fr;justify-items:center}.mela-hero .form-actions{justify-content:center}.mela-section-links{grid-template-columns:repeat(2,minmax(0,1fr))}.mela-editor,.mela-wardrobe{grid-template-columns:1fr}.mela-preview{padding:1.45rem;position:static}.mela-wardrobe .mela-form{width:100%}}@media (max-width:385px){.mela-fields,.mela-decoration{grid-template-columns:1fr}}.mela-demo-bar{background:#fbf1f3;border:1px solid #e4cad3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.mela-demo-bar p{margin:0}.mela-demo-bar a[aria-current=page]{color:#fff;background:#75435b;border-color:#75435b}.mela-photo-editor{background:#fff9f7;border:1px solid #e3ccd3;border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1.25rem;padding:1.25rem;display:grid}.mela-photo-preview{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;width:fit-content;display:grid}.mela-photo-preview:active{cursor:grabbing}.mela-photo-controls{gap:.45rem;display:grid}.mela-photo-controls .button{justify-self:start}@media (max-width:570px){.mela-photo-editor{grid-template-columns:minmax(0,1fr)}.mela-photo-preview{justify-self:center}}