.cc-root{display:flex;flex-direction:column;gap:var(--spacing-600);padding-bottom:var(--spacing-800);border-radius:12px}.cc-tool-body{display:grid;grid-template-columns:300px 1fr;gap:var(--spacing-500);align-items:start}.cc-left,.cc-right{display:flex;flex-direction:column;gap:var(--spacing-400)}.cc-color-panel{display:flex;flex-direction:column;gap:var(--spacing-300);padding:var(--spacing-500);border:1px solid var(--border-strong-100);border-radius:12px;background:var(--bg-page-secondary)}.cc-panel-label{text-transform:uppercase;letter-spacing:.08em;color:var(--fg-neutral-secondary)}.cc-input-wrap{display:flex;align-items:center;background:var(--bg-page-primary);border:1.5px solid var(--border-strong-100);border-radius:8px;transition:border-color .15s;overflow:hidden}.cc-input-wrap:focus-within{border-color:var(--fg-primary)}.cc-input-wrap.cc-invalid{border-color:#ef4444}.cc-text-input{flex:1;min-width:0;padding:11px 10px 11px 14px;font-family:Courier New,Courier,monospace;background:transparent;border:none;color:var(--fg-neutral);outline:none}.cc-swatch-inside{position:relative;width:36px;height:36px;border-radius:10px;border:1px solid var(--border-neutral-tertiary);margin:4px 6px 4px 4px;flex-shrink:0;cursor:pointer;overflow:hidden}.cc-swatch-bg{position:absolute;inset:0}.cc-swatch-inside input[type=color]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:none;padding:0}.cc-rgb-hint{font-family:Courier New,Courier,monospace;color:var(--fg-neutral-secondary);min-height:1em}.cc-swap-wrap{display:flex;justify-content:center;align-items:center}.cc-ratio-panel{padding:var(--spacing-600) var(--spacing-500);border:1px solid var(--border-strong-100);border-radius:12px;background:var(--bg-page-secondary);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-300);text-align:center}.cc-ratio-number{line-height:1;color:var(--fg-neutral);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.cc-ratio-unit{color:var(--fg-neutral-secondary);text-transform:uppercase;letter-spacing:.06em}.cc-rating-pill{padding:5px 18px;border-radius:999px;text-transform:uppercase;letter-spacing:.08em}.cc-pill-aaa{color:#059669;background:color-mix(in srgb,#22c55e 18%,var(--bg-page-primary))}.cc-pill-aa{color:#d97706;background:color-mix(in srgb,#f59e0b 18%,var(--bg-page-primary))}.cc-pill-fail{color:#dc2626;background:color-mix(in srgb,#ef4444 18%,var(--bg-page-primary))}.cc-results{border:1px solid var(--border-strong-100);border-radius:12px;overflow:hidden}.cc-section-header{padding:var(--spacing-300) var(--spacing-500);border-bottom:1px solid var(--border-strong-100);text-transform:uppercase;letter-spacing:.08em;color:var(--fg-neutral-secondary);background:var(--bg-page-secondary)}.cc-table{width:100%;border-collapse:collapse}.cc-table th{padding:var(--spacing-300) var(--spacing-500);text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-neutral-secondary);border-bottom:1px solid var(--border-strong-100);background:var(--bg-page-secondary)}.cc-table td{padding:var(--spacing-400) var(--spacing-500);border-bottom:1px solid var(--border-strong-100);vertical-align:middle}.cc-table tbody tr:last-child td{border-bottom:none}.cc-row-name{color:var(--fg-neutral)}.cc-row-desc{color:var(--fg-neutral-secondary);margin-top:2px}.cc-cell{display:flex;flex-direction:column;gap:4px}.cc-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.06em;width:fit-content}.cc-badge-pass{color:#059669;background:color-mix(in srgb,#22c55e 18%,var(--bg-page-primary))}.cc-badge-fail{color:#dc2626;background:color-mix(in srgb,#ef4444 18%,var(--bg-page-primary))}.cc-badge-na{color:var(--fg-neutral-secondary);background:var(--bg-page-secondary)}.cc-threshold{color:var(--fg-neutral-secondary)}.cc-preview{border:1px solid var(--border-strong-100);border-radius:12px;overflow:hidden}.cc-preview-grid{display:grid;grid-template-columns:repeat(3,1fr)}.cc-preview-cell{padding:var(--spacing-500)}.cc-preview-cell+.cc-preview-cell{border-left:1px solid var(--border-strong-100)}.cc-preview-type{text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--spacing-300);opacity:.55}.cc-ui-row{display:flex;align-items:center;gap:var(--spacing-400);flex-wrap:wrap}@media (max-width: 760px){.cc-tool-body,.cc-preview-grid{grid-template-columns:1fr}.cc-preview-cell+.cc-preview-cell{border-left:none;border-top:1px solid var(--border-strong-100)}}.page-header[data-astro-cid-76w2nmiy]{padding:var(--spacing-800) 0 var(--spacing-600) 0;border-bottom:1px solid var(--border-strong-100);margin-bottom:var(--spacing-600)}h1[data-astro-cid-76w2nmiy]{margin:0 0 var(--spacing-300) 0;letter-spacing:-.03em;text-transform:none}.intro[data-astro-cid-76w2nmiy]{color:var(--fg-neutral-tertiary);margin:0;max-width:64ch}.about[data-astro-cid-76w2nmiy]{margin-top:var(--spacing-800);padding-top:var(--spacing-800);border-top:1px solid var(--border-strong-100);padding-bottom:var(--spacing-800)}.about[data-astro-cid-76w2nmiy] h2[data-astro-cid-76w2nmiy]{margin:0 0 var(--spacing-300) 0;text-transform:none}.about-intro[data-astro-cid-76w2nmiy]{color:var(--fg-neutral-tertiary);margin:0 0 var(--spacing-500) 0;max-width:72ch}.about-grid[data-astro-cid-76w2nmiy]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-400);margin-bottom:var(--spacing-600)}.about-card[data-astro-cid-76w2nmiy]{padding:var(--spacing-500);border:1px solid var(--border-strong-100);border-radius:10px;background:var(--bg-page-secondary)}.about-card[data-astro-cid-76w2nmiy] h3[data-astro-cid-76w2nmiy]{margin:0 0 var(--spacing-200) 0;color:var(--fg-neutral)}.about-card[data-astro-cid-76w2nmiy] p[data-astro-cid-76w2nmiy]{color:var(--fg-neutral-secondary);margin:0}.tips[data-astro-cid-76w2nmiy]{padding:var(--spacing-500);border:1px solid var(--border-strong-100);border-radius:10px;background:var(--bg-page-secondary)}.tips[data-astro-cid-76w2nmiy] h3[data-astro-cid-76w2nmiy]{margin:0 0 var(--spacing-300) 0}.tips[data-astro-cid-76w2nmiy] ul[data-astro-cid-76w2nmiy]{margin:0;padding-left:var(--spacing-500);display:flex;flex-direction:column;gap:var(--spacing-200)}.tips[data-astro-cid-76w2nmiy] li[data-astro-cid-76w2nmiy]{color:var(--fg-neutral-secondary)}.tips[data-astro-cid-76w2nmiy] code[data-astro-cid-76w2nmiy]{font-size:.8125rem;font-family:Courier New,Courier,monospace;background:var(--bg-page-primary);border:1px solid var(--border-strong-100);border-radius:4px;padding:1px 5px}@media (max-width: 640px){.about-grid[data-astro-cid-76w2nmiy]{grid-template-columns:1fr}}