.cs-gm{gap:var(--cs-space-5);flex-direction:column;display:flex}.cs-gm__preview{border-radius:var(--cs-radius-xl);border:1px solid var(--cs-border);min-height:44vh;transition:background-color var(--cs-duration-fill) var(--cs-ease-out), background-image var(--cs-duration-fill) var(--cs-ease-out);position:relative}.cs-gm__fill{right:var(--cs-space-4);bottom:var(--cs-space-4);min-height:var(--cs-touch-target);padding-inline:var(--cs-space-4);border-radius:var(--cs-radius-pill);font-size:var(--cs-text-sm);cursor:pointer;opacity:.75;background:0 0;border:1px solid;position:absolute}.cs-gm__fill:hover{opacity:1}.cs-gm__controls{gap:var(--cs-space-4);flex-direction:column;display:flex}.cs-gm__stops{align-items:center;gap:var(--cs-space-3);flex-wrap:wrap;display:flex}.cs-gm__stop{align-items:center;gap:var(--cs-space-2);padding:var(--cs-space-1);border:1px solid var(--cs-border);border-radius:var(--cs-radius-md);background:var(--cs-inset);display:inline-flex}.cs-gm__pick{border-radius:var(--cs-radius-sm);border:1px solid var(--cs-border-strong);cursor:pointer;width:34px;height:34px;display:inline-flex;position:relative;overflow:hidden}.cs-gm__pick input[type=color]{opacity:0;cursor:pointer;position:absolute;inset:0}.cs-gm__hex{width:6.5rem;min-height:34px;padding-inline:var(--cs-space-2);color:var(--cs-text-strong);background:0 0;border:none}.cs-gm__hex:focus-visible{outline:2px solid var(--cs-accent-soft);outline-offset:-2px;border-radius:var(--cs-radius-sm)}.cs-gm__remove{border-radius:var(--cs-radius-sm);width:34px;height:34px;color:var(--cs-text-muted);font-size:var(--cs-text-md);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.cs-gm__remove:hover{color:var(--cs-text-strong);background:var(--cs-fill-subtle)}.cs-gm__row{align-items:center;gap:var(--cs-space-4);flex-wrap:wrap;display:flex}.cs-gm__kinds{gap:var(--cs-space-2);display:inline-flex}.cs-gm__kind{min-height:var(--cs-touch-target);padding-inline:var(--cs-space-4);border:1px solid var(--cs-border-strong);border-radius:var(--cs-radius-pill);color:var(--cs-text-secondary);font-size:var(--cs-text-sm);cursor:pointer;background:0 0}.cs-gm__kind:hover{color:var(--cs-text-strong);border-color:var(--cs-border-hover)}.cs-gm__kind[aria-pressed=true]{background:var(--cs-plate);border-color:var(--cs-plate);color:var(--cs-plate-ink)}.cs-gm__smooth{align-items:center;gap:var(--cs-space-2);min-height:var(--cs-touch-target);color:var(--cs-text-secondary);font-size:var(--cs-text-sm);cursor:pointer;display:inline-flex}.cs-gm__smooth input{accent-color:var(--cs-accent)}.cs-gm__field{gap:var(--cs-space-2);flex-direction:column;max-width:22rem;display:flex}.cs-gm__field label{font-size:var(--cs-text-sm);color:var(--cs-text-muted);justify-content:space-between;display:flex}.cs-gm__field output{color:var(--cs-text-secondary);font-variant-numeric:tabular-nums}.cs-gm__actions{align-items:center;gap:var(--cs-space-2);flex-wrap:wrap;display:flex}.cs-gm__export{align-items:center;gap:var(--cs-space-2);display:inline-flex}.cs-gm__select{min-height:var(--cs-touch-target);padding:0 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);font-size:var(--cs-text-sm);cursor:pointer}.cs-gm__hint{font-size:var(--cs-text-sm);color:var(--cs-text-muted)}.cs-gm__code{padding:var(--cs-space-4) var(--cs-space-5);border:1px solid var(--cs-border);border-radius:var(--cs-radius-lg);background:var(--cs-inset);color:var(--cs-text-secondary);font-size:var(--cs-text-xs);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.7;overflow-x:auto}.cs-gm__steps{gap:var(--cs-space-3);margin-top:var(--cs-space-2);flex-direction:column;display:flex}.cs-gm__stepshead{justify-content:space-between;align-items:center;gap:var(--cs-space-3);flex-wrap:wrap;display:flex}.cs-gm__stepshead h2{font-size:var(--cs-text-lg);letter-spacing:var(--cs-tracking-snug)}.cs-gm__ladder{border-radius:var(--cs-radius-md);grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:2px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.cs-gm__step{width:100%;min-height:64px;padding:var(--cs-space-2) .25rem;letter-spacing:.02em;cursor:pointer;border:none;justify-content:center;align-items:flex-end;font-size:.6875rem;display:flex}@media (prefers-reduced-motion:reduce){.cs-gm__preview{transition:none}}.cs-gmhead[data-astro-cid-fr3rrp3l]{gap:var(--cs-space-4);padding-block:var(--cs-space-8);flex-direction:column;display:flex}.cs-gmhead[data-astro-cid-fr3rrp3l] h1[data-astro-cid-fr3rrp3l]{font-size:var(--cs-text-xl);letter-spacing:var(--cs-tracking-tight)}@media (width>=768px){.cs-gmhead[data-astro-cid-fr3rrp3l] h1[data-astro-cid-fr3rrp3l]{font-size:var(--cs-text-2xl)}}.cs-answer[data-astro-cid-fr3rrp3l]{font-size:var(--cs-text-md);line-height:var(--cs-leading-relaxed);color:var(--cs-text-secondary)}.cs-gmgrid[data-astro-cid-fr3rrp3l]{gap:var(--cs-space-4);display:grid}@media (width>=900px){.cs-gmgrid[data-astro-cid-fr3rrp3l]{grid-template-columns:repeat(3,1fr)}}.cs-gmgrid__card[data-astro-cid-fr3rrp3l]{padding:var(--cs-space-5);background:var(--cs-inset);border:1px solid var(--cs-border);border-radius:var(--cs-radius-lg)}.cs-gmgrid__card[data-astro-cid-fr3rrp3l] h3[data-astro-cid-fr3rrp3l]{font-size:var(--cs-text-base);margin-bottom:var(--cs-space-3)}.cs-gmgrid__card[data-astro-cid-fr3rrp3l] p[data-astro-cid-fr3rrp3l]{color:var(--cs-text-secondary);line-height:var(--cs-leading-relaxed)}.cs-gmgrid__card[data-astro-cid-fr3rrp3l] a[data-astro-cid-fr3rrp3l]{color:var(--cs-text-strong);text-underline-offset:3px;text-decoration:underline}.cs-gmstarters[data-astro-cid-fr3rrp3l]{gap:var(--cs-space-1) var(--cs-space-4);grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));margin:0;padding:0;list-style:none;display:grid}.cs-gmstarters[data-astro-cid-fr3rrp3l] a[data-astro-cid-fr3rrp3l]{align-items:center;gap:var(--cs-space-3);min-height:var(--cs-touch-target);color:var(--cs-text-secondary);font-size:var(--cs-text-sm);display:flex}.cs-gmstarters[data-astro-cid-fr3rrp3l] a[data-astro-cid-fr3rrp3l]:hover{color:var(--cs-text-strong)}.cs-gmstarters__chip[data-astro-cid-fr3rrp3l]{border:1px solid var(--cs-border-strong);border-radius:5px;flex:none;width:28px;height:16px}