.cs-mx{gap:var(--cs-space-5);flex-direction:column;display:flex}.cs-mx__controls{align-items:end;gap:var(--cs-space-3);padding:var(--cs-space-5);background:var(--cs-card);border:1px solid var(--cs-border);border-radius:var(--cs-radius-xl);grid-template-columns:1fr auto 1fr;display:grid}.cs-mx__label{margin-bottom:var(--cs-space-2);font-size:var(--cs-text-xs);text-transform:uppercase;letter-spacing:var(--cs-tracking-wide);color:var(--cs-text-muted);display:block}.cs-mx__slotrow{gap:var(--cs-space-2);display:flex}.cs-mx__picker{width:var(--cs-touch-target);height:var(--cs-touch-target);border-radius:var(--cs-radius-md);cursor:pointer;background:0 0;border:none;flex:none;padding:0}.cs-mx__picker::-webkit-color-swatch-wrapper{padding:0}.cs-mx__picker::-webkit-color-swatch{border:1px solid var(--cs-border-strong);border-radius:var(--cs-radius-md)}.cs-mx__input{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-mx__input:focus-visible{border-color:var(--cs-accent)}.cs-mx__input[aria-invalid=true]{border-color:var(--cs-border-hover)}.cs-mx__invalid{margin:var(--cs-space-2) 0 0;font-size:var(--cs-text-xs);color:var(--cs-text-secondary)}.cs-mx__swap{width:var(--cs-touch-target);height:var(--cs-touch-target);border:1px solid var(--cs-border-strong);border-radius:var(--cs-radius-md);background:var(--cs-fill-subtle);color:var(--cs-text);font-size:var(--cs-text-md);cursor:pointer;flex:none}.cs-mx__swap:hover{background:var(--cs-fill-hover);color:var(--cs-text-strong)}@media (width<=640px){.cs-mx__controls{grid-template-columns:1fr}.cs-mx__swap{justify-self:center;transform:rotate(90deg)}}.cs-mx__ratio{padding:var(--cs-space-5);background:var(--cs-card);border:1px solid var(--cs-border);border-radius:var(--cs-radius-xl)}.cs-mx__ratiorow{align-items:center;gap:var(--cs-space-3);display:flex}.cs-mx__end{min-width:3.2rem;font-size:var(--cs-text-sm);color:var(--cs-text-secondary)}.cs-mx__ratiorow .cs-mx__end:last-child{text-align:right}.cs-mx__slider{appearance:none;border:1px solid var(--cs-border-strong);border-radius:var(--cs-radius-pill);cursor:pointer;outline:none;flex:1;min-width:0;height:14px}.cs-mx__slider::-webkit-slider-thumb{appearance:none;border:3px solid var(--cs-plate);width:22px;height:22px;box-shadow:var(--cs-shadow-sm);cursor:grab;background:0 0;border-radius:50%}.cs-mx__slider::-moz-range-thumb{border:3px solid var(--cs-plate);width:22px;height:22px;box-shadow:var(--cs-shadow-sm);cursor:grab;background:0 0;border-radius:50%}.cs-mx__slider:focus-visible{border-color:var(--cs-accent)}.cs-mx__ladder{margin:var(--cs-space-4) 0 0;grid-template-columns:repeat(11,minmax(0,1fr));gap:2px;padding:0;list-style:none;display:grid}.cs-mx__step{border-radius:var(--cs-radius-sm);cursor:pointer;border:1px solid #0000;width:100%;min-height:34px;display:block}.cs-mx__step:hover,.cs-mx__step:focus-visible{border-color:var(--cs-border-hover)}.cs-mx__step.is-active{border-color:var(--cs-text-strong);border-width:2px}.cs-mx__results{gap:var(--cs-space-3);grid-template-columns:repeat(3,1fr);display:grid}.cs-mx__result{gap:var(--cs-space-2);padding:var(--cs-space-2);background:var(--cs-card);border:1px solid var(--cs-border);border-radius:var(--cs-radius-lg);cursor:pointer;text-align:left;flex-direction:column;display:flex}.cs-mx__result:hover{border-color:var(--cs-border-strong)}.cs-mx__result.is-active{border-color:var(--cs-accent);box-shadow:0 0 0 1px var(--cs-accent)}.cs-mx__resultswatch{min-height:92px;padding:var(--cs-space-2);border-radius:var(--cs-radius-md);font-size:var(--cs-text-xs);justify-content:center;align-items:flex-end;display:flex}.cs-mx__resultname{padding-inline:var(--cs-space-1);font-size:var(--cs-text-sm);color:var(--cs-text);font-weight:500}.cs-mx__result.is-active .cs-mx__resultname{color:var(--cs-text-strong)}.cs-mx__note{max-width:34rem;font-size:var(--cs-text-sm);line-height:var(--cs-leading-relaxed);color:var(--cs-text-secondary);margin:0}.cs-mx__note strong{color:var(--cs-text-strong)}.cs-mx__codes{padding:var(--cs-space-5);background:var(--cs-card);border:1px solid var(--cs-border);border-radius:var(--cs-radius-xl)}.cs-mx__codeshead{justify-content:space-between;align-items:baseline;gap:var(--cs-space-2);margin:0 0 var(--cs-space-3);font-size:var(--cs-text-base);flex-wrap:wrap;display:flex}.cs-mx__codeshint{font-size:var(--cs-text-xs);color:var(--cs-text-muted);font-weight:400}.cs-mx__codes table{border-collapse:collapse;width:100%}.cs-mx__codes th{width:7.5rem;padding:var(--cs-space-2) 0;font-size:var(--cs-text-xs);text-align:left;text-transform:uppercase;letter-spacing:var(--cs-tracking-wide);color:var(--cs-text-muted);border-bottom:1px solid var(--cs-border);font-weight:500}.cs-mx__codes td{padding:var(--cs-space-2) 0;border-bottom:1px solid var(--cs-border)}.cs-mx__code{color:var(--cs-text);font-size:var(--cs-text-sm);text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.cs-mx__code:hover{color:var(--cs-text-strong)}.cs-mx__presets ul{gap:var(--cs-space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.cs-mx__preset{align-items:center;gap:var(--cs-space-2);min-height:var(--cs-touch-target);padding:0 var(--cs-space-3);background:var(--cs-fill-subtle);border:1px solid var(--cs-border);border-radius:var(--cs-radius-pill);color:var(--cs-text-secondary);font-size:var(--cs-text-sm);cursor:pointer;display:flex}.cs-mx__preset:hover{background:var(--cs-fill-hover);color:var(--cs-text-strong)}.cs-mx__presetchip{border:1px solid var(--cs-border-strong);border-radius:var(--cs-radius-sm);width:26px;height:16px}.cs-mx__share{justify-content:space-between;align-items:center;gap:var(--cs-space-3);font-size:var(--cs-text-sm);flex-wrap:wrap;margin:0;display:flex}@media (width<=640px){.cs-mx__results{grid-template-columns:1fr}.cs-mx__resultswatch{min-height:64px}}.cs-mixhead[data-astro-cid-yygzjbs3]{gap:var(--cs-space-4);padding-block:var(--cs-space-4) var(--cs-space-8);flex-direction:column;display:flex}.cs-mixhead[data-astro-cid-yygzjbs3] h1[data-astro-cid-yygzjbs3]{font-size:var(--cs-text-xl);letter-spacing:var(--cs-tracking-tight)}@media (width>=768px){.cs-mixhead[data-astro-cid-yygzjbs3] h1[data-astro-cid-yygzjbs3]{font-size:var(--cs-text-2xl)}}.cs-answer[data-astro-cid-yygzjbs3]{font-size:var(--cs-text-md);line-height:var(--cs-leading-relaxed);color:var(--cs-text-secondary)}.cs-mix-mount[data-astro-cid-yygzjbs3]{padding:0 var(--cs-space-4) var(--cs-space-4)}.cs-mixlist[data-astro-cid-yygzjbs3]{gap:var(--cs-space-8);padding:var(--cs-space-4);margin:0;list-style:none;display:grid}.cs-mixlist__head[data-astro-cid-yygzjbs3]{justify-content:space-between;align-items:baseline;gap:var(--cs-space-3);margin-bottom:var(--cs-space-3);display:flex}.cs-mixlist__head[data-astro-cid-yygzjbs3] h3[data-astro-cid-yygzjbs3]{font-size:var(--cs-text-base)}.cs-mixlist__head[data-astro-cid-yygzjbs3] a[data-astro-cid-yygzjbs3]{font-size:var(--cs-text-xs);color:var(--cs-text-muted);white-space:nowrap}.cs-mixlist__head[data-astro-cid-yygzjbs3] a[data-astro-cid-yygzjbs3]:hover{color:var(--cs-text-strong)}.cs-mixladder[data-astro-cid-yygzjbs3]{border-radius:var(--cs-radius-md);grid-template-columns:repeat(11,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.cs-mixladder__step[data-astro-cid-yygzjbs3]{width:100%;min-height:64px;padding-bottom:var(--cs-space-2);letter-spacing:.02em;cursor:pointer;border:0;justify-content:center;align-items:flex-end;font-size:.5rem;display:flex}.cs-mixladder__step[data-astro-cid-yygzjbs3] span[data-astro-cid-yygzjbs3]{opacity:0;transition:opacity var(--cs-duration-fast) var(--cs-ease)}.cs-mixladder__step[data-astro-cid-yygzjbs3]:hover span[data-astro-cid-yygzjbs3],.cs-mixladder__step[data-astro-cid-yygzjbs3]:focus-visible span[data-astro-cid-yygzjbs3],.cs-mixladder__step--mid[data-astro-cid-yygzjbs3] span[data-astro-cid-yygzjbs3]{opacity:.9}.cs-mixladder__step--mid[data-astro-cid-yygzjbs3]{min-height:84px}.cs-mixlist__verdict[data-astro-cid-yygzjbs3]{margin-top:var(--cs-space-3);max-width:38rem;font-size:var(--cs-text-sm);color:var(--cs-text-secondary)}.cs-mixcompare[data-astro-cid-yygzjbs3]{gap:var(--cs-space-3);padding:var(--cs-space-4);margin:0;list-style:none;display:grid}.cs-mixcompare[data-astro-cid-yygzjbs3] li[data-astro-cid-yygzjbs3]{gap:var(--cs-space-3);grid-template-columns:minmax(9rem,1fr) 1fr 1fr;align-items:center;display:grid}.cs-mixcompare__label[data-astro-cid-yygzjbs3]{font-size:var(--cs-text-sm);color:var(--cs-text)}.cs-mixcompare__swatch[data-astro-cid-yygzjbs3]{border:1px solid var(--cs-border-strong);border-radius:var(--cs-radius-md);min-height:44px;font-size:var(--cs-text-xs);justify-content:center;align-items:center;display:flex}.cs-mixcompare__key[data-astro-cid-yygzjbs3]{padding:0 var(--cs-space-4) var(--cs-space-4);max-width:var(--cs-prose-max);font-size:var(--cs-text-sm);color:var(--cs-text-secondary)}@media (prefers-reduced-motion:reduce){.cs-mixladder__step[data-astro-cid-yygzjbs3] span[data-astro-cid-yygzjbs3]{transition:none}}