.stir{background:var(--color-surface);height:100cqh;color:var(--color-ink);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;position:relative;overflow:hidden}.stir__stage{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;cursor:crosshair;outline:none;position:absolute;inset:0;overflow:hidden}.stir[data-embedded] .stir__stage{touch-action:pan-y}.stir__stage[data-pressed]{cursor:grabbing}.stir__stage:after{content:"";box-shadow:inset 0 0 0 2px var(--color-ink);opacity:0;transition:opacity .2s var(--ease-entrance);pointer-events:none;border-radius:11.2px;position:absolute;inset:4px 8px}.stir__stage:focus-visible:after{opacity:1}.stir__canvas{opacity:0;visibility:hidden;width:100%;height:100%;display:block;position:absolute;inset:0}.stir__canvas[data-painted]{opacity:1;visibility:visible}.stir__canvas[data-painted=fade]{animation:stir-reveal .3s var(--ease-entrance) backwards}.stir__still{font-family:var(--font-mono);white-space:pre-wrap;word-break:break-all;animation:stir-reveal .3s var(--ease-entrance) backwards;margin:0;position:absolute;inset:8px 24px;overflow:hidden}@keyframes stir-reveal{0%{opacity:0}to{opacity:1}}@container (max-width:899px){.stir__still{inset:8px 16px}}@media (prefers-reduced-motion:reduce){.stir__canvas[data-painted=fade],.stir__still{animation-duration:.15s;animation-timing-function:linear}.stir__stage:after{transition:none}}