.hc-readout[data-astro-cid-z4x4eupq]{width:100%;max-width:720px;font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--color-ink-500,#6a6963);grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin:0 auto 1.25rem;font-size:10px;display:grid}.dark .hc-readout[data-astro-cid-z4x4eupq]{color:var(--color-ink-400,#8a8980)}.hc-readout[data-astro-cid-z4x4eupq]>div[data-astro-cid-z4x4eupq]{flex-direction:column;gap:.2rem;display:flex}.hc-readout-value[data-astro-cid-z4x4eupq]{letter-spacing:.02em;text-transform:none;color:var(--color-ink-900,#0f0f12);font-variant-numeric:tabular-nums;font-size:15px}.dark .hc-readout-value[data-astro-cid-z4x4eupq]{color:var(--color-ink-50,#fafaf7)}.hc-stage[data-astro-cid-z4x4eupq]{width:100%;max-width:640px;margin:0 auto;position:relative}.hc-frame[data-astro-cid-z4x4eupq]{border:1px solid var(--color-ink-200,#e8e7e0);background:var(--color-ink-50,#fafaf7);aspect-ratio:1;border-radius:3px;line-height:0;overflow:hidden}.dark .hc-frame[data-astro-cid-z4x4eupq]{border-color:var(--color-ink-800,#17171a);background:var(--color-ink-950,#08080a)}.hc-frame[data-astro-cid-z4x4eupq] canvas[data-astro-cid-z4x4eupq]{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.hc-controls[data-astro-cid-z4x4eupq]{grid-template-columns:1fr;gap:1rem;width:100%;max-width:720px;margin:1.25rem auto 0;display:grid}@media (width>=640px){.hc-controls[data-astro-cid-z4x4eupq]{grid-template-columns:1fr 1fr}}.hc-field[data-astro-cid-z4x4eupq]{flex-direction:column;gap:.35rem;display:flex}.hc-field-head[data-astro-cid-z4x4eupq]{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--color-ink-500,#6a6963);justify-content:space-between;align-items:baseline;font-size:10px;display:flex}.dark .hc-field-head[data-astro-cid-z4x4eupq]{color:var(--color-ink-400,#8a8980)}.hc-field-value[data-astro-cid-z4x4eupq]{letter-spacing:.02em;text-transform:none;color:var(--color-ink-900,#0f0f12);font-variant-numeric:tabular-nums;font-size:13px}.dark .hc-field-value[data-astro-cid-z4x4eupq]{color:var(--color-ink-50,#fafaf7)}.hc-slider[data-astro-cid-z4x4eupq]{appearance:none;background:var(--color-ink-300,#c9c8bf);border-radius:2px;outline:none;width:100%;height:2px}.dark .hc-slider[data-astro-cid-z4x4eupq]{background:var(--color-ink-700,#2a2a26)}.hc-slider[data-astro-cid-z4x4eupq]::-webkit-slider-thumb{appearance:none;background:var(--color-ink-900,#0f0f12);cursor:pointer;border-radius:50%;width:14px;height:14px}.dark .hc-slider[data-astro-cid-z4x4eupq]::-webkit-slider-thumb{background:var(--color-ink-50,#fafaf7)}.hc-slider[data-astro-cid-z4x4eupq]::-moz-range-thumb{background:var(--color-ink-900,#0f0f12);cursor:pointer;border:0;border-radius:50%;width:14px;height:14px}.dark .hc-slider[data-astro-cid-z4x4eupq]::-moz-range-thumb{background:var(--color-ink-50,#fafaf7)}.hc-actions[data-astro-cid-z4x4eupq]{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.hc-btn[data-astro-cid-z4x4eupq]{font-family:var(--font-mono);letter-spacing:.04em;border:1px solid var(--color-ink-200,#e8e7e0);color:var(--color-ink-700,#2a2a26);cursor:pointer;background:0 0;border-radius:2px;padding:.45rem .8rem;font-size:11px;transition:border-color .12s,color .12s}.dark .hc-btn[data-astro-cid-z4x4eupq]{border-color:var(--color-ink-800,#17171a);color:var(--color-ink-200,#e8e7e0)}.hc-btn[data-astro-cid-z4x4eupq]:hover{border-color:var(--color-ink-900);color:var(--color-ink-900)}.dark .hc-btn[data-astro-cid-z4x4eupq]:hover{border-color:var(--color-ink-200);color:var(--color-ink-50)}.hc-btn[data-astro-cid-z4x4eupq][aria-pressed=true]{border-color:var(--color-ink-900);color:var(--color-ink-900);background:var(--color-ink-100,#f0efe8)}.dark .hc-btn[data-astro-cid-z4x4eupq][aria-pressed=true]{border-color:var(--color-ink-50);color:var(--color-ink-50);background:var(--color-ink-900,#0f0f12)}.hc-hint[data-astro-cid-z4x4eupq]{text-align:center;max-width:640px;font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-ink-500,#6a6963);margin:.75rem auto 0;font-size:10px}.dark .hc-hint[data-astro-cid-z4x4eupq]{color:var(--color-ink-400,#8a8980)}