.face-tool.svelte-19nc4iz{color:#fff9f4;background:#28263b;max-width:980px;margin:64px auto;padding:clamp(20px,5vw,52px)}h2.svelte-19nc4iz,p.svelte-19nc4iz{color:inherit}h2.svelte-19nc4iz{margin:0 0 12px;font-size:clamp(28px,4vw,40px)}.face-tool.svelte-19nc4iz>p:where(.svelte-19nc4iz){max-width:650px;line-height:1.6}.swatches.svelte-19nc4iz{flex-wrap:wrap;gap:20px;margin:25px 0;display:flex}.swatches.svelte-19nc4iz div:where(.svelte-19nc4iz){gap:7px;width:min(100%,210px);display:grid}.swatches.svelte-19nc4iz span:where(.svelte-19nc4iz){border:1px solid #aaa;height:110px;display:block}.face-tool.svelte-19nc4iz .swatches:where(.svelte-19nc4iz) strong:where(.svelte-19nc4iz){color:#fff9f4}fieldset.svelte-19nc4iz{border:0;padding:0}legend.svelte-19nc4iz{margin-bottom:10px;font-weight:700}.options.svelte-19nc4iz{flex-wrap:wrap;gap:8px;display:flex}button.svelte-19nc4iz{min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #c9b9bc;padding:8px 15px}button[aria-pressed=true].svelte-19nc4iz{color:#28263b;background:#f5cfca}button.svelte-19nc4iz:focus-visible,a.svelte-19nc4iz:focus-visible,.result.svelte-19nc4iz:focus-visible{outline-offset:3px;outline:3px solid #f5cfca}.result.svelte-19nc4iz{border-top:1px solid #806f7b;margin-top:25px;padding-top:10px}a.svelte-19nc4iz{color:#f5cfca}