.aniline-picker{background:#fff;border:1px solid #e7dfec;border-radius:20px;padding:clamp(16px,3vw,36px);margin-top:24px}
.aniline-picker fieldset{border:0;margin:0;padding:0;min-width:0}
.aniline-picker legend{font-weight:800;margin-bottom:12px}
.aniline-tones{display:flex;flex-wrap:wrap;gap:8px}
.aniline-tone{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;min-height:44px;border:1px solid #d9d3df;border-radius:24px;background:white;color:#282037;font:inherit;font-size:.9rem;cursor:pointer}
.aniline-tone span{width:19px;height:19px;border-radius:50%;background:var(--tone)}
.aniline-tone[aria-pressed=true]{outline:2px solid #502498;outline-offset:-2px;background:#f6f0fc}
.aniline-tone:focus-visible{outline:3px solid #31145e;outline-offset:2px}
.aniline-detail{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(200px,1fr);align-items:center;gap:clamp(16px,4vw,52px);margin-top:24px}
.aniline-preview svg{display:block;width:100%;max-height:290px}
.aniline-buy{display:grid;gap:9px;max-width:360px}
.aniline-buy h3,.aniline-buy p{margin:0}
.aniline-buy input{width:100%}
@media(max-width:680px){.aniline-detail{grid-template-columns:1fr}.aniline-buy{max-width:none}.aniline-preview svg{max-height:205px}}