.rs{grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);align-items:start;gap:clamp(1.5rem,4vw,3.5rem);display:grid}.rs-stage-wrap{border-radius:var(--radius-xl);background:var(--paper-sunken);box-shadow:inset 0 0 0 1px var(--line);padding:clamp(.6rem,.4rem + 1vw,1.2rem)}.rs-stage{aspect-ratio:1;border-radius:50%;width:100%;position:relative}.rs-canvas{box-shadow:0 0 0 1px var(--line), 0 30px 50px -35px #1a19158c;touch-action:none;cursor:crosshair;border-radius:50%;display:block}.rs-canvas.is-spinning{animation:24s linear infinite rs-spin}@keyframes rs-spin{to{transform:rotate(360deg)}}.rs-hint{pointer-events:none;font-family:var(--font-serif);font-style:italic;font-size:var(--step-3);color:var(--ink-3);opacity:.8;place-items:center;display:grid;position:absolute;inset:0}.rs-panel{gap:var(--space-m);display:grid;position:sticky;top:6rem}.rs-group{padding:0 0 var(--space-m);border:0;border-bottom:1px solid var(--line);gap:.7rem;margin:0;display:grid}.rs-group legend{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.7rem;padding:0;font-weight:500}.rs-range{font-weight:550;font-size:var(--step--1);gap:.4rem;display:grid}.rs-range span{justify-content:space-between;display:flex}.rs-range output{font-family:var(--font-mono)}.rs-range input{width:100%;accent-color:var(--vermilion);height:2rem}.rs-toggle{min-height:2.2rem;font-size:var(--step--1);cursor:pointer;align-items:center;gap:.7rem;display:flex;position:relative}.rs-toggle input{opacity:0;width:1px;height:1px;position:absolute}.rs-switch{border-radius:var(--radius-pill);background:var(--line-strong);flex:none;width:2.4rem;height:1.4rem;transition:background-color .2s linear;position:relative}.rs-switch:after{content:"";width:1rem;height:1rem;transition:transform .3s var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:.2rem;left:.2rem}.rs-toggle input:checked+.rs-switch{background:var(--ink)}.rs-toggle input:checked+.rs-switch:after{transform:translate(1rem)}.rs-toggle input:focus-visible+.rs-switch{outline:2.5px solid var(--focus);outline-offset:3px}.rs-swatches{flex-wrap:wrap;gap:.5rem;display:flex}.rs-swatch{background:var(--c);cursor:pointer;width:2.6rem;height:2.6rem;transition:transform .3s var(--ease-spring);border-radius:50%;position:relative;box-shadow:inset 0 0 0 1px #00000026}.rs-swatch:hover{transform:scale(1.08)}.rs-swatch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.rs-swatch:has(input:checked){box-shadow:0 0 0 3px var(--paper), 0 0 0 5px var(--ink)}.rs-swatch:has(input:focus-visible){outline:2.5px solid var(--focus);outline-offset:6px}.rs-sizes{gap:.5rem;display:flex}.rs-size{border-radius:var(--radius-m);min-height:4.2rem;box-shadow:inset 0 0 0 1px var(--line-strong);cursor:pointer;font-size:var(--step--2);flex:1;align-content:center;justify-items:center;gap:.4rem;display:grid;position:relative}.rs-size input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.rs-size-dot{background:var(--ink);border-radius:50%}.rs-size:has(input:checked){box-shadow:inset 0 0 0 2px var(--ink);background:var(--paper-raised)}.rs-size:has(input:focus-visible){outline:2.5px solid var(--focus);outline-offset:2px}.rs-actions{flex-wrap:wrap;gap:.5rem;display:flex}.rs-actions .btn:disabled{opacity:.4;pointer-events:none}.rs-actions .btn[aria-pressed=true]{background:var(--ink);color:var(--paper)}.rs-status{min-height:1.4em;font-size:var(--step--1);color:var(--ink-3)}@media (width<=900px){.rs{grid-template-columns:minmax(0,1fr)}.rs-panel{position:static}}.pg-head[data-astro-cid-7sbdsa77]{padding-top:clamp(7rem,5rem + 6vw,11rem);padding-bottom:var(--space-2xl)}.pg-head[data-astro-cid-7sbdsa77] .pg-title{margin-top:var(--space-s);font-size:var(--step-6);letter-spacing:-.05em;max-width:13ch;font-weight:720;line-height:.92}.pg-lede[data-astro-cid-7sbdsa77]{margin-top:var(--space-l);max-width:50ch;font-size:var(--step-1);color:var(--ink-2)}.pg-exp[data-astro-cid-7sbdsa77]{padding-bottom:var(--space-2xl)}.pg-exp-head[data-astro-cid-7sbdsa77]{gap:var(--space-l);padding-top:var(--space-l);margin-bottom:var(--space-xl);border-top:1.5px solid var(--ink);grid-template-columns:8rem minmax(0,1fr);display:grid}.pg-no[data-astro-cid-7sbdsa77]{font-family:var(--font-mono);font-size:var(--step--1);color:var(--ink-3);padding-top:.6rem}.pg-exp-title[data-astro-cid-7sbdsa77]{font-size:var(--step-4);letter-spacing:-.045em;font-weight:720}.pg-exp-desc[data-astro-cid-7sbdsa77]{margin-top:var(--space-s);max-width:60ch;color:var(--ink-2)}.pg-how[data-astro-cid-7sbdsa77]{margin-top:var(--space-xl);border-top:1px solid var(--line);max-width:60ch;padding-top:var(--space-s)}.pg-how[data-astro-cid-7sbdsa77] summary[data-astro-cid-7sbdsa77]{cursor:pointer;align-items:center;gap:.5rem;min-height:2.75rem;font-weight:600;list-style:none;display:inline-flex}.pg-how[data-astro-cid-7sbdsa77] summary[data-astro-cid-7sbdsa77]:before{content:"+";width:1.5rem;height:1.5rem;box-shadow:inset 0 0 0 1.5px var(--ink);transition:transform .3s var(--ease-spring);border-radius:50%;place-items:center;display:inline-grid}.pg-how[data-astro-cid-7sbdsa77][open] summary[data-astro-cid-7sbdsa77]:before{transform:rotate(45deg)}.pg-how[data-astro-cid-7sbdsa77] summary[data-astro-cid-7sbdsa77]::-webkit-details-marker{display:none}.pg-how-body[data-astro-cid-7sbdsa77]{gap:var(--space-s);padding-top:var(--space-xs);color:var(--ink-2);display:grid}.pg-next[data-astro-cid-7sbdsa77]{padding-bottom:var(--space-3xl)}.pg-next[data-astro-cid-7sbdsa77] p[data-astro-cid-7sbdsa77]{padding:var(--space-l);border:1.5px dashed var(--line-strong);border-radius:var(--radius-l);color:var(--ink-3);text-align:center;font-family:var(--font-serif);font-style:italic;font-size:var(--step-1)}@media (width<=700px){.pg-exp-head[data-astro-cid-7sbdsa77]{gap:var(--space-xs);grid-template-columns:minmax(0,1fr)}}
