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