.cs-pg{gap:var(--cs-space-6);flex-direction:column;display:flex}.cs-pg__bar{justify-content:space-between;align-items:center;gap:var(--cs-space-3);flex-wrap:wrap;display:flex}.cs-pg__select{min-height:var(--cs-touch-target);padding:0 var(--cs-space-4);background:var(--cs-inset);border:1px solid var(--cs-border-strong);border-radius:var(--cs-radius-md);color:var(--cs-text-strong);cursor:pointer}.cs-pg__actions{gap:var(--cs-space-2);flex-wrap:wrap;display:flex}.cs-pg__hint{font-size:var(--cs-text-sm);color:var(--cs-text-muted)}.cs-pg__cue{text-align:center;font-size:var(--cs-text-md);color:var(--cs-text);font-weight:600}.cs-pg__key{border:1px solid var(--cs-border-strong);border-radius:var(--cs-radius-sm);background:var(--cs-fill-subtle);min-width:3.2em;font-family:var(--cs-font-mono);text-align:center;border-bottom-width:3px;margin-inline:.15em;padding:.1em .6em .2em;font-size:.85em;font-weight:500;display:inline-block}.cs-pg__strip{border-radius:var(--cs-radius-xl);grid-template-rows:repeat(5,1fr);gap:2px;min-height:60vh;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}@media (width>=720px){.cs-pg__strip{grid-template-rows:none;grid-template-columns:repeat(5,1fr);min-height:62vh}}.cs-pg__slot{padding:var(--cs-space-4);transition:background-color var(--cs-duration-fill) var(--cs-ease-out);animation:cs-pg-deal var(--cs-duration-slow) var(--cs-ease-out) backwards;justify-content:center;align-items:flex-end;display:flex;position:relative}.cs-pg__slot:nth-child(2){animation-delay:45ms}.cs-pg__slot:nth-child(3){animation-delay:90ms}.cs-pg__slot:nth-child(4){animation-delay:.135s}.cs-pg__slot:nth-child(5){animation-delay:.18s}@keyframes cs-pg-deal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.cs-pg__slotinner{align-items:center;gap:var(--cs-space-2);display:flex}@media (width>=720px){.cs-pg__slotinner{gap:var(--cs-space-3);flex-direction:column}}.cs-pg__lock,.cs-pg__hex{cursor:pointer;background:0 0;border:none}.cs-pg__lock{width:var(--cs-touch-target);height:var(--cs-touch-target);border-radius:var(--cs-radius-md);opacity:.55;transition:opacity var(--cs-duration-fast) var(--cs-ease);justify-content:center;align-items:center;display:inline-flex}.cs-pg__lock svg{width:22px;height:22px}.cs-pg__lock:hover,.cs-pg__lock[aria-pressed=true]{opacity:1}.cs-pg__hex{min-height:var(--cs-touch-target);padding-inline:var(--cs-space-2);letter-spacing:.04em;opacity:.85;font-size:.9375rem;font-weight:500}.cs-pg__hex:hover{opacity:1}.cs-pg__edit input[type=color]{cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:50%;width:30px;height:30px;padding:0}.cs-pg__edit input[type=color]:hover{opacity:1}.cs-pg__edit input[type=color]::-webkit-color-swatch-wrapper{padding:0}.cs-pg__edit input[type=color]::-webkit-color-swatch{border:2px solid;border-radius:50%}.cs-pg__stage{gap:var(--cs-space-4);margin-top:var(--cs-space-10);flex-direction:column;display:flex}.cs-pg__stagehead{justify-content:space-between;align-items:center;gap:var(--cs-space-3);flex-wrap:wrap;display:flex}.cs-pg__stagehead h2{font-size:var(--cs-text-lg);letter-spacing:var(--cs-tracking-snug)}.cs-pg__stagecontrols{align-items:center;gap:var(--cs-space-3);flex-wrap:wrap;display:flex}.cs-pg__mixcount{font-variant-numeric:tabular-nums;opacity:.65;margin-inline-start:.6em}.cs-pg__modes{gap:var(--cs-space-2);display:inline-flex}.cs-pg__mode{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-pg__mode:hover{color:var(--cs-text-strong);border-color:var(--cs-border-hover)}.cs-pg__mode[aria-pressed=true]{background:var(--cs-plate);border-color:var(--cs-plate);color:var(--cs-plate-ink)}.cs-pg__mock{border:1px solid var(--cs-border-strong);border-radius:var(--cs-radius-xl);transition:background-color var(--cs-duration-fill) var(--cs-ease-out);overflow:hidden}.cs-pg__mockbar{align-items:center;gap:var(--cs-space-3);padding:var(--cs-space-3) var(--cs-space-5);display:flex}.cs-pg__mockmark{border-radius:4px;flex:none;width:14px;height:14px}.cs-pg__mockbrand{font-weight:700;font-size:var(--cs-text-sm);letter-spacing:var(--cs-tracking-snug)}.cs-pg__mocknav{font-size:var(--cs-text-xs);letter-spacing:.08em;word-spacing:1.2em;white-space:nowrap;margin-inline-start:auto}.cs-pg__mockbody{align-items:flex-start;gap:var(--cs-space-4);padding:var(--cs-space-8) var(--cs-space-5) var(--cs-space-6);flex-direction:column;display:flex}@media (width>=720px){.cs-pg__mockbody{padding-inline:var(--cs-space-8)}}.cs-pg__mockh{font-size:var(--cs-text-xl);letter-spacing:var(--cs-tracking-tight);font-weight:700;line-height:var(--cs-leading-tight)}.cs-pg__mockp{max-width:34rem;line-height:var(--cs-leading-normal)}.cs-pg__mockbtn{min-height:var(--cs-touch-target);padding-inline:var(--cs-space-5);border-radius:var(--cs-radius-pill);font-size:var(--cs-text-sm);align-items:center;font-weight:600;display:inline-flex}.cs-pg__mockcard{gap:var(--cs-space-1);margin-top:var(--cs-space-2);padding:var(--cs-space-4) var(--cs-space-5);border-radius:var(--cs-radius-lg);font-size:var(--cs-text-sm);flex-direction:column;display:flex}.cs-pg__mockcardh{font-weight:600}.cs-pg__mocksub{opacity:.78}.cs-pg__checks{gap:var(--cs-space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.cs-pg__check{min-height:var(--cs-touch-target);padding-inline:var(--cs-space-3);border:1px solid var(--cs-border-strong);border-radius:var(--cs-radius-pill);font-size:var(--cs-text-sm);font-variant-numeric:tabular-nums;color:var(--cs-text-secondary);align-items:center;display:inline-flex}.cs-pg__check:hover{color:var(--cs-text-strong);border-color:var(--cs-border-hover)}.cs-pg__check--pass{background:var(--cs-fill-subtle);border-color:#0000}.cs-pg__check--large{border-style:dashed}.cs-pg__check--fail{border-color:var(--cs-border-hover);color:var(--cs-text-strong)}@media (prefers-reduced-motion:reduce){.cs-pg__mock{transition:none}.cs-pg__slot{animation:none}}.cs-generatorhead[data-astro-cid-t4gu5kxv]{gap:var(--cs-space-4);padding-block:var(--cs-space-8);flex-direction:column;display:flex}.cs-generatorhead[data-astro-cid-t4gu5kxv] h1[data-astro-cid-t4gu5kxv]{font-size:var(--cs-text-xl);letter-spacing:var(--cs-tracking-tight)}@media (width>=768px){.cs-generatorhead[data-astro-cid-t4gu5kxv] h1[data-astro-cid-t4gu5kxv]{font-size:var(--cs-text-2xl)}}.cs-answer[data-astro-cid-t4gu5kxv]{font-size:var(--cs-text-md);line-height:var(--cs-leading-relaxed);color:var(--cs-text-secondary)}.cs-schemegrid[data-astro-cid-t4gu5kxv]{gap:var(--cs-space-4);display:grid}@media (width>=760px){.cs-schemegrid[data-astro-cid-t4gu5kxv]{grid-template-columns:repeat(2,1fr)}}@media (width>=1180px){.cs-schemegrid[data-astro-cid-t4gu5kxv]{grid-template-columns:repeat(3,1fr)}}.cs-schemegrid__card[data-astro-cid-t4gu5kxv]{padding:var(--cs-space-5);background:var(--cs-inset);border:1px solid var(--cs-border);border-radius:var(--cs-radius-lg)}.cs-schemegrid__card[data-astro-cid-t4gu5kxv] h3[data-astro-cid-t4gu5kxv]{font-size:var(--cs-text-base);margin-bottom:var(--cs-space-3)}.cs-schemegrid__card[data-astro-cid-t4gu5kxv] p[data-astro-cid-t4gu5kxv]{color:var(--cs-text-secondary);line-height:var(--cs-leading-relaxed)}