.tool-hero[data-astro-cid-kxtvqq67]{padding:7rem 2rem 2rem;text-align:center}.tool-hero-inner[data-astro-cid-kxtvqq67]{max-width:640px;margin:0 auto}.tool-back[data-astro-cid-kxtvqq67]{display:inline-flex;align-items:center;gap:4px;font-size:.8125rem;font-weight:500;color:var(--text-muted);text-decoration:none;margin-bottom:var(--s-lg);transition:color .2s var(--ease)}.tool-back[data-astro-cid-kxtvqq67]:hover{color:var(--text-primary)}.tool-badge[data-astro-cid-kxtvqq67]{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:var(--bg-card);padding:6px 16px;border-radius:var(--r-pill);margin-bottom:var(--s-lg);box-shadow:var(--shadow-sm)}.tool-hero[data-astro-cid-kxtvqq67] h1[data-astro-cid-kxtvqq67]{font-family:var(--font-head);font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.04em;color:var(--text-primary);margin-bottom:var(--s-md);line-height:1.1}.tool-hero-desc[data-astro-cid-kxtvqq67]{font-size:1.0625rem;line-height:1.7;color:var(--text-secondary)}.color-section[data-astro-cid-kxtvqq67]{padding:0 2rem var(--s-4xl)}.color-inner[data-astro-cid-kxtvqq67]{max-width:var(--max-w);margin:0 auto}.section-title[data-astro-cid-kxtvqq67]{display:flex;align-items:center;gap:8px;font-family:var(--font-head);font-size:1.125rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:var(--s-xl)}.picker-card[data-astro-cid-kxtvqq67]{background:var(--bg-card);border-radius:var(--r-xl);box-shadow:var(--shadow-md);padding:var(--s-xl) var(--s-2xl);margin-bottom:var(--s-xl)}.picker-row[data-astro-cid-kxtvqq67]{display:flex;align-items:center;justify-content:space-between;gap:var(--s-xl)}.picker-input-group[data-astro-cid-kxtvqq67] label[data-astro-cid-kxtvqq67]{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px}.picker-combo[data-astro-cid-kxtvqq67]{display:flex;align-items:center;gap:10px}input[data-astro-cid-kxtvqq67][type=color]{width:48px;height:48px;border:2px solid var(--border);border-radius:var(--r-md);cursor:pointer;padding:2px;background:var(--bg)}input[data-astro-cid-kxtvqq67][type=color]::-webkit-color-swatch-wrapper{padding:2px}input[data-astro-cid-kxtvqq67][type=color]::-webkit-color-swatch{border-radius:6px;border:none}#color-hex[data-astro-cid-kxtvqq67]{width:100px;padding:12px 14px;font-family:SF Mono,Fira Code,monospace;font-size:1rem;font-weight:700;color:var(--text-primary);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);outline:none;text-transform:uppercase}#color-hex[data-astro-cid-kxtvqq67]:focus{border-color:var(--text-primary)}.picker-presets[data-astro-cid-kxtvqq67]{display:flex;gap:8px;flex-wrap:wrap}.color-preset[data-astro-cid-kxtvqq67]{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s var(--ease)}.color-preset[data-astro-cid-kxtvqq67]:hover{transform:scale(1.2);border-color:var(--text-primary)}.palette-card[data-astro-cid-kxtvqq67]{background:var(--bg-card);border-radius:var(--r-xl);box-shadow:var(--shadow-md);padding:var(--s-2xl);margin-bottom:var(--s-xl);transition:all .3s var(--ease)}.palette-header[data-astro-cid-kxtvqq67]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-xl)}.palette-header[data-astro-cid-kxtvqq67] h2[data-astro-cid-kxtvqq67]{font-family:var(--font-head);font-size:1.125rem;font-weight:700;letter-spacing:-.02em}.mode-toggle[data-astro-cid-kxtvqq67]{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-family:var(--font-body);font-size:.75rem;font-weight:600;color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-pill);cursor:pointer;transition:all .2s var(--ease)}.mode-toggle[data-astro-cid-kxtvqq67]:hover{border-color:var(--text-secondary)}.mode-toggle[data-astro-cid-kxtvqq67].active{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.shade-grid[data-astro-cid-kxtvqq67]{display:grid;grid-template-columns:repeat(11,1fr);gap:4px;margin-bottom:var(--s-2xl);border-radius:var(--r-lg);overflow:hidden}.shade[data-astro-cid-kxtvqq67]{padding:24px 8px 12px;text-align:center;display:flex;flex-direction:column;gap:4px;min-height:80px;justify-content:flex-end}.shade-step[data-astro-cid-kxtvqq67]{font-size:.6875rem;font-weight:700;opacity:.7}.shade-hex[data-astro-cid-kxtvqq67]{font-family:SF Mono,monospace;font-size:.5625rem;font-weight:600}.comp-section[data-astro-cid-kxtvqq67] h3[data-astro-cid-kxtvqq67]{font-family:var(--font-head);font-size:.875rem;font-weight:700;margin-bottom:var(--s-md);opacity:.6}.comp-grid[data-astro-cid-kxtvqq67]{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;border-radius:var(--r-lg);overflow:hidden}.comp-swatch[data-astro-cid-kxtvqq67]{padding:20px 10px 12px;text-align:center;display:flex;flex-direction:column;gap:4px;min-height:72px;justify-content:flex-end}.comp-swatch[data-astro-cid-kxtvqq67] strong[data-astro-cid-kxtvqq67]{font-size:.625rem;font-weight:700}.comp-swatch[data-astro-cid-kxtvqq67] span[data-astro-cid-kxtvqq67]{font-family:SF Mono,monospace;font-size:.5rem;font-weight:600;opacity:.7}.output-card[data-astro-cid-kxtvqq67]{background:var(--bg-card);border-radius:var(--r-xl);box-shadow:var(--shadow-md);overflow:hidden;margin-bottom:var(--s-xl)}.out-tabs[data-astro-cid-kxtvqq67]{display:flex;border-bottom:1px solid var(--border)}.out-tab[data-astro-cid-kxtvqq67]{padding:14px 24px;font-family:var(--font-body);font-size:.8125rem;font-weight:600;color:var(--text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s var(--ease)}.out-tab[data-astro-cid-kxtvqq67]:hover{color:var(--text-secondary)}.out-tab[data-astro-cid-kxtvqq67].active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.out-panel[data-astro-cid-kxtvqq67]{background:#1a1a1a}.out-header[data-astro-cid-kxtvqq67]{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.out-label[data-astro-cid-kxtvqq67]{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#fff6}.panel-btn[data-astro-cid-kxtvqq67]{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;font-family:var(--font-body);font-size:.6875rem;font-weight:600;color:#fff6;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:var(--r-xs);cursor:pointer;transition:all .15s var(--ease)}.panel-btn[data-astro-cid-kxtvqq67]:hover{background:#ffffff0f;color:#fffc}.out-code[data-astro-cid-kxtvqq67]{padding:16px;margin:0;font-family:SF Mono,Fira Code,monospace;font-size:.8125rem;line-height:1.7;color:#e5e5e5;background:#1a1a1a;overflow:auto;white-space:pre;min-height:250px;max-height:400px}.out-code[data-astro-cid-kxtvqq67] code[data-astro-cid-kxtvqq67]{color:inherit;font:inherit}.a11y-card[data-astro-cid-kxtvqq67]{background:var(--bg-card);border-radius:var(--r-xl);box-shadow:var(--shadow-md);padding:var(--s-2xl);margin-bottom:var(--s-3xl)}.a11y-grid[data-astro-cid-kxtvqq67]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-xl)}.a11y-group[data-astro-cid-kxtvqq67] h3[data-astro-cid-kxtvqq67]{font-family:var(--font-head);font-size:.875rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--s-md)}.a11y-hex[data-astro-cid-kxtvqq67]{font-family:SF Mono,monospace;font-size:.6875rem;font-weight:600;color:var(--text-muted);margin-left:4px}.a11y-row[data-astro-cid-kxtvqq67]{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--border)}.a11y-row[data-astro-cid-kxtvqq67]:last-child{border-bottom:none}.a11y-sample[data-astro-cid-kxtvqq67]{width:60px;min-height:40px;border-radius:var(--r-xs);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:4px}.a11y-ratio[data-astro-cid-kxtvqq67]{font-family:SF Mono,monospace;font-size:.75rem;font-weight:700;color:var(--text-primary);min-width:48px}.a11y-badges[data-astro-cid-kxtvqq67]{display:flex;gap:4px}.a11y-badge[data-astro-cid-kxtvqq67]{font-size:.5625rem;font-weight:700;padding:2px 6px;border-radius:var(--r-xs);text-transform:uppercase}.a11y-badge[data-astro-cid-kxtvqq67].pass{background:#16a34a1a;color:#16a34a}.a11y-badge[data-astro-cid-kxtvqq67].fail{background:#dc26261a;color:#dc2626}.tool-faq[data-astro-cid-kxtvqq67]{margin-bottom:var(--s-3xl)}.faq-grid[data-astro-cid-kxtvqq67]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-lg)}.faq-item[data-astro-cid-kxtvqq67]{background:var(--bg-card);border-radius:var(--r-lg);padding:var(--s-xl);box-shadow:var(--shadow-sm)}.faq-item[data-astro-cid-kxtvqq67] h3[data-astro-cid-kxtvqq67]{font-family:var(--font-head);font-size:.9375rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.faq-item[data-astro-cid-kxtvqq67] p[data-astro-cid-kxtvqq67]{font-size:.8125rem;line-height:1.7;color:var(--text-secondary)}.tool-cta[data-astro-cid-kxtvqq67]{text-align:center;max-width:520px;margin:0 auto;padding:var(--s-xl) 0}.tool-cta[data-astro-cid-kxtvqq67] h2[data-astro-cid-kxtvqq67]{font-family:var(--font-head);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--text-primary);letter-spacing:-.035em;margin-bottom:var(--s-md)}.tool-cta[data-astro-cid-kxtvqq67] p[data-astro-cid-kxtvqq67]{font-size:1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:var(--s-xl)}.tool-cta-actions[data-astro-cid-kxtvqq67]{display:flex;justify-content:center;gap:var(--s-md)}@media(max-width:1024px){.shade-grid[data-astro-cid-kxtvqq67]{grid-template-columns:repeat(6,1fr)}.comp-grid[data-astro-cid-kxtvqq67]{grid-template-columns:repeat(4,1fr)}.a11y-grid[data-astro-cid-kxtvqq67]{grid-template-columns:1fr}}@media(max-width:768px){.tool-hero[data-astro-cid-kxtvqq67]{padding:6.5rem 1.25rem 1.5rem}.color-section[data-astro-cid-kxtvqq67]{padding:0 .75rem var(--s-3xl)}.picker-card[data-astro-cid-kxtvqq67]{padding:var(--s-lg)}.picker-row[data-astro-cid-kxtvqq67]{flex-direction:column;align-items:flex-start}.shade-grid[data-astro-cid-kxtvqq67]{grid-template-columns:repeat(4,1fr)}.shade[data-astro-cid-kxtvqq67]{min-height:60px;padding:16px 4px 8px}.comp-grid[data-astro-cid-kxtvqq67]{grid-template-columns:repeat(3,1fr)}.palette-card[data-astro-cid-kxtvqq67]{padding:var(--s-lg)}.palette-header[data-astro-cid-kxtvqq67]{flex-direction:column;gap:var(--s-md);align-items:flex-start}.out-tabs[data-astro-cid-kxtvqq67]{overflow-x:auto}.out-tab[data-astro-cid-kxtvqq67]{padding:12px 16px;font-size:.75rem;white-space:nowrap}.faq-grid[data-astro-cid-kxtvqq67]{grid-template-columns:1fr}.tool-cta-actions[data-astro-cid-kxtvqq67]{flex-direction:column;align-items:stretch}}@media(max-width:480px){.shade-grid[data-astro-cid-kxtvqq67]{grid-template-columns:repeat(3,1fr)}.comp-grid[data-astro-cid-kxtvqq67]{grid-template-columns:repeat(2,1fr)}}