:root{--bg: #f5f8fc;--surface: #ffffff;--surface-2: #f8fafc;--text: #111827;--muted: #64748b;--border: #e2e8f0;--primary: #2563eb;--primary-2: #0ea5e9;--green: #16a34a;--red: #dc2626;--orange: #f59e0b;--shadow: 0 20px 60px rgba(15, 23, 42, .08);--radius: 24px}html.dark-mode{--bg: #08111f;--surface: #0f1b2d;--surface-2: #132238;--text: #f1f5f9;--muted: #94a3b8;--border: #24344a;--primary: #60a5fa;--primary-2: #38bdf8;--green: #4ade80;--red: #f87171;--orange: #fbbf24;--shadow: 0 20px 60px rgba(0, 0, 0, .28)}[data-astro-cid-udaicyhb]{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Cairo,sans-serif;line-height:1.8}button[data-astro-cid-udaicyhb],input[data-astro-cid-udaicyhb]{font-family:inherit}.container[data-astro-cid-udaicyhb]{width:min(1120px,calc(100% - 32px));margin:auto}.hero[data-astro-cid-udaicyhb]{position:relative;overflow:hidden;padding:42px 0 70px;background:linear-gradient(135deg,#2563eb14,#0ea5e90a);border-bottom:1px solid var(--border)}.hero-orb[data-astro-cid-udaicyhb]{position:absolute;width:280px;height:280px;border-radius:50%;filter:blur(10px);pointer-events:none}.hero-orb-one[data-astro-cid-udaicyhb]{top:-160px;right:-80px;background:#2563eb1f}.hero-orb-two[data-astro-cid-udaicyhb]{bottom:-200px;left:-100px;background:#0ea5e91a}.hero-inner[data-astro-cid-udaicyhb]{position:relative;z-index:2}.breadcrumb[data-astro-cid-udaicyhb]{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:35px;color:var(--muted);font-size:13px}.breadcrumb[data-astro-cid-udaicyhb] a[data-astro-cid-udaicyhb]{color:var(--primary);text-decoration:none}.breadcrumb[data-astro-cid-udaicyhb] i[data-astro-cid-udaicyhb]{font-size:9px;opacity:.6}.hero-content[data-astro-cid-udaicyhb]{display:flex;align-items:center;gap:24px}.hero-icon[data-astro-cid-udaicyhb]{flex:0 0 92px;width:92px;height:92px;display:grid;place-items:center;border-radius:28px;color:#fff;font-size:40px;background:linear-gradient(135deg,#2563eb,#06b6d4);box-shadow:0 18px 40px #2563eb40}.hero-badge[data-astro-cid-udaicyhb]{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;color:var(--primary);background:#2563eb17;font-size:12px;font-weight:700;margin-bottom:8px}.hero-text[data-astro-cid-udaicyhb] h1[data-astro-cid-udaicyhb]{margin:0;font-size:clamp(30px,5vw,48px);line-height:1.2;letter-spacing:-1px}.hero-text[data-astro-cid-udaicyhb] p[data-astro-cid-udaicyhb]{margin:10px 0 15px;color:var(--muted);font-size:16px}.hero-tags[data-astro-cid-udaicyhb]{display:flex;flex-wrap:wrap;gap:7px}.hero-tags[data-astro-cid-udaicyhb] span[data-astro-cid-udaicyhb]{padding:4px 10px;border:1px solid var(--border);border-radius:8px;color:var(--muted);background:var(--surface);font-family:JetBrains Mono,monospace;font-size:11px}.tool-section[data-astro-cid-udaicyhb]{padding:55px 0 80px}.tool-card[data-astro-cid-udaicyhb]{padding:30px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.tool-header[data-astro-cid-udaicyhb]{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:30px}.section-label[data-astro-cid-udaicyhb]{display:inline-flex;align-items:center;gap:7px;color:var(--primary);font-size:12px;font-weight:800}.tool-header[data-astro-cid-udaicyhb] h2[data-astro-cid-udaicyhb]{margin:5px 0 3px;font-size:24px}.tool-header[data-astro-cid-udaicyhb] p[data-astro-cid-udaicyhb]{margin:0;color:var(--muted);font-size:14px}.live-badge[data-astro-cid-udaicyhb]{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid rgba(22,163,74,.2);border-radius:999px;color:var(--green);background:#16a34a12;white-space:nowrap;font-size:12px;font-weight:700}.live-badge[data-astro-cid-udaicyhb] span[data-astro-cid-udaicyhb]{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #16a34a1a}.color-grid[data-astro-cid-udaicyhb]{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.color-box[data-astro-cid-udaicyhb]{padding:20px;background:var(--surface-2);border:1px solid var(--border);border-radius:20px}.color-box-head[data-astro-cid-udaicyhb]{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.color-title[data-astro-cid-udaicyhb]{display:flex;align-items:center;gap:12px}.small-icon[data-astro-cid-udaicyhb]{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;font-size:18px}.foreground-icon[data-astro-cid-udaicyhb]{color:var(--primary);background:#2563eb1a}.background-icon[data-astro-cid-udaicyhb]{color:#0891b2;background:#0891b21a}.color-title[data-astro-cid-udaicyhb] strong[data-astro-cid-udaicyhb],.color-title[data-astro-cid-udaicyhb] small[data-astro-cid-udaicyhb]{display:block}.color-title[data-astro-cid-udaicyhb] strong[data-astro-cid-udaicyhb]{font-size:14px}.color-title[data-astro-cid-udaicyhb] small[data-astro-cid-udaicyhb]{color:var(--muted);font-size:11px;font-family:JetBrains Mono,monospace}.color-picker[data-astro-cid-udaicyhb]{width:48px;height:48px;padding:3px;border:1px solid var(--border);border-radius:13px;background:var(--surface);cursor:pointer}.hex-input-wrap[data-astro-cid-udaicyhb]{display:flex;align-items:center;height:52px;padding:0 14px;border:1px solid var(--border);border-radius:13px;background:var(--surface);direction:ltr}.hex-input-wrap[data-astro-cid-udaicyhb] span[data-astro-cid-udaicyhb]{color:var(--muted);font-family:JetBrains Mono,monospace;font-weight:700}.hex-input-wrap[data-astro-cid-udaicyhb] input[data-astro-cid-udaicyhb]{width:100%;border:0;outline:0;color:var(--text);background:transparent;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:600}.actions[data-astro-cid-udaicyhb]{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 30px}.btn[data-astro-cid-udaicyhb]{min-height:46px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:12px;cursor:pointer;font-size:13px;font-weight:700;transition:transform .2s ease,box-shadow .2s ease}.btn[data-astro-cid-udaicyhb]:hover{transform:translateY(-2px)}.btn-primary[data-astro-cid-udaicyhb]{color:#fff;background:linear-gradient(135deg,#2563eb,#0891b2);box-shadow:0 10px 25px #2563eb33}.btn-secondary[data-astro-cid-udaicyhb]{color:var(--primary);background:#2563eb14;border-color:#2563eb26}.btn-ghost[data-astro-cid-udaicyhb]{color:var(--muted);background:var(--surface-2);border-color:var(--border)}.btn[data-astro-cid-udaicyhb].clicked{transform:scale(.97)}.preview-section[data-astro-cid-udaicyhb]{padding:22px;border:1px solid var(--border);border-radius:20px;background:var(--surface-2)}.preview-head[data-astro-cid-udaicyhb]{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.preview-head[data-astro-cid-udaicyhb] h3[data-astro-cid-udaicyhb]{margin:3px 0 0;font-size:17px}.mini-ratio[data-astro-cid-udaicyhb]{padding:6px 10px;border-radius:8px;color:var(--primary);background:#2563eb14;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700}.preview-box[data-astro-cid-udaicyhb]{min-height:230px;display:flex;align-items:center;justify-content:center;padding:35px;border-radius:17px;transition:background .2s ease,color .2s ease}.preview-content[data-astro-cid-udaicyhb]{width:min(650px,100%);text-align:center}.preview-large[data-astro-cid-udaicyhb]{font-size:34px;font-weight:800}.preview-title[data-astro-cid-udaicyhb]{margin-top:5px;font-size:24px;font-weight:700}.preview-normal[data-astro-cid-udaicyhb]{margin-top:10px;font-size:16px;font-weight:500}.preview-small[data-astro-cid-udaicyhb]{margin-top:8px;font-size:12px}.result-panel[data-astro-cid-udaicyhb]{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding:24px;border-radius:20px;background:linear-gradient(135deg,#2563eb14,#0ea5e90d);border:1px solid rgba(37,99,235,.14)}.result-label[data-astro-cid-udaicyhb]{color:var(--muted);font-size:12px;font-weight:700}.ratio-row[data-astro-cid-udaicyhb]{direction:ltr;display:flex;align-items:baseline;gap:4px}.ratio-row[data-astro-cid-udaicyhb] strong[data-astro-cid-udaicyhb]{font-family:JetBrains Mono,monospace;font-size:48px;line-height:1.2}.ratio-row[data-astro-cid-udaicyhb] span[data-astro-cid-udaicyhb]{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700}.result-main[data-astro-cid-udaicyhb] p[data-astro-cid-udaicyhb]{margin:5px 0 0;color:var(--muted);font-size:13px}.result-status[data-astro-cid-udaicyhb]{min-width:120px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:13px;border-radius:15px;color:var(--green);background:#16a34a14}.result-status[data-astro-cid-udaicyhb] i[data-astro-cid-udaicyhb]{font-size:22px}.result-status[data-astro-cid-udaicyhb] strong[data-astro-cid-udaicyhb]{font-size:13px}.result-status[data-astro-cid-udaicyhb].good{color:var(--green);background:#16a34a14}.result-status[data-astro-cid-udaicyhb].medium{color:var(--orange);background:#f59e0b1a}.result-status[data-astro-cid-udaicyhb].poor{color:var(--red);background:#dc262614}.wcag-grid[data-astro-cid-udaicyhb]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.wcag-card[data-astro-cid-udaicyhb]{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--border);border-radius:15px;background:var(--surface)}.wcag-icon[data-astro-cid-udaicyhb]{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:11px;color:var(--green);background:#16a34a1a}.wcag-card[data-astro-cid-udaicyhb].failed .wcag-icon[data-astro-cid-udaicyhb]{color:var(--red);background:#dc26261a}.wcag-card[data-astro-cid-udaicyhb]>div[data-astro-cid-udaicyhb]:nth-child(2){flex:1}.wcag-card[data-astro-cid-udaicyhb] strong[data-astro-cid-udaicyhb],.wcag-card[data-astro-cid-udaicyhb] span[data-astro-cid-udaicyhb]{display:block}.wcag-card[data-astro-cid-udaicyhb] strong[data-astro-cid-udaicyhb]{font-size:12px}.wcag-card[data-astro-cid-udaicyhb] span[data-astro-cid-udaicyhb]{margin-top:2px;color:var(--muted);font-size:10px}.wcag-card[data-astro-cid-udaicyhb] b[data-astro-cid-udaicyhb]{color:var(--green);font-family:JetBrains Mono,monospace;font-size:10px}.wcag-card[data-astro-cid-udaicyhb].failed b[data-astro-cid-udaicyhb]{color:var(--red)}.values-grid[data-astro-cid-udaicyhb]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.value-card[data-astro-cid-udaicyhb]{padding:15px;border:1px solid var(--border);border-radius:15px;background:var(--surface-2)}.value-card[data-astro-cid-udaicyhb]>span[data-astro-cid-udaicyhb]{display:block;margin-bottom:7px;color:var(--muted);font-size:11px}.value-line[data-astro-cid-udaicyhb]{display:flex;align-items:center;gap:10px;direction:ltr}.value-dot[data-astro-cid-udaicyhb]{width:22px;height:22px;border:2px solid var(--border);border-radius:7px}.value-line[data-astro-cid-udaicyhb] code[data-astro-cid-udaicyhb]{flex:1;color:var(--text);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600}.copy-btn[data-astro-cid-udaicyhb]{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--border);border-radius:9px;color:var(--muted);background:var(--surface);cursor:pointer}.copy-btn[data-astro-cid-udaicyhb]:hover,.copy-btn[data-astro-cid-udaicyhb].copied{color:var(--primary);border-color:var(--primary)}.stats-grid[data-astro-cid-udaicyhb]{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.stat-card[data-astro-cid-udaicyhb]{padding:20px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:18px}.stat-icon[data-astro-cid-udaicyhb]{width:42px;height:42px;display:grid;place-items:center;margin:0 auto 9px;border-radius:12px;color:var(--primary);background:#2563eb17}.stat-card[data-astro-cid-udaicyhb] strong[data-astro-cid-udaicyhb],.stat-card[data-astro-cid-udaicyhb] span[data-astro-cid-udaicyhb]{display:block}.stat-card[data-astro-cid-udaicyhb] strong[data-astro-cid-udaicyhb]{font-family:JetBrains Mono,monospace;font-size:16px}.stat-card[data-astro-cid-udaicyhb] span[data-astro-cid-udaicyhb]{margin-top:2px;color:var(--muted);font-size:11px}.privacy-card[data-astro-cid-udaicyhb]{display:flex;align-items:center;gap:15px;margin-top:18px;padding:20px;border:1px solid rgba(22,163,74,.16);border-radius:18px;background:#16a34a0b}.privacy-icon[data-astro-cid-udaicyhb]{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:14px;color:var(--green);background:#16a34a1a;font-size:20px}.privacy-card[data-astro-cid-udaicyhb] h3[data-astro-cid-udaicyhb]{margin:0;font-size:14px}.privacy-card[data-astro-cid-udaicyhb] p[data-astro-cid-udaicyhb]{margin:3px 0 0;color:var(--muted);font-size:12px}.privacy-check[data-astro-cid-udaicyhb]{margin-right:auto;color:var(--green);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;white-space:nowrap}.info-section[data-astro-cid-udaicyhb],.how-section[data-astro-cid-udaicyhb],.faq-section[data-astro-cid-udaicyhb]{margin-top:75px}.section-heading[data-astro-cid-udaicyhb]{margin-bottom:25px}.section-heading[data-astro-cid-udaicyhb] h2[data-astro-cid-udaicyhb]{margin:4px 0 0;font-size:25px}.info-grid[data-astro-cid-udaicyhb]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.info-card[data-astro-cid-udaicyhb]{padding:23px;background:var(--surface);border:1px solid var(--border);border-radius:18px}.info-icon[data-astro-cid-udaicyhb]{width:45px;height:45px;display:grid;place-items:center;margin-bottom:14px;border-radius:13px;color:var(--primary);background:#2563eb17}.info-card[data-astro-cid-udaicyhb] h3[data-astro-cid-udaicyhb]{margin:0 0 7px;font-size:15px}.info-card[data-astro-cid-udaicyhb] p[data-astro-cid-udaicyhb]{margin:0;color:var(--muted);font-size:12px;line-height:1.9}.steps[data-astro-cid-udaicyhb]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step[data-astro-cid-udaicyhb]{display:flex;gap:15px;padding:21px;background:var(--surface);border:1px solid var(--border);border-radius:18px}.step-number[data-astro-cid-udaicyhb]{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(135deg,#2563eb,#0891b2);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.step[data-astro-cid-udaicyhb] h3[data-astro-cid-udaicyhb]{margin:0;font-size:14px}.step[data-astro-cid-udaicyhb] p[data-astro-cid-udaicyhb]{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.8}.faq-list[data-astro-cid-udaicyhb]{display:grid;gap:10px}.faq-item[data-astro-cid-udaicyhb]{overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:15px}.faq-item[data-astro-cid-udaicyhb] summary[data-astro-cid-udaicyhb]{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 20px;cursor:pointer;list-style:none;font-size:13px;font-weight:700}.faq-item[data-astro-cid-udaicyhb] summary[data-astro-cid-udaicyhb]::-webkit-details-marker{display:none}.faq-item[data-astro-cid-udaicyhb] summary[data-astro-cid-udaicyhb] i[data-astro-cid-udaicyhb]{color:var(--muted);font-size:11px;transition:transform .2s ease}.faq-item[data-astro-cid-udaicyhb][open] summary[data-astro-cid-udaicyhb] i[data-astro-cid-udaicyhb]{transform:rotate(180deg)}.faq-item[data-astro-cid-udaicyhb] p[data-astro-cid-udaicyhb]{margin:0;padding:0 20px 18px;color:var(--muted);font-size:12px;line-height:1.9}@media (max-width: 850px){.stats-grid[data-astro-cid-udaicyhb]{grid-template-columns:repeat(2,1fr)}.info-grid[data-astro-cid-udaicyhb],.steps[data-astro-cid-udaicyhb]{grid-template-columns:1fr}}@media (max-width: 700px){.hero[data-astro-cid-udaicyhb]{padding:30px 0 50px}.hero-content[data-astro-cid-udaicyhb]{align-items:flex-start}.hero-icon[data-astro-cid-udaicyhb]{flex-basis:70px;width:70px;height:70px;border-radius:21px;font-size:28px}.tool-section[data-astro-cid-udaicyhb]{padding-top:35px}.tool-card[data-astro-cid-udaicyhb]{padding:20px}.tool-header[data-astro-cid-udaicyhb]{flex-direction:column}.color-grid[data-astro-cid-udaicyhb],.wcag-grid[data-astro-cid-udaicyhb],.values-grid[data-astro-cid-udaicyhb]{grid-template-columns:1fr}.result-panel[data-astro-cid-udaicyhb]{align-items:flex-start;flex-direction:column}.result-status[data-astro-cid-udaicyhb]{width:100%;flex-direction:row;justify-content:center}.privacy-card[data-astro-cid-udaicyhb]{align-items:flex-start;flex-wrap:wrap}.privacy-check[data-astro-cid-udaicyhb]{width:100%;margin-right:0}}@media (max-width: 500px){.container[data-astro-cid-udaicyhb]{width:min(100% - 20px,1120px)}.hero-content[data-astro-cid-udaicyhb]{gap:14px}.hero-text[data-astro-cid-udaicyhb] h1[data-astro-cid-udaicyhb]{font-size:29px}.hero-text[data-astro-cid-udaicyhb] p[data-astro-cid-udaicyhb]{font-size:13px}.hero-tags[data-astro-cid-udaicyhb] span[data-astro-cid-udaicyhb]{font-size:9px}.tool-card[data-astro-cid-udaicyhb]{padding:15px;border-radius:19px}.actions[data-astro-cid-udaicyhb]{display:grid;grid-template-columns:1fr 1fr}.btn-primary[data-astro-cid-udaicyhb]{grid-column:1 / -1;order:-1}.preview-box[data-astro-cid-udaicyhb]{min-height:210px;padding:20px 12px}.preview-large[data-astro-cid-udaicyhb]{font-size:28px}.preview-title[data-astro-cid-udaicyhb]{font-size:20px}.preview-normal[data-astro-cid-udaicyhb]{font-size:14px}.ratio-row[data-astro-cid-udaicyhb] strong[data-astro-cid-udaicyhb]{font-size:40px}.stats-grid[data-astro-cid-udaicyhb]{gap:9px}.stat-card[data-astro-cid-udaicyhb]{padding:15px 8px}.stat-card[data-astro-cid-udaicyhb] strong[data-astro-cid-udaicyhb]{font-size:13px}.stat-card[data-astro-cid-udaicyhb] span[data-astro-cid-udaicyhb]{font-size:9px}.info-section[data-astro-cid-udaicyhb],.how-section[data-astro-cid-udaicyhb],.faq-section[data-astro-cid-udaicyhb]{margin-top:55px}}.tool-breadcrumbs[data-astro-cid-udaicyhb]{width:min(100% - 32px,1000px);margin:0 auto 18px;padding:10px 14px;display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:13px;line-height:1.7;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box}.tool-breadcrumbs[data-astro-cid-udaicyhb] a[data-astro-cid-udaicyhb]{color:#2563eb;text-decoration:none;transition:color .2s ease}.tool-breadcrumbs[data-astro-cid-udaicyhb] a[data-astro-cid-udaicyhb]:hover{text-decoration:underline}.tool-breadcrumbs[data-astro-cid-udaicyhb] span[data-astro-cid-udaicyhb][aria-hidden=true]{color:#94a3b8}.tool-breadcrumbs[data-astro-cid-udaicyhb] span[data-astro-cid-udaicyhb][aria-current=page]{color:#334155;font-weight:600}html.dark-mode .tool-breadcrumbs[data-astro-cid-udaicyhb]{color:#94a3b8;background:#111827;border-color:#263449}html.dark-mode .tool-breadcrumbs[data-astro-cid-udaicyhb] a[data-astro-cid-udaicyhb]{color:#60a5fa}html.dark-mode .tool-breadcrumbs[data-astro-cid-udaicyhb] span[data-astro-cid-udaicyhb][aria-hidden=true]{color:#64748b}html.dark-mode .tool-breadcrumbs[data-astro-cid-udaicyhb] span[data-astro-cid-udaicyhb][aria-current=page]{color:#e2e8f0}@media (max-width: 520px){.tool-breadcrumbs[data-astro-cid-udaicyhb]{width:calc(100% - 20px);margin-bottom:14px;padding:8px 10px;font-size:12px;gap:5px}}