.tool-page-header[data-astro-cid-bpwuegw6]{border-bottom:1px solid var(--border);background:linear-gradient(#f59e0b1a 0%,#0000 100%);padding:48px 24px 36px}.tool-page-header-inner[data-astro-cid-bpwuegw6]{max-width:1200px;margin:0 auto}.breadcrumb[data-astro-cid-bpwuegw6]{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:16px;font-size:13px;display:flex}.breadcrumb[data-astro-cid-bpwuegw6] a[data-astro-cid-bpwuegw6]{color:var(--text-muted)}.breadcrumb[data-astro-cid-bpwuegw6] a[data-astro-cid-bpwuegw6]:hover{color:#fbbf24}.breadcrumb[data-astro-cid-bpwuegw6] .sep[data-astro-cid-bpwuegw6]{color:var(--text-subtle)}.breadcrumb[data-astro-cid-bpwuegw6] .current[data-astro-cid-bpwuegw6]{color:var(--text-primary);font-weight:500}.tool-badge[data-astro-cid-bpwuegw6].yellow{color:#fbbf24;border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.05em;background:#f59e0b1f;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.tool-page-title[data-astro-cid-bpwuegw6]{letter-spacing:-.03em;margin-bottom:12px;font-size:clamp(2rem,4vw,3rem);font-weight:700}.tool-page-desc[data-astro-cid-bpwuegw6]{color:var(--text-muted);max-width:640px;font-size:16px}.tool-page-container[data-astro-cid-bpwuegw6]{max-width:1200px;margin:0 auto;padding:48px 24px 96px}.contrast-card[data-astro-cid-bpwuegw6]{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px}.inputs-grid[data-astro-cid-bpwuegw6]{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px;display:grid}.color-picker-box[data-astro-cid-bpwuegw6]{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff05;padding:20px}.picker-label[data-astro-cid-bpwuegw6]{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:10px;font-size:12px;font-weight:600;display:block}.picker-row[data-astro-cid-bpwuegw6]{align-items:center;gap:12px;display:flex}.color-picker[data-astro-cid-bpwuegw6]{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;width:44px;height:44px}.color-input[data-astro-cid-bpwuegw6]{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);background:#000;outline:none;flex:1;padding:10px 14px;font-family:JetBrains Mono,monospace;font-size:14px}.color-input[data-astro-cid-bpwuegw6]:focus{border-color:#fbbf24}.ratio-display-card[data-astro-cid-bpwuegw6]{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff08;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;padding:24px 32px;display:flex}.ratio-val[data-astro-cid-bpwuegw6]{color:#fbbf24;font-size:3.2rem;font-weight:700;line-height:1}.ratio-label[data-astro-cid-bpwuegw6]{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-top:6px;font-size:12px;font-weight:600}.wcag-grid[data-astro-cid-bpwuegw6]{grid-template-columns:1fr 1fr;gap:12px;display:grid}.wcag-badge-item[data-astro-cid-bpwuegw6]{border-radius:var(--radius-sm);background:#10b9811a;border:1px solid #10b9814d;justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;display:flex}.wcag-badge-item[data-astro-cid-bpwuegw6].fail{background:#ef44441a;border-color:#ef44444d}.wcag-name[data-astro-cid-bpwuegw6]{color:var(--text-primary);font-size:13px;font-weight:500}.wcag-status[data-astro-cid-bpwuegw6]{color:#34d399;font-size:12px;font-weight:700}.wcag-badge-item[data-astro-cid-bpwuegw6].fail .wcag-status[data-astro-cid-bpwuegw6]{color:#f87171}.preview-box[data-astro-cid-bpwuegw6]{border:1px solid var(--border);border-radius:var(--radius-md);padding:32px;transition:all .15s}.preview-heading[data-astro-cid-bpwuegw6]{margin-bottom:12px;font-size:1.6rem;font-weight:700}.preview-text[data-astro-cid-bpwuegw6]{max-width:600px;margin-bottom:20px;font-size:15px;line-height:1.6}.preview-btn[data-astro-cid-bpwuegw6]{border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:1px solid;padding:10px 20px;font-family:Outfit,sans-serif;font-size:14px;font-weight:600}@media (width<=800px){.inputs-grid[data-astro-cid-bpwuegw6],.wcag-grid[data-astro-cid-bpwuegw6]{grid-template-columns:1fr}.ratio-display-card[data-astro-cid-bpwuegw6]{flex-direction:column;align-items:flex-start}}