.tool-hero[data-astro-cid-z2th2udw]{padding-top:3rem;padding-bottom:2rem}.tool-hero__inner[data-astro-cid-z2th2udw]{max-width:62rem}.tool-hero__inner[data-astro-cid-z2th2udw] .eyebrow[data-astro-cid-z2th2udw] a[data-astro-cid-z2th2udw]{color:var(--color-accent-500);text-decoration:none}.tool-hero__inner[data-astro-cid-z2th2udw] .eyebrow[data-astro-cid-z2th2udw] a[data-astro-cid-z2th2udw]:hover{text-decoration:underline}.tool-hero__lede[data-astro-cid-z2th2udw]{font-family:var(--font-serif);font-size:clamp(1.125rem,1.2vw + .75rem,1.3125rem);line-height:1.55;color:var(--color-ink-700);margin-top:1.25rem;max-width:52ch}.finder-layout[data-astro-cid-z2th2udw]{display:flex;flex-direction:column;gap:1.75rem}.finder-label[data-astro-cid-z2th2udw]{display:block;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--color-ink-500);margin-bottom:.5rem}.finder-input-row[data-astro-cid-z2th2udw]{display:flex;align-items:center;gap:.5rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);padding:.375rem .75rem;max-width:22rem}.color-swatch-input[data-astro-cid-z2th2udw]{width:2rem;height:2rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:0;cursor:pointer;background:none;flex-shrink:0}.color-swatch-input[data-astro-cid-z2th2udw]::-webkit-color-swatch-wrapper{padding:0}.color-swatch-input[data-astro-cid-z2th2udw]::-webkit-color-swatch{border:none;border-radius:2px}.hex-input[data-astro-cid-z2th2udw]{flex:1;font-family:var(--font-mono);font-size:1.125rem;font-weight:500;color:var(--color-ink-900);border:none;background:none;outline:none}.finder-hint[data-astro-cid-z2th2udw]{font-size:.8125rem;color:var(--color-ink-400);margin-top:.5rem}.preset-row[data-astro-cid-z2th2udw]{display:flex;gap:.5rem;flex-wrap:wrap}.preset-btn[data-astro-cid-z2th2udw]{width:2.25rem;height:2.25rem;border-radius:50%;border:2px solid rgba(0,0,0,.12);cursor:pointer;transition:transform .15s,border-color .15s;flex-shrink:0}.preset-btn[data-astro-cid-z2th2udw]:hover{transform:scale(1.15);border-color:var(--color-ink-900)}.results-meta[data-astro-cid-z2th2udw]{font-size:.875rem;color:var(--color-ink-400);margin-bottom:1rem}.results-grid[data-astro-cid-z2th2udw]{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:1rem}.result-card[data-astro-cid-z2th2udw]{display:flex;flex-direction:column;gap:.875rem;padding:1rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s,transform .15s}.result-card[data-astro-cid-z2th2udw]:hover{border-color:var(--color-ink-900);box-shadow:var(--shadow-plate);transform:translateY(-2px)}.result-swatches[data-astro-cid-z2th2udw]{display:flex;height:4.5rem;border-radius:var(--radius-sm);overflow:hidden;border:1px solid rgba(0,0,0,.06)}.result-swatches[data-astro-cid-z2th2udw] span[data-astro-cid-z2th2udw]{flex:1}.result-body[data-astro-cid-z2th2udw]{display:flex;flex-direction:column;gap:.25rem}.result-title[data-astro-cid-z2th2udw]{font-family:var(--font-serif);font-size:1.125rem;font-weight:500;color:var(--color-ink-900);margin:0}.result-ja[data-astro-cid-z2th2udw]{font-size:.8125rem;color:var(--color-ink-400);margin:0}.result-match[data-astro-cid-z2th2udw]{font-size:.8125rem;color:var(--color-ink-500);display:flex;align-items:center;gap:.375rem;flex-wrap:wrap;margin:.25rem 0 0}.match-swatch[data-astro-cid-z2th2udw]{display:inline-block;width:.875rem;height:.875rem;border-radius:50%;border:1px solid rgba(0,0,0,.12);flex-shrink:0}.match-hex[data-astro-cid-z2th2udw]{font-family:var(--font-mono);font-size:.75rem}.explainer[data-astro-cid-z2th2udw]{border-top:1px solid var(--color-border);padding-top:3rem;padding-bottom:4rem}.explainer-inner[data-astro-cid-z2th2udw]{max-width:52rem}.explainer-title[data-astro-cid-z2th2udw]{font-family:var(--font-serif);font-size:clamp(1.5rem,2vw + .75rem,2rem);font-weight:500;margin-bottom:1.5rem}.explainer-body[data-astro-cid-z2th2udw]{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}@media(max-width:640px){.explainer-body[data-astro-cid-z2th2udw]{grid-template-columns:1fr}}.explainer-col[data-astro-cid-z2th2udw] h3[data-astro-cid-z2th2udw]{font-family:var(--font-sans);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-ink-500);margin-bottom:.75rem}.explainer-col[data-astro-cid-z2th2udw] p[data-astro-cid-z2th2udw]{font-family:var(--font-serif);font-size:1rem;line-height:1.7;color:var(--color-ink-700)}