.cs-viz{gap:var(--cs-space-4);flex-direction:column;display:flex}.cs-viz__palette{border-radius:var(--cs-radius-lg);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;overflow:hidden}.cs-viz__slot{min-height:64px;padding:var(--cs-space-2);font-size:var(--cs-text-xs);cursor:pointer;justify-content:center;align-items:flex-end;display:flex}.cs-viz__slot input{opacity:0;width:1px;height:1px;position:absolute}.cs-viz__slot:focus-within{outline:2px solid var(--cs-focus);outline-offset:-2px}.cs-viz__stage{border:1px solid var(--cs-border);border-radius:var(--cs-radius-lg);background:var(--cs-inset);overflow:hidden}.cs-viz__art svg,.cs-viz__canvas{width:100%;height:auto;display:block}.cs-viz__canvas{object-fit:contain;max-height:70vh}.cs-viz__bar{gap:var(--cs-space-3);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.cs-viz__picker{gap:var(--cs-space-2);flex-wrap:wrap;display:flex}.cs-viz__tab{padding:var(--cs-space-2) var(--cs-space-3);border:1px solid var(--cs-border);border-radius:var(--cs-radius-md);color:var(--cs-text-secondary);font-size:var(--cs-text-sm);cursor:pointer;background:0 0}.cs-viz__tab[aria-pressed=true]{border-color:var(--cs-text-strong);color:var(--cs-text-strong);font-weight:600}.cs-viz__blurb{max-width:var(--cs-measure);font-size:var(--cs-text-sm);line-height:var(--cs-leading-relaxed);color:var(--cs-text-muted)}.cs-viz__link{color:var(--cs-accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.cs-viz__drop{align-items:center;gap:var(--cs-space-2);padding:var(--cs-space-5);border:1px dashed var(--cs-border);border-radius:var(--cs-radius-lg);text-align:center;flex-direction:column;display:flex}.cs-viz__drop.is-dragging{border-color:var(--cs-text-strong);background:var(--cs-inset)}.cs-viz__hint{max-width:46ch;font-size:var(--cs-text-sm);line-height:var(--cs-leading-relaxed);color:var(--cs-text-muted)}.cs-viz__error{padding:var(--cs-space-3);border-radius:var(--cs-radius-md);background:var(--cs-inset);font-size:var(--cs-text-sm);color:var(--cs-text-secondary)}.cs-viz__report{padding:var(--cs-space-4);border:1px solid var(--cs-border);border-radius:var(--cs-radius-lg);background:var(--cs-inset)}.cs-viz__report h2{margin-bottom:var(--cs-space-2);font-size:var(--cs-text-md);color:var(--cs-text-strong)}.cs-viz__reportlead{margin-bottom:var(--cs-space-3);max-width:var(--cs-measure);font-size:var(--cs-text-sm);line-height:var(--cs-leading-relaxed);color:var(--cs-text-secondary)}.cs-viz__pairs{gap:var(--cs-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.cs-viz__pairs li{align-items:center;gap:var(--cs-space-2);padding:var(--cs-space-2);border-radius:var(--cs-radius-md);font-size:var(--cs-text-sm);color:var(--cs-text-secondary);flex-wrap:wrap;display:flex}.cs-viz__pairs li.is-broken{background:var(--cs-surface)}.cs-viz__pairswatch{border:1px solid var(--cs-border);border-radius:var(--cs-radius-sm);width:20px;height:20px}.cs-viz__pairhex{font-size:var(--cs-text-xs)}.cs-viz__pairratio{font-variant-numeric:tabular-nums;color:var(--cs-text-muted);margin-left:auto}.cs-viz__pairverdict{text-align:right;min-width:6.5ch;font-weight:600}.is-broken .cs-viz__pairverdict{color:var(--cs-text-strong)}.cs-viz__actions{gap:var(--cs-space-2);flex-wrap:wrap;display:flex}@media (width<=560px){.cs-viz__slot{min-height:48px;font-size:10px}.cs-viz__pairratio{margin-left:0}}.cs-viz__controls{gap:var(--cs-space-4);flex-wrap:wrap;display:flex}.cs-viz__control{gap:var(--cs-space-2);flex-direction:column;min-width:0;display:flex}.cs-viz__label{font-size:var(--cs-text-xs);letter-spacing:var(--cs-tracking-wide,.04em);text-transform:uppercase;color:var(--cs-text-faint);font-weight:600}.cs-viz__presets{gap:var(--cs-space-2);grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));margin:0;padding:0;list-style:none;display:grid}.cs-viz__preset{gap:var(--cs-space-1);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;width:100%;padding:0;display:flex}.cs-viz__presetstrip{border:1px solid var(--cs-border);border-radius:var(--cs-radius-md);height:34px;transition:border-color var(--cs-duration-fast) var(--cs-ease);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;overflow:hidden}.cs-viz__preset:hover .cs-viz__presetstrip{border-color:var(--cs-border-hover)}.cs-viz__preset[aria-pressed=true] .cs-viz__presetstrip{border-color:var(--cs-text-strong);box-shadow:0 0 0 1px var(--cs-text-strong)}.cs-viz__preset:focus-visible .cs-viz__presetstrip{outline:2px solid var(--cs-focus);outline-offset:2px}.cs-viz__presetname{font-size:var(--cs-text-xs);white-space:nowrap;text-overflow:ellipsis;color:var(--cs-text-muted);overflow:hidden}.cs-viz__preset[aria-pressed=true] .cs-viz__presetname{color:var(--cs-text-strong);font-weight:600}@media (prefers-reduced-motion:reduce){.cs-viz__presetstrip{transition:none}}.cs-crumbs[data-astro-cid-l7nplir7]{gap:var(--cs-space-2);padding-block:var(--cs-space-4);font-size:var(--cs-text-sm);color:var(--cs-text-faint);flex-wrap:wrap;display:flex}.cs-crumbs[data-astro-cid-l7nplir7] a[data-astro-cid-l7nplir7],.cs-crumbs[data-astro-cid-l7nplir7] [data-astro-cid-l7nplir7][aria-current=page]{color:var(--cs-text-muted)}.cs-index-head[data-astro-cid-l7nplir7]{gap:var(--cs-space-4);padding-block:var(--cs-space-4) var(--cs-space-6);flex-direction:column;display:flex}.cs-index-head[data-astro-cid-l7nplir7] h1[data-astro-cid-l7nplir7]{font-size:var(--cs-text-xl);letter-spacing:var(--cs-tracking-tight)}@media (width>=768px){.cs-index-head[data-astro-cid-l7nplir7] h1[data-astro-cid-l7nplir7]{font-size:var(--cs-text-2xl)}}.cs-index-head[data-astro-cid-l7nplir7] p[data-astro-cid-l7nplir7]{color:var(--cs-text-secondary);line-height:var(--cs-leading-relaxed)}.cs-vizprose[data-astro-cid-l7nplir7]{padding:var(--cs-space-4)}.cs-vizprose[data-astro-cid-l7nplir7] p[data-astro-cid-l7nplir7]{margin-bottom:var(--cs-space-3);font-size:var(--cs-text-sm);line-height:var(--cs-leading-relaxed);color:var(--cs-text-secondary)}