.lead[data-astro-cid-rq7gtxgb]{color:var(--color-text-2);max-inline-size:44rem}.noscript[data-astro-cid-rq7gtxgb]{padding:var(--sp-3) var(--sp-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md)}.picker__main[data-astro-cid-rq7gtxgb]{display:grid;grid-template-columns:1fr;gap:var(--sp-4);margin-block:var(--sp-6)}@media(min-width:768px){.picker__main[data-astro-cid-rq7gtxgb]{grid-template-columns:minmax(180px,1fr) 2fr;align-items:start}}.picker__swatch[data-astro-cid-rq7gtxgb]{margin:0;min-block-size:160px;border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px var(--color-border);display:flex;align-items:flex-end;padding:var(--sp-3)}.picker__swatch-cap[data-astro-cid-rq7gtxgb]{font-family:var(--font-mono);font-size:var(--fs-sm)}.picker__controls[data-astro-cid-rq7gtxgb]{display:flex;flex-direction:column;gap:var(--sp-3)}.picker__top[data-astro-cid-rq7gtxgb]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3)}.picker__field[data-astro-cid-rq7gtxgb]{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--color-text-2)}.picker__field[data-astro-cid-rq7gtxgb] input[data-astro-cid-rq7gtxgb][type=text]{min-block-size:var(--touch-target);inline-size:9em;padding-inline:var(--sp-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-family:var(--font-mono);font-size:var(--fs-sm)}.picker__top[data-astro-cid-rq7gtxgb] input[data-astro-cid-rq7gtxgb][type=color]{inline-size:44px;block-size:var(--touch-target);padding:0;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:none;cursor:pointer}.picker__modewrap[data-astro-cid-rq7gtxgb]{display:flex;align-items:center;gap:var(--sp-2) var(--sp-3);flex-wrap:wrap}.picker__modelabel[data-astro-cid-rq7gtxgb]{font-size:var(--fs-sm);color:var(--color-text-2)}.picker__mode[data-astro-cid-rq7gtxgb]{display:inline-flex;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);overflow:hidden}.picker__mode[data-astro-cid-rq7gtxgb] button[data-astro-cid-rq7gtxgb]{min-block-size:var(--touch-target);padding-inline:var(--sp-4);border:none;border-inline-start:1px solid var(--color-border-strong);background:var(--color-bg);color:var(--color-text-3);font-family:var(--font-sans);font-size:var(--fs-sm);cursor:pointer}.picker__mode[data-astro-cid-rq7gtxgb] button[data-astro-cid-rq7gtxgb]:first-child{border-inline-start:none}.picker__mode[data-astro-cid-rq7gtxgb] button[data-astro-cid-rq7gtxgb][aria-pressed=true]{background:var(--color-bg-raised);color:var(--color-text);font-weight:600}.picker__presets[data-astro-cid-rq7gtxgb]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3)}.picker__presetrow[data-astro-cid-rq7gtxgb]{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.picker__preset[data-astro-cid-rq7gtxgb]{inline-size:26px;block-size:26px;padding:0;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);cursor:pointer}.picker__preset[data-astro-cid-rq7gtxgb]:hover{outline:2px solid var(--color-text);outline-offset:1px}.picker__group[data-astro-cid-rq7gtxgb]{display:flex;flex-direction:column;gap:var(--sp-2)}.picker__group[data-astro-cid-rq7gtxgb][hidden]{display:none}.picker__channel[data-astro-cid-rq7gtxgb]{display:flex;align-items:center;gap:var(--sp-3)}.picker__channel[data-astro-cid-rq7gtxgb] label[data-astro-cid-rq7gtxgb]{inline-size:1.5em;flex:none;font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--color-text-2)}.picker__channel[data-astro-cid-rq7gtxgb] input[data-astro-cid-rq7gtxgb][type=range]{flex:1;min-inline-size:0}.picker__channel[data-astro-cid-rq7gtxgb] input[data-astro-cid-rq7gtxgb][type=number]{inline-size:5em;flex:none;min-block-size:var(--touch-target);padding-inline:var(--sp-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-family:var(--font-mono);font-size:var(--fs-sm)}section[data-astro-cid-rq7gtxgb]{margin-block-end:var(--sp-8)}h2[data-astro-cid-rq7gtxgb]{font-size:var(--fs-lg);border-block-end:1px solid var(--color-border);padding-block-end:var(--sp-2)}h3[data-astro-cid-rq7gtxgb]{font-size:var(--fs-sm);color:var(--color-text-2);margin-block-end:var(--sp-2)}.copy-list[data-astro-cid-rq7gtxgb]{margin:var(--sp-3) 0 0}.copy-value[data-astro-cid-rq7gtxgb]{display:flex;align-items:center;gap:var(--sp-3);padding-block:var(--sp-1)}.copy-value__label[data-astro-cid-rq7gtxgb]{flex:none;inline-size:4.5em;margin:0;color:var(--color-text-2);font-size:var(--fs-sm)}.copy-value__body[data-astro-cid-rq7gtxgb]{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);flex:1;margin:0;min-inline-size:0}.copy-value__value[data-astro-cid-rq7gtxgb]{font-size:var(--fs-md);overflow-wrap:anywhere}.copy-value__btn[data-astro-cid-rq7gtxgb]{flex:none;min-block-size:36px;min-inline-size:var(--touch-target);padding:0 var(--sp-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg-raised);color:var(--color-text-2);font-family:var(--font-sans);font-size:var(--fs-xs);cursor:pointer}.copy-value__btn[data-astro-cid-rq7gtxgb].is-copied{color:var(--color-text);border-color:var(--color-text)}.contrast-table[data-astro-cid-rq7gtxgb]{inline-size:100%;font-size:var(--fs-sm);margin-block-start:var(--sp-3)}.contrast-table__apca[data-astro-cid-rq7gtxgb]{color:var(--color-text-2)}.contrast-table[data-astro-cid-rq7gtxgb] th[data-astro-cid-rq7gtxgb],.contrast-table[data-astro-cid-rq7gtxgb] td[data-astro-cid-rq7gtxgb]{padding:var(--sp-2) var(--sp-3);border-block-end:1px solid var(--color-border);text-align:start}.contrast-table[data-astro-cid-rq7gtxgb] thead[data-astro-cid-rq7gtxgb] th[data-astro-cid-rq7gtxgb]{color:var(--color-text-3);font-weight:400;font-size:var(--fs-xs);white-space:nowrap}.contrast-table[data-astro-cid-rq7gtxgb] tbody[data-astro-cid-rq7gtxgb] th[data-astro-cid-rq7gtxgb]{font-weight:600;white-space:nowrap}.contrast-table__group[data-astro-cid-rq7gtxgb] th[data-astro-cid-rq7gtxgb]{color:var(--color-text-2);font-size:var(--fs-xs);font-weight:600;padding-block-start:var(--sp-3);border-block-end:none}.contrast-table__chip[data-astro-cid-rq7gtxgb]{display:inline-flex;align-items:center;justify-content:center;inline-size:32px;block-size:24px;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px var(--color-border);margin-inline-end:var(--sp-2);font-size:var(--fs-xs)}.harmony[data-astro-cid-rq7gtxgb]{display:flex;flex-direction:column;gap:var(--sp-4);margin-block-start:var(--sp-3)}.harmony__row[data-astro-cid-rq7gtxgb]{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.picker__hsw[data-astro-cid-rq7gtxgb]{display:flex;align-items:flex-end;inline-size:112px;block-size:80px;padding:var(--sp-2);border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px var(--color-border);font-size:var(--fs-xs);text-decoration:none}.picker__hsw[data-astro-cid-rq7gtxgb]:hover{filter:brightness(.96);text-decoration:none}.preview-grid[data-astro-cid-rq7gtxgb]{display:grid;grid-template-columns:1fr;gap:var(--sp-3)}@media(min-width:640px){.preview-grid[data-astro-cid-rq7gtxgb]{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.preview-grid[data-astro-cid-rq7gtxgb]{grid-template-columns:repeat(4,1fr)}}.preview-item[data-astro-cid-rq7gtxgb]{display:flex;flex-direction:column;gap:var(--sp-2)}.preview[data-astro-cid-rq7gtxgb]{margin:0;padding:var(--sp-4);border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px var(--color-border);min-block-size:120px;display:flex;align-items:center;justify-content:center}.preview--on-white[data-astro-cid-rq7gtxgb]{background:#fff}.preview--on-black[data-astro-cid-rq7gtxgb]{background:#000}.preview__text[data-astro-cid-rq7gtxgb]{font-size:var(--fs-lg);margin:0}.preview-cap[data-astro-cid-rq7gtxgb]{margin:0;font-size:var(--fs-sm);color:var(--color-text-2)}.preview-meta[data-astro-cid-rq7gtxgb]{margin:0;display:flex;flex-direction:column;gap:2px;font-size:var(--fs-xs);color:var(--color-text-3)}.picker-preview[data-astro-cid-rq7gtxgb]{margin-block-start:var(--sp-8)}