.cc-tool[data-astro-cid-udaicyhb]{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin:1.5rem 0 2rem;display:flex;flex-direction:column;gap:1.2rem}.cc-inputs[data-astro-cid-udaicyhb]{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap}.cc-col[data-astro-cid-udaicyhb]{display:flex;flex-direction:column;gap:.45rem;flex:1;min-width:160px}.cc-label[data-astro-cid-udaicyhb]{font-size:.82rem;color:var(--muted);font-weight:600;letter-spacing:.02em}.cc-picker-row[data-astro-cid-udaicyhb]{display:flex;align-items:center;gap:.5rem}.cc-color-input[data-astro-cid-udaicyhb]{width:44px;height:44px;border-radius:8px;border:1.5px solid var(--border);padding:2px;cursor:pointer;background:var(--bg);flex-shrink:0}.cc-hex-input[data-astro-cid-udaicyhb]{font-family:var(--mono);font-size:1rem;background:var(--bg);border:1.5px solid var(--border);border-radius:8px;color:var(--text);padding:.55rem .75rem;width:110px;text-transform:uppercase;transition:border-color .15s}.cc-hex-input[data-astro-cid-udaicyhb]:focus{border-color:var(--brand);outline:none}.cc-hex-input[data-astro-cid-udaicyhb].cc-invalid{border-color:#e53e3e}.cc-swap[data-astro-cid-udaicyhb]{align-self:flex-end;margin-bottom:2px;font-size:.88rem;padding:.5rem .9rem;white-space:nowrap;flex-shrink:0}.cc-ratio-block[data-astro-cid-udaicyhb]{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;background:color-mix(in srgb,var(--brand) 6%,var(--bg));border:1.5px solid color-mix(in srgb,var(--brand) 20%,var(--border));border-radius:10px;padding:.9rem 1.2rem}.cc-ratio-label[data-astro-cid-udaicyhb]{font-size:.9rem;color:var(--muted)}.cc-ratio-val[data-astro-cid-udaicyhb]{font-size:2.2rem;font-weight:800;color:var(--brand);line-height:1;font-variant-numeric:tabular-nums}.cc-ratio-desc[data-astro-cid-udaicyhb]{font-size:.9rem;color:var(--muted)}.cc-badges[data-astro-cid-udaicyhb]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.55rem}.cc-badge-row[data-astro-cid-udaicyhb]{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.5rem .75rem}.cc-badge-label[data-astro-cid-udaicyhb]{font-size:.82rem;color:var(--muted)}.cc-badge[data-astro-cid-udaicyhb]{font-size:.78rem;font-weight:700;padding:.2rem .55rem;border-radius:999px;white-space:nowrap;letter-spacing:.03em}.cc-badge[data-astro-cid-udaicyhb].pass{background:#3ad29f26;color:#3ad29f;border:1px solid rgba(58,210,159,.3)}.cc-badge[data-astro-cid-udaicyhb].fail{background:#e53e3e1f;color:#fc8181;border:1px solid rgba(229,62,62,.25)}.cc-preview-title[data-astro-cid-udaicyhb]{font-size:.82rem;color:var(--muted);margin-bottom:.5rem}.cc-preview[data-astro-cid-udaicyhb]{border-radius:10px;border:1px solid var(--border);padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.65rem}.cc-prev-body[data-astro-cid-udaicyhb]{font-size:1rem;margin:0;line-height:1.5}.cc-prev-large[data-astro-cid-udaicyhb]{font-size:1.5rem;margin:0;line-height:1.3}.cc-prev-bold[data-astro-cid-udaicyhb]{font-size:1.167rem;font-weight:700;margin:0;line-height:1.3}.cc-presets-label[data-astro-cid-udaicyhb]{font-size:.82rem;color:var(--muted);margin-bottom:.5rem}.cc-preset-chips[data-astro-cid-udaicyhb]{display:flex;flex-wrap:wrap;gap:6px}.ref-table[data-astro-cid-udaicyhb]{width:100%;border-collapse:collapse;margin:1rem 0 2rem;font-size:.9rem}.ref-table[data-astro-cid-udaicyhb] th[data-astro-cid-udaicyhb],.ref-table[data-astro-cid-udaicyhb] td[data-astro-cid-udaicyhb]{text-align:left;padding:.5rem .75rem;border-bottom:1px solid var(--border)}.ref-table[data-astro-cid-udaicyhb] th[data-astro-cid-udaicyhb]{color:var(--muted);font-weight:600}@media(max-width:540px){.cc-inputs[data-astro-cid-udaicyhb]{flex-direction:column;align-items:stretch}.cc-swap[data-astro-cid-udaicyhb]{align-self:center}.cc-ratio-val[data-astro-cid-udaicyhb]{font-size:1.7rem}.cc-swap[data-astro-cid-udaicyhb]{min-height:44px;padding:.6rem 1rem}.cc-hex-input[data-astro-cid-udaicyhb]{min-height:44px}.cc-preset-chips[data-astro-cid-udaicyhb]{gap:.5rem}.cc-preset-chips[data-astro-cid-udaicyhb] .conv-chip[data-astro-cid-udaicyhb]{min-height:44px;padding:.5rem .9rem;display:inline-flex;align-items:center}.ref-table[data-astro-cid-udaicyhb]{font-size:.84rem}.ref-table[data-astro-cid-udaicyhb] th[data-astro-cid-udaicyhb],.ref-table[data-astro-cid-udaicyhb] td[data-astro-cid-udaicyhb]{padding:.5rem}.ref-table[data-astro-cid-udaicyhb] thead[data-astro-cid-udaicyhb] th[data-astro-cid-udaicyhb]{white-space:normal}}