.breadcrumb[data-astro-cid-24ankuzg]{font-family:var(--font-accent);font-size:.75rem;letter-spacing:.06em;color:var(--muted);margin-bottom:2rem}.breadcrumb[data-astro-cid-24ankuzg] a[data-astro-cid-24ankuzg]{color:var(--muted);text-decoration:none}.breadcrumb[data-astro-cid-24ankuzg] a[data-astro-cid-24ankuzg]:hover{color:var(--text)}.breadcrumb[data-astro-cid-24ankuzg] span[data-astro-cid-24ankuzg]{margin:0 .5rem}.tool-head[data-astro-cid-24ankuzg]{margin-bottom:2rem}.tool-head[data-astro-cid-24ankuzg] h1[data-astro-cid-24ankuzg]{font-family:var(--font-heading);font-size:1.75rem;font-weight:900;letter-spacing:-.02em;margin-bottom:.4rem}.tool-head[data-astro-cid-24ankuzg] p[data-astro-cid-24ankuzg]{font-size:.875rem;color:var(--mid)}.card[data-astro-cid-24ankuzg]{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.75rem}.section[data-astro-cid-24ankuzg]{margin-top:2.5rem}.section-title[data-astro-cid-24ankuzg]{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;margin-bottom:.3rem;display:flex;align-items:center;gap:.5rem}.section-sub[data-astro-cid-24ankuzg]{font-size:.85rem;color:var(--mid);margin-bottom:1.25rem}.badge-tag[data-astro-cid-24ankuzg]{font-family:var(--font-accent);font-size:.63rem;font-weight:700;letter-spacing:.08em;background:#7da0d326;color:var(--blue);padding:.2rem .55rem;border-radius:var(--radius-pill)}.converter-grid[data-astro-cid-24ankuzg]{display:grid;grid-template-columns:300px 1fr;gap:2rem}@media(max-width:720px){.converter-grid[data-astro-cid-24ankuzg]{grid-template-columns:1fr}}.color-preview[data-astro-cid-24ankuzg]{position:relative;height:80px;border-radius:10px;overflow:hidden;margin-bottom:10px}.preview-checker[data-astro-cid-24ankuzg]{position:absolute;inset:0;background-color:#fff;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:14px 14px;background-position:0 0,0 7px,7px -7px,-7px 0}.preview-overlay[data-astro-cid-24ankuzg]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:background-color .08s}.preview-hex-label[data-astro-cid-24ankuzg]{font-family:var(--font-accent);font-size:.9rem;font-weight:700;letter-spacing:.06em}.custom-picker[data-astro-cid-24ankuzg]{margin-bottom:.75rem}.sv-square[data-astro-cid-24ankuzg]{position:relative;width:100%;height:170px;border-radius:8px;margin-bottom:10px;cursor:crosshair;user-select:none;touch-action:none}.sv-thumb[data-astro-cid-24ankuzg]{position:absolute;width:14px;height:14px;border-radius:50%;border:2.5px solid #fff;box-shadow:0 0 0 1.5px #0006,0 1px 4px #0000004d;transform:translate(-50%,-50%);pointer-events:none;z-index:2}.slider-wrap[data-astro-cid-24ankuzg]{position:relative;height:14px;margin-bottom:8px;cursor:pointer;user-select:none;touch-action:none}.slider-track[data-astro-cid-24ankuzg]{position:absolute;inset:1px 0;border-radius:6px;overflow:hidden}.hue-track[data-astro-cid-24ankuzg]{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.checker-bg[data-astro-cid-24ankuzg]{position:absolute;inset:0;background-color:#fff;background-image:linear-gradient(45deg,#bbb 25%,transparent 25%),linear-gradient(-45deg,#bbb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#bbb 75%),linear-gradient(-45deg,transparent 75%,#bbb 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.alpha-overlay[data-astro-cid-24ankuzg]{position:absolute;inset:0}.slider-thumb[data-astro-cid-24ankuzg]{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;border:2.5px solid #fff;box-shadow:0 0 0 1.5px #0006,0 1px 4px #0000004d;transform:translate(-50%,-50%);pointer-events:none;z-index:2}input[data-astro-cid-24ankuzg][type=color]{width:40px;height:30px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px;background:var(--white);cursor:pointer}.set-btns[data-astro-cid-24ankuzg]{display:flex;gap:.5rem;flex-wrap:wrap}.btn-ghost[data-astro-cid-24ankuzg]{font-family:var(--font-accent);font-size:.7rem;font-weight:600;letter-spacing:.04em;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--white);color:var(--mid);padding:.28rem .8rem;cursor:pointer;transition:border-color .2s,color .2s;white-space:nowrap}.btn-ghost[data-astro-cid-24ankuzg]:hover{border-color:var(--text);color:var(--text)}.format-block[data-astro-cid-24ankuzg]{border:1px solid var(--border);border-radius:10px;padding:.9rem 1.1rem;margin-bottom:.75rem}.format-block[data-astro-cid-24ankuzg]:last-child{margin-bottom:0}.format-label[data-astro-cid-24ankuzg]{font-family:var(--font-accent);font-size:.65rem;font-weight:700;letter-spacing:.12em;color:var(--muted);margin-bottom:.55rem}.hex-row[data-astro-cid-24ankuzg]{display:flex;gap:.5rem}.hex-field[data-astro-cid-24ankuzg]{flex:1;font-family:var(--font-accent);font-size:.95rem;font-weight:600;letter-spacing:.04em;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.38rem .65rem;background:var(--bg);color:var(--text);transition:border-color .2s}.hex-field[data-astro-cid-24ankuzg]:focus{outline:none;border-color:var(--blue)}.hex-field[data-astro-cid-24ankuzg].error{border-color:var(--red)}.channel-row[data-astro-cid-24ankuzg]{display:flex;gap:.45rem;margin-bottom:.55rem}.channel[data-astro-cid-24ankuzg]{display:flex;align-items:center;gap:.3rem;flex:1}.channel-lbl[data-astro-cid-24ankuzg]{font-family:var(--font-accent);font-size:.68rem;font-weight:700;color:var(--muted);min-width:12px}.channel[data-astro-cid-24ankuzg] input[data-astro-cid-24ankuzg][type=number]{width:100%;font-family:var(--font-accent);font-size:.88rem;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.35rem .4rem;text-align:center;background:var(--bg);color:var(--text);transition:border-color .2s;-moz-appearance:textfield}.channel[data-astro-cid-24ankuzg] input[data-astro-cid-24ankuzg][type=number]:focus{outline:none;border-color:var(--blue)}.channel[data-astro-cid-24ankuzg] input[data-astro-cid-24ankuzg][type=number]::-webkit-inner-spin-button,.channel[data-astro-cid-24ankuzg] input[data-astro-cid-24ankuzg][type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.format-str-row[data-astro-cid-24ankuzg]{display:flex;align-items:center;gap:.5rem}.format-str[data-astro-cid-24ankuzg]{flex:1;font-family:var(--font-accent);font-size:.78rem;color:var(--mid);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.32rem .6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copy-btn[data-astro-cid-24ankuzg]{font-family:var(--font-accent);font-size:.7rem;font-weight:700;letter-spacing:.05em;border:none;border-radius:var(--radius-pill);background:var(--black);color:var(--white);padding:.33rem .85rem;cursor:pointer;white-space:nowrap;transition:opacity .2s,background .2s;flex-shrink:0}.copy-btn[data-astro-cid-24ankuzg]:hover{opacity:.7}.copy-btn[data-astro-cid-24ankuzg].copied{background:var(--green)}.palette-wrap[data-astro-cid-24ankuzg]{overflow-x:auto;padding-bottom:4px}.palette-shade-hd[data-astro-cid-24ankuzg]{display:flex;gap:2px;margin-bottom:4px;padding-left:74px}.shade-hd-cell[data-astro-cid-24ankuzg]{width:30px;flex-shrink:0;font-family:var(--font-accent);font-size:.58rem;color:var(--muted);text-align:center}.palette-row[data-astro-cid-24ankuzg]{display:flex;align-items:center;gap:2px;margin-bottom:2px}.family-lbl[data-astro-cid-24ankuzg]{width:72px;min-width:72px;font-family:var(--font-accent);font-size:.68rem;font-weight:600;color:var(--muted)}.swatch-btn[data-astro-cid-24ankuzg]{width:30px;height:30px;flex-shrink:0;border:none;border-radius:4px;cursor:pointer;transition:transform .1s,box-shadow .1s;position:relative}.swatch-btn[data-astro-cid-24ankuzg]:hover{transform:scale(1.3);box-shadow:0 2px 8px #0000004d;z-index:2}@media(max-width:480px){.swatch-btn[data-astro-cid-24ankuzg]{width:22px;height:22px}.family-lbl[data-astro-cid-24ankuzg]{width:56px;min-width:56px;font-size:.6rem}}.contrast-layout[data-astro-cid-24ankuzg]{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}@media(max-width:680px){.contrast-layout[data-astro-cid-24ankuzg]{grid-template-columns:1fr}}.contrast-color-block[data-astro-cid-24ankuzg]{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:1rem 1.1rem;margin-bottom:.75rem}.contrast-color-block[data-astro-cid-24ankuzg]:last-of-type{margin-bottom:0}.contrast-color-block[data-astro-cid-24ankuzg]>label[data-astro-cid-24ankuzg]{font-size:.78rem;font-weight:600;color:var(--muted);display:block;margin-bottom:.6rem}.contrast-swatch-row[data-astro-cid-24ankuzg]{display:flex;align-items:center;gap:.75rem;margin-bottom:.6rem}.contrast-swatch[data-astro-cid-24ankuzg]{width:44px;height:44px;border-radius:8px;border:1px solid rgba(0,0,0,.1);flex-shrink:0;cursor:pointer}.swap-wrap[data-astro-cid-24ankuzg]{display:flex;justify-content:center;margin:.25rem 0}.swap-btn[data-astro-cid-24ankuzg]{font-size:1.1rem;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-pill);padding:.3rem 1rem;cursor:pointer;color:var(--mid);transition:background .2s}.swap-btn[data-astro-cid-24ankuzg]:hover{background:var(--bg);color:var(--text)}.contrast-preview-box[data-astro-cid-24ankuzg]{border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1rem;transition:background .08s;min-height:90px}.preview-txt-lg[data-astro-cid-24ankuzg]{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;line-height:1.2;margin-bottom:.2rem}.preview-txt-sm[data-astro-cid-24ankuzg]{font-size:.875rem;line-height:1.5}.ratio-display[data-astro-cid-24ankuzg]{display:flex;align-items:baseline;gap:.2rem;margin-bottom:1rem}.ratio-lbl[data-astro-cid-24ankuzg]{font-size:.82rem;color:var(--muted);margin-right:.3rem}.ratio-val[data-astro-cid-24ankuzg]{font-family:var(--font-accent);font-size:2.2rem;font-weight:700}.ratio-unit[data-astro-cid-24ankuzg]{font-family:var(--font-accent);font-size:1rem;color:var(--muted)}.wcag-table[data-astro-cid-24ankuzg]{width:100%;border-collapse:collapse;font-size:.82rem}.wcag-table[data-astro-cid-24ankuzg] th[data-astro-cid-24ankuzg]{font-family:var(--font-accent);font-size:.65rem;font-weight:700;letter-spacing:.08em;color:var(--muted);text-align:left;padding:.4rem .5rem;border-bottom:1px solid var(--border)}.wcag-table[data-astro-cid-24ankuzg] td[data-astro-cid-24ankuzg]{padding:.42rem .5rem;border-bottom:1px solid var(--border)}.wcag-table[data-astro-cid-24ankuzg] tr[data-astro-cid-24ankuzg]:last-child td[data-astro-cid-24ankuzg]{border-bottom:none}.badge[data-astro-cid-24ankuzg]{display:inline-flex;align-items:center;gap:.2rem;font-family:var(--font-accent);font-size:.68rem;font-weight:700;letter-spacing:.04em;padding:.18rem .6rem;border-radius:var(--radius-pill)}.badge[data-astro-cid-24ankuzg].pass{background:#a2cc5e33;color:#4a7a10}.badge[data-astro-cid-24ankuzg].fail{background:#ec797933;color:#c03030}