.plg-root{--plg-paper:#fafaf9;--plg-ink:#1a1918;--plg-ink-rgb:26,25,24;--plg-hint:#6e6960;background:var(--plg-paper);-webkit-user-select:none;user-select:none;cursor:pointer;height:260vh;font-family:ui-monospace,SF Mono,Menlo,monospace}.dark .plg-root{--plg-paper:#161518;--plg-ink:#eae6dd;--plg-ink-rgb:234,230,221;--plg-hint:#b6b2bf}html:has(.plg-root){overscroll-behavior-y:none;background:#fafaf9}html:has(.plg-root) body{overscroll-behavior-y:none;background:#fafaf9}html.dark:has(.plg-root){background:#161518}html.dark:has(.plg-root) body{background:#161518}.plg-viewport{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:26px;height:100dvh;padding:28px 16px;display:flex;position:sticky;top:0}.plg-box{transform-origin:0 0;will-change:transform;width:min(72vmin,680px);height:min(72vmin,680px);position:relative}.plg-hint{letter-spacing:.18em;color:var(--plg-hint);text-align:center;font-size:11.5px;animation:.9s .2s both plg-fade-up}@keyframes plg-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.plg-hint{animation:none}}.plg-canvas{pointer-events:none;width:100vw;height:100dvh;display:block;position:fixed;inset:0}.plg-panel{z-index:6;letter-spacing:.13em;text-transform:uppercase;color:var(--plg-hint);cursor:default;flex-direction:column;align-items:flex-end;gap:13px;font-size:10px;display:flex;position:fixed;top:74px;right:28px}.plg-row{align-items:center;gap:12px;display:flex}.plg-label{opacity:.62}.plg-opts{align-items:baseline;gap:10px;display:flex}.plg-opt{all:unset;cursor:pointer;letter-spacing:.13em;text-transform:uppercase;opacity:.5;border-bottom:1px solid #0000;padding-bottom:1px;font-family:inherit;font-size:10px}.plg-opt[data-active=true]{opacity:1;color:var(--plg-ink);border-bottom-color:var(--plg-ink)}.plg-opt:focus-visible,.plg-chip:focus-visible{outline:1px dashed var(--plg-ink);outline-offset:3px}.plg-panel input[type=range]{appearance:none;cursor:pointer;background:0 0;width:150px;height:18px;margin:0;padding:0}.plg-panel input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--plg-ink)var(--p,50%),rgba(var(--plg-ink-rgb),.12)var(--p,50%));border-radius:99px;height:8px}.plg-panel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--plg-ink);border-radius:50%;width:17px;height:17px;margin-top:-4.5px}.plg-panel input[type=range]::-moz-range-track{background:rgba(var(--plg-ink-rgb),.12);border-radius:99px;height:8px}.plg-panel input[type=range]::-moz-range-progress{background:var(--plg-ink);border-radius:99px;height:8px}.plg-panel input[type=range]::-moz-range-thumb{background:var(--plg-ink);border:none;border-radius:50%;width:17px;height:17px}.plg-chip{all:unset;z-index:7;letter-spacing:.13em;text-transform:uppercase;color:var(--plg-ink);background:var(--plg-paper);border:1px solid rgba(var(--plg-ink-rgb),.22);cursor:pointer;border-radius:99px;padding:8px 14px;font-family:inherit;font-size:10px;display:none;position:fixed;top:72px;right:16px}@media (max-width:767px){.plg-chip{display:block}.plg-panel:not([data-open]){display:none}.plg-panel{background:var(--plg-paper);border:1px solid rgba(var(--plg-ink-rgb),.12);border-radius:14px;max-height:calc(100dvh - 128px);padding:16px 18px;top:112px;right:16px;overflow-y:auto;box-shadow:0 12px 32px -18px #00000059}.plg-panel input[type=range]{width:128px}}