.tool[data-astro-cid-j3dq5x4u]{padding:var(--spacing-10) var(--spacing-6) var(--spacing-16)}.tool-inner[data-astro-cid-j3dq5x4u]{max-width:var(--wide-width);margin:0 auto}.tool-intro[data-astro-cid-j3dq5x4u]{max-width:46rem;margin-bottom:var(--spacing-10)}.kicker[data-astro-cid-j3dq5x4u]{margin:0 0 var(--spacing-2);font-size:var(--font-size-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);font-weight:700}.tool-intro[data-astro-cid-j3dq5x4u] h1[data-astro-cid-j3dq5x4u]{margin:0 0 var(--spacing-4);font-size:var(--font-size-3xl);line-height:1.15}.lede[data-astro-cid-j3dq5x4u]{margin:0 0 var(--spacing-5);font-size:var(--font-size-lg);color:var(--color-text-secondary)}.intro-points[data-astro-cid-j3dq5x4u]{gap:var(--spacing-2) var(--spacing-5);margin:0 0 var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);flex-wrap:wrap;padding:0;list-style:none;display:flex}.intro-points[data-astro-cid-j3dq5x4u] li[data-astro-cid-j3dq5x4u]{padding-left:var(--spacing-4);position:relative}.intro-points[data-astro-cid-j3dq5x4u] li[data-astro-cid-j3dq5x4u]:before{content:"✓";color:var(--color-accent);font-weight:700;position:absolute;left:0}.caveat[data-astro-cid-j3dq5x4u]{padding-left:var(--spacing-4);border-left:3px solid var(--color-accent);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.tool-grid[data-astro-cid-j3dq5x4u]{gap:var(--spacing-6);align-items:start;display:grid}@media (width>=980px){.tool-grid[data-astro-cid-j3dq5x4u]{grid-template-columns:minmax(0,1fr) minmax(340px,1.05fr);grid-template-areas:"controls results"}.controls[data-astro-cid-j3dq5x4u]{grid-area:controls}.results[data-astro-cid-j3dq5x4u]{grid-area:results}}.controls[data-astro-cid-j3dq5x4u],.results[data-astro-cid-j3dq5x4u]{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);padding:var(--spacing-5)}.panel-heading[data-astro-cid-j3dq5x4u]{margin:0 0 var(--spacing-4);font-size:var(--font-size-xl)}.drop[data-astro-cid-j3dq5x4u]{border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);padding:var(--spacing-5);text-align:center}.drop[data-astro-cid-j3dq5x4u].is-active{border-color:var(--color-accent);border-style:solid}.drop-title[data-astro-cid-j3dq5x4u]{margin:0 0 var(--spacing-2);font-weight:700}.drop-hint[data-astro-cid-j3dq5x4u]{margin:0 0 var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.drop-actions[data-astro-cid-j3dq5x4u]{gap:var(--spacing-3);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.file-input[data-astro-cid-j3dq5x4u]{width:100%;max-width:100%;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.file-label[data-astro-cid-j3dq5x4u]{font-size:var(--font-size-sm);font-weight:700;display:block}.ghost-button[data-astro-cid-j3dq5x4u],.primary-button[data-astro-cid-j3dq5x4u]{padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;font-weight:700}.ghost-button[data-astro-cid-j3dq5x4u]:hover,.ghost-button[data-astro-cid-j3dq5x4u]:focus-visible{border-color:var(--color-accent);color:var(--color-accent-hover)}.primary-button[data-astro-cid-j3dq5x4u]{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}.primary-button[data-astro-cid-j3dq5x4u]:hover,.primary-button[data-astro-cid-j3dq5x4u]:focus-visible{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.ghost-button[data-astro-cid-j3dq5x4u]:focus-visible,.primary-button[data-astro-cid-j3dq5x4u]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.file-meta[data-astro-cid-j3dq5x4u]{margin:var(--spacing-4) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);overflow-wrap:anywhere}.field[data-astro-cid-j3dq5x4u]{gap:var(--spacing-2);margin-bottom:var(--spacing-4);flex-direction:column;display:flex}.field-label[data-astro-cid-j3dq5x4u]{font-size:var(--font-size-sm);color:var(--color-text);font-weight:700}.field-input[data-astro-cid-j3dq5x4u]{width:100%;padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:var(--font-size-base)}.field-range[data-astro-cid-j3dq5x4u]{padding:var(--spacing-2) 0;accent-color:var(--color-accent);background:0 0;border:none}.field-input[data-astro-cid-j3dq5x4u]:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.field-hint[data-astro-cid-j3dq5x4u]{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.check[data-astro-cid-j3dq5x4u]{gap:var(--spacing-3);margin-bottom:var(--spacing-5);font-size:var(--font-size-sm);cursor:pointer;align-items:flex-start;display:flex}.check[data-astro-cid-j3dq5x4u] input[data-astro-cid-j3dq5x4u]{accent-color:var(--color-accent);margin-top:.25rem}.check-text[data-astro-cid-j3dq5x4u]{gap:var(--spacing-1);flex-direction:column;font-weight:700;display:flex}.check-text[data-astro-cid-j3dq5x4u] small[data-astro-cid-j3dq5x4u]{color:var(--color-text-secondary);font-weight:400;line-height:var(--leading-normal)}.actions[data-astro-cid-j3dq5x4u]{gap:var(--spacing-3);flex-wrap:wrap;display:flex}.status[data-astro-cid-j3dq5x4u]{margin:var(--spacing-4) 0 0;padding:var(--spacing-3);border-radius:var(--radius);background:var(--color-bg-subtle);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.status[data-astro-cid-j3dq5x4u].is-error{border:1px solid var(--color-accent);color:var(--color-text)}.results-sub[data-astro-cid-j3dq5x4u]{margin:0 0 var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.preview[data-astro-cid-j3dq5x4u]{margin-bottom:var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg-subtle);overflow:hidden}.preview-canvas[data-astro-cid-j3dq5x4u]{width:100%;height:auto;display:block}.source-line[data-astro-cid-j3dq5x4u]{margin:0 0 var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);overflow-wrap:anywhere}.headline[data-astro-cid-j3dq5x4u]{margin:0 0 var(--spacing-4);font-size:var(--font-size-base);font-weight:700}.swatches[data-astro-cid-j3dq5x4u]{gap:var(--spacing-3);margin:0 0 var(--spacing-5);flex-direction:column;padding:0;list-style:none;display:flex}.swatch[data-astro-cid-j3dq5x4u]{gap:var(--spacing-3);align-items:flex-start;display:flex}.swatch-chip[data-astro-cid-j3dq5x4u],.plan-chip[data-astro-cid-j3dq5x4u],.example-chip[data-astro-cid-j3dq5x4u]{border:1px solid var(--color-border);border-radius:var(--radius);flex:none}.swatch-chip[data-astro-cid-j3dq5x4u]{width:2.75rem;height:2.75rem}.swatch-body[data-astro-cid-j3dq5x4u]{gap:var(--spacing-1);flex-direction:column;flex:auto;min-width:0;display:flex}.swatch-hex[data-astro-cid-j3dq5x4u]{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--font-size-base);letter-spacing:.02em;font-weight:700}.swatch-meta[data-astro-cid-j3dq5x4u]{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.swatch-bar[data-astro-cid-j3dq5x4u]{background:var(--color-bg-subtle);border-radius:999px;height:6px;display:block;overflow:hidden}.swatch-bar-fill[data-astro-cid-j3dq5x4u]{height:100%;display:block}.plan[data-astro-cid-j3dq5x4u],.groups[data-astro-cid-j3dq5x4u]{margin-bottom:var(--spacing-5)}.plan-heading[data-astro-cid-j3dq5x4u]{margin:0 0 var(--spacing-3);font-size:var(--font-size-lg)}.plan-list[data-astro-cid-j3dq5x4u],.group-list[data-astro-cid-j3dq5x4u],.notes[data-astro-cid-j3dq5x4u],.limits-list[data-astro-cid-j3dq5x4u],.next-list[data-astro-cid-j3dq5x4u]{gap:var(--spacing-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.plan-row[data-astro-cid-j3dq5x4u]{gap:var(--spacing-3);align-items:flex-start;display:flex}.plan-chip[data-astro-cid-j3dq5x4u]{width:1.5rem;height:1.5rem}.plan-body[data-astro-cid-j3dq5x4u]{gap:var(--spacing-1);flex-direction:column;min-width:0;display:flex}.plan-role[data-astro-cid-j3dq5x4u]{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);font-weight:700}.plan-hex[data-astro-cid-j3dq5x4u]{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700}.plan-reason[data-astro-cid-j3dq5x4u],.group-note[data-astro-cid-j3dq5x4u]{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.group[data-astro-cid-j3dq5x4u]{gap:var(--spacing-1);flex-direction:column;display:flex}.group-head[data-astro-cid-j3dq5x4u]{gap:var(--spacing-3);justify-content:space-between;align-items:baseline;display:flex}.group-label[data-astro-cid-j3dq5x4u]{font-weight:700}.group-share[data-astro-cid-j3dq5x4u]{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.group-hexes[data-astro-cid-j3dq5x4u]{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--font-size-sm);overflow-wrap:anywhere}.copy-row[data-astro-cid-j3dq5x4u]{gap:var(--spacing-3);margin-bottom:var(--spacing-4);flex-wrap:wrap;display:flex}.copy-label[data-astro-cid-j3dq5x4u]{margin-bottom:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:block}.copy-source[data-astro-cid-j3dq5x4u]{width:100%;padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--font-size-sm);resize:vertical}.notes[data-astro-cid-j3dq5x4u]{margin-top:var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.notes[data-astro-cid-j3dq5x4u] li[data-astro-cid-j3dq5x4u]{padding-left:var(--spacing-4);position:relative}.notes[data-astro-cid-j3dq5x4u] li[data-astro-cid-j3dq5x4u]:before{content:"•";color:var(--color-accent);position:absolute;left:0}.prose[data-astro-cid-j3dq5x4u]{max-width:46rem;margin-top:var(--spacing-12)}.prose[data-astro-cid-j3dq5x4u] h2[data-astro-cid-j3dq5x4u]{margin:0 0 var(--spacing-4);font-size:var(--font-size-2xl)}.prose[data-astro-cid-j3dq5x4u] h3[data-astro-cid-j3dq5x4u]{margin:0 0 var(--spacing-2);font-size:var(--font-size-lg)}.prose[data-astro-cid-j3dq5x4u] p[data-astro-cid-j3dq5x4u]{margin:0 0 var(--spacing-4);line-height:var(--leading-relaxed)}.how-grid[data-astro-cid-j3dq5x4u]{gap:var(--spacing-5);display:grid}@media (width>=720px){.how-grid[data-astro-cid-j3dq5x4u]{grid-template-columns:repeat(2,minmax(0,1fr))}}.example-table[data-astro-cid-j3dq5x4u]{width:100%;margin-bottom:var(--spacing-5);border-collapse:collapse;font-size:var(--font-size-sm)}.example-table[data-astro-cid-j3dq5x4u] caption[data-astro-cid-j3dq5x4u]{margin-bottom:var(--spacing-2);text-align:left;color:var(--color-text-secondary)}.example-table[data-astro-cid-j3dq5x4u] th[data-astro-cid-j3dq5x4u],.example-table[data-astro-cid-j3dq5x4u] td[data-astro-cid-j3dq5x4u]{padding:var(--spacing-2);border-bottom:1px solid var(--color-border-subtle);text-align:left}.example-hex[data-astro-cid-j3dq5x4u]{gap:var(--spacing-2);align-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.example-chip[data-astro-cid-j3dq5x4u]{width:1rem;height:1rem}.limits-list[data-astro-cid-j3dq5x4u] li[data-astro-cid-j3dq5x4u],.next-list[data-astro-cid-j3dq5x4u] li[data-astro-cid-j3dq5x4u]{padding-left:var(--spacing-4);line-height:var(--leading-relaxed);position:relative}.limits-list[data-astro-cid-j3dq5x4u] li[data-astro-cid-j3dq5x4u]:before,.next-list[data-astro-cid-j3dq5x4u] li[data-astro-cid-j3dq5x4u]:before{content:"—";color:var(--color-accent);position:absolute;left:0}.offer[data-astro-cid-j3dq5x4u]{padding:var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-subtle)}.faq-list[data-astro-cid-j3dq5x4u]{gap:var(--spacing-3);flex-direction:column;display:flex}.faq-item[data-astro-cid-j3dq5x4u]{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-3) var(--spacing-4);background:var(--color-surface)}.faq-item[data-astro-cid-j3dq5x4u] summary[data-astro-cid-j3dq5x4u]{cursor:pointer;font-weight:700}.faq-item[data-astro-cid-j3dq5x4u] p[data-astro-cid-j3dq5x4u]{margin:var(--spacing-3) 0 0;font-size:var(--font-size-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}a[data-astro-cid-j3dq5x4u]{color:var(--color-accent)}a[data-astro-cid-j3dq5x4u]:hover,a[data-astro-cid-j3dq5x4u]:focus-visible{color:var(--color-accent-hover)}