.ccc[data-astro-cid-prtv5i3y]{container:ccc/inline-size}.ccc-pair[data-astro-cid-prtv5i3y]{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;display:grid}@container ccc (width<=620px){.ccc-pair[data-astro-cid-prtv5i3y]{grid-template-columns:minmax(0,1fr)}.ccc-swap[data-astro-cid-prtv5i3y]{justify-self:start}}.ccc-color[data-astro-cid-prtv5i3y]{gap:.5rem;min-width:0;display:grid}.ccc-row[data-astro-cid-prtv5i3y]{gap:.5rem;display:flex}.ccc-row[data-astro-cid-prtv5i3y] .input[data-astro-cid-prtv5i3y]{font-size:1rem}.ccc-row[data-astro-cid-prtv5i3y] input[data-astro-cid-prtv5i3y][type=color]{flex:none}.ccc-alpha__head[data-astro-cid-prtv5i3y]{justify-content:space-between;align-items:baseline;gap:1rem;font-size:.85rem;font-weight:600;display:flex}.ccc-alpha__head[data-astro-cid-prtv5i3y] .label[data-astro-cid-prtv5i3y]{font-size:.85rem;font-weight:600}.ccc-inputs[data-astro-cid-prtv5i3y]>.hint[data-astro-cid-prtv5i3y],.ccc-inputs[data-astro-cid-prtv5i3y] [data-astro-cid-prtv5i3y][data-status]{margin-top:.75rem}.ccc-results[data-astro-cid-prtv5i3y]{align-items:stretch;gap:1rem;display:grid}@container ccc (width>=700px){.ccc-results[data-astro-cid-prtv5i3y]{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}.ccc-readout[data-astro-cid-prtv5i3y]{align-content:center;display:grid}.ccc-checks[data-astro-cid-prtv5i3y]{border:1px solid var(--line);border-radius:var(--radius-l);background:var(--surface);box-shadow:var(--shadow-1);margin:0;padding:.4rem .9rem;list-style:none;display:grid}.ccc-check[data-astro-cid-prtv5i3y]{border-bottom:1px solid var(--line);align-items:center;gap:.75rem;padding:.45rem 0;display:flex}.ccc-check[data-astro-cid-prtv5i3y]:last-child{border-bottom:0}.ccc-check__label[data-astro-cid-prtv5i3y]{font-size:.92rem;font-weight:600;display:grid}.ccc-check__label[data-astro-cid-prtv5i3y] .muted[data-astro-cid-prtv5i3y]{font-weight:400}.ccc-check__badge[data-astro-cid-prtv5i3y]{border:1px solid var(--line-strong);text-align:center;border-radius:999px;flex:none;min-width:3.6rem;padding:.15rem .5rem;font-size:.8rem;font-weight:750}.ccc-check__badge[data-astro-cid-prtv5i3y][data-pass=true]{background:var(--success-bg);border-color:var(--success);color:var(--success)}.ccc-check__badge[data-astro-cid-prtv5i3y][data-pass=false]{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.ccc-preview-controls[data-astro-cid-prtv5i3y]{grid-template-columns:8rem 11rem minmax(0,1fr);gap:.75rem 1rem;margin-bottom:.9rem;display:grid}@container ccc (width<=620px){.ccc-preview-controls[data-astro-cid-prtv5i3y]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ccc-sample-field[data-astro-cid-prtv5i3y]{grid-column:1/-1}}@container ccc (width<=420px){.ccc-preview-controls[data-astro-cid-prtv5i3y]{grid-template-columns:minmax(0,1fr)}}.ccc-preview[data-astro-cid-prtv5i3y]{border-radius:var(--radius);border:1px solid var(--line);gap:1rem;padding:1.4rem 1.2rem;display:grid;overflow:hidden}.ccc-preview__text[data-astro-cid-prtv5i3y]{overflow-wrap:anywhere;line-height:1.35}.ccc-preview__ui[data-astro-cid-prtv5i3y]{flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.95rem;display:flex}.ccc-fake-btn[data-astro-cid-prtv5i3y],.ccc-fake-input[data-astro-cid-prtv5i3y]{border:2px solid;border-radius:6px;align-items:center;min-height:40px;padding:.4rem .9rem;font-weight:600;display:inline-flex}.ccc-fake-input[data-astro-cid-prtv5i3y]{min-width:9rem;font-weight:400}.ccc-fake-icon[data-astro-cid-prtv5i3y]{border:2px solid;border-radius:50%;place-items:center;width:40px;height:40px;display:inline-grid}.ccc-size-note[data-astro-cid-prtv5i3y]{margin-top:.6rem}.ccc-target[data-astro-cid-prtv5i3y]{min-width:min(100%,15rem)}.ccc-fixes[data-astro-cid-prtv5i3y]{gap:1rem;margin-top:.75rem;display:grid}@container ccc (width>=700px){.ccc-fixes[data-astro-cid-prtv5i3y]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.ccc-fixes[data-astro-cid-prtv5i3y] .ccc-fixgroup{align-content:start;gap:.5rem;display:grid}.ccc-fixes[data-astro-cid-prtv5i3y] .ccc-fixgroup h3{font-size:.92rem}.ccc-fixes[data-astro-cid-prtv5i3y] .ccc-fix{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);grid-template-columns:4.5rem minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.55rem;display:grid}.ccc-fixes[data-astro-cid-prtv5i3y] .ccc-fix[data-best=true]{border-color:var(--success)}.ccc-fixes[data-astro-cid-prtv5i3y] .ccc-fix__sample{border-radius:var(--radius-s);border:1px solid var(--line-strong);place-items:center;height:3rem;font-size:1.15rem;font-weight:750;display:grid}.ccc-fixes[data-astro-cid-prtv5i3y] .ccc-fix__info{gap:.1rem;min-width:0;font-size:.85rem;display:grid}.ccc-fixes[data-astro-cid-prtv5i3y] .ccc-fix__hex{font-family:var(--font-mono);font-size:.95rem;font-weight:700}.ccc-fixes[data-astro-cid-prtv5i3y] .ccc-fix__tag{color:var(--success);font-weight:650}.ccc-fixes[data-astro-cid-prtv5i3y] .ccc-none{border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--text-2);padding:.6rem .75rem;font-size:.88rem}.ccc-image-intro[data-astro-cid-prtv5i3y]{margin-bottom:.75rem}.ccc-image[data-astro-cid-prtv5i3y]{gap:.75rem;display:grid}.ccc-area[data-astro-cid-prtv5i3y]{gap:.4rem;display:grid}.ccc-stage-wrap[data-astro-cid-prtv5i3y]{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);place-items:center;padding:.6rem;display:grid;overflow:hidden}.ccc-stage[data-astro-cid-prtv5i3y]{touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;width:-moz-fit-content;width:fit-content;max-width:100%;position:relative}.ccc-stage[data-astro-cid-prtv5i3y] canvas{width:auto;max-width:100%;height:auto;max-height:min(60vh,32rem);display:block}.ccc-rect[data-astro-cid-prtv5i3y]{outline:2px solid var(--signal);pointer-events:none;position:absolute;box-shadow:0 0 0 9999px #00000073}.ccc-worst[data-astro-cid-prtv5i3y]{pointer-events:none;border:3px solid #fff;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;box-shadow:0 0 0 2px #e11d48,0 0 0 4px #fff}.ccc-stats[data-astro-cid-prtv5i3y] .stat__value{font-size:1.2rem}.ccc-stats[data-astro-cid-prtv5i3y] .ccc-stat-chip{vertical-align:-.05rem;border:1px solid var(--line-strong);border-radius:3px;width:.9rem;height:.9rem;margin-right:.35rem;display:inline-block}