.cs-ct{gap:var(--cs-space-5);display:grid}@media (width>=900px){.cs-ct{grid-template-columns:1fr 1fr;align-items:start}.cs-ct__preview{grid-column:1/-1}}.cs-ct__controls{gap:var(--cs-space-4);padding:var(--cs-space-5);background:var(--cs-card);border:1px solid var(--cs-border);border-radius:var(--cs-radius-xl);flex-direction:column;display:flex}.cs-ct__label{margin-bottom:var(--cs-space-2);font-size:var(--cs-text-sm);color:var(--cs-text-muted);display:block}.cs-ct__row{gap:var(--cs-space-3);display:flex}.cs-ct__picker{width:var(--cs-touch-target);height:var(--cs-touch-target);border:1px solid var(--cs-border-strong);border-radius:var(--cs-radius-md);cursor:pointer;background:0 0;flex:none;padding:0}.cs-ct__picker::-webkit-color-swatch-wrapper{padding:2px}.cs-ct__picker::-webkit-color-swatch{border:none;border-radius:6px}.cs-ct__hex{min-width:0;min-height:var(--cs-touch-target);padding-inline:var(--cs-space-3);background:var(--cs-inset);border:1px solid var(--cs-border-strong);border-radius:var(--cs-radius-md);color:var(--cs-text-strong);outline:none;flex:1}.cs-ct__hex:focus-visible{border-color:var(--cs-accent)}.cs-ct__swap{align-self:flex-start}.cs-ct__result{gap:var(--cs-space-4);padding:var(--cs-space-5);background:var(--cs-card);border:1px solid var(--cs-border);border-radius:var(--cs-radius-xl);flex-direction:column;display:flex}.cs-ct__score{align-items:baseline;gap:var(--cs-space-3);display:flex}.cs-ct__ratio{color:var(--cs-text-strong);font-size:2.25rem;font-weight:500}.cs-ct__verdict{font-size:var(--cs-text-base);font-weight:600}.cs-ct__score[data-verdict=excellent] .cs-ct__verdict,.cs-ct__score[data-verdict=good] .cs-ct__verdict{color:#34c759}.cs-ct__score[data-verdict=large] .cs-ct__verdict{color:#e0b000}.cs-ct__score[data-verdict=poor] .cs-ct__verdict{color:#ff6b6b}.cs-ct__grades{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.cs-ct__grades li{align-items:baseline;gap:var(--cs-space-2) var(--cs-space-3);padding:var(--cs-space-3) 0;border-top:1px solid var(--cs-border);grid-template-columns:4rem 1fr auto;display:grid}.cs-ct__gradestate{font-weight:700;font-size:var(--cs-text-sm)}li[data-pass=true] .cs-ct__gradestate{color:#34c759}li[data-pass=false] .cs-ct__gradestate{color:#ff6b6b}.cs-ct__gradelabel{color:var(--cs-text-strong);font-size:var(--cs-text-sm)}.cs-ct__gradeneed{font-size:var(--cs-text-xs);color:var(--cs-text-faint)}.cs-ct__gradehint{font-size:var(--cs-text-xs);color:var(--cs-text-muted);grid-column:2/-1}.cs-ct__fix{padding:var(--cs-space-5);background:var(--cs-card);border:1px solid var(--cs-border);border-radius:var(--cs-radius-xl)}@media (width>=900px){.cs-ct__fix{grid-column:1/-1}}.cs-ct__fixlead{max-width:var(--cs-prose-max);font-size:var(--cs-text-sm);line-height:var(--cs-leading-relaxed);color:var(--cs-text-secondary)}.cs-ct__fixes{gap:var(--cs-space-3);margin:var(--cs-space-4) 0 0;padding:0;list-style:none;display:grid}@media (width>=640px){.cs-ct__fixes{grid-template-columns:repeat(2,1fr)}}.cs-ct__fixes li{gap:var(--cs-space-3);grid-template-columns:7rem minmax(0,1fr);align-items:stretch;display:grid}.cs-ct__fixswatch{min-height:56px;padding:var(--cs-space-2);border:1px solid var(--cs-border-strong);border-radius:var(--cs-radius-md);font-size:var(--cs-text-xs);cursor:pointer;transition:transform var(--cs-duration-fast) var(--cs-ease);justify-content:center;align-items:center;display:flex}.cs-ct__fixswatch:hover{transform:translateY(-2px)}.cs-ct__fixinfo{flex-direction:column;justify-content:center;gap:.15rem;display:flex}.cs-ct__fixname{align-items:baseline;gap:var(--cs-space-2);color:var(--cs-text-strong);font-size:.9375rem;font-weight:600;display:flex}.cs-ct__fixname span{font-size:var(--cs-text-xs);color:#34c759;font-weight:400}.cs-ct__fixnote{font-size:var(--cs-text-xs);color:var(--cs-text-muted)}.cs-ct__preview{padding:var(--cs-space-8) var(--cs-space-6);border:1px solid var(--cs-border);border-radius:var(--cs-radius-xl);transition:background-color var(--cs-duration-base) var(--cs-ease-out), color var(--cs-duration-base) var(--cs-ease-out)}.cs-ct__preview>*+*{margin-top:var(--cs-space-4)}.cs-ct__big{font-size:1.5rem;font-weight:600}.cs-ct__body{font-size:1rem;line-height:var(--cs-leading-relaxed);max-width:var(--cs-prose-max)}.cs-ct__small{font-size:.8125rem}.cs-toolhead[data-astro-cid-rjubzb4z]{gap:var(--cs-space-4);padding-block:var(--cs-space-8);flex-direction:column;display:flex}.cs-toolhead[data-astro-cid-rjubzb4z] h1[data-astro-cid-rjubzb4z]{font-size:var(--cs-text-xl);letter-spacing:var(--cs-tracking-tight)}@media (width>=768px){.cs-toolhead[data-astro-cid-rjubzb4z] h1[data-astro-cid-rjubzb4z]{font-size:var(--cs-text-2xl)}}.cs-answer[data-astro-cid-rjubzb4z]{font-size:var(--cs-text-md);line-height:var(--cs-leading-relaxed);color:var(--cs-text-secondary)}.cs-thresholds[data-astro-cid-rjubzb4z]{gap:var(--cs-space-4);display:grid}@media (width>=760px){.cs-thresholds[data-astro-cid-rjubzb4z]{grid-template-columns:repeat(2,1fr)}}.cs-thresholds[data-astro-cid-rjubzb4z] article[data-astro-cid-rjubzb4z]{padding:var(--cs-space-5);background:var(--cs-inset);border:1px solid var(--cs-border);border-radius:var(--cs-radius-lg)}.cs-thresholds[data-astro-cid-rjubzb4z] h3[data-astro-cid-rjubzb4z]{font-size:var(--cs-text-base);margin-bottom:var(--cs-space-3)}.cs-thresholds[data-astro-cid-rjubzb4z] p[data-astro-cid-rjubzb4z]{color:var(--cs-text-secondary);line-height:var(--cs-leading-relaxed)}