.mise-artwork{position:relative}.mise-drawing:empty:not([data-failed]){background:linear-gradient(90deg, var(--softer) 0%, var(--rule) 50%, var(--softer) 100%);background-size:200% 100%;animation:1.4s linear infinite skel-shimmer}.mise-status[data-loading]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.mise-drawing:empty{animation:none}}.mise-signature{color:var(--muted);pointer-events:none;font-size:9px;line-height:1;position:absolute;bottom:6px;right:8px}.mise{--anatomy-paper:var(--softer);--anatomy-top:var(--paper);--anatomy-shade-0:color-mix(in srgb, var(--paper) 65%, var(--muted));--anatomy-shade-1:color-mix(in srgb, var(--paper) 77%, var(--muted));--anatomy-shade-2:color-mix(in srgb, var(--paper) 87%, var(--muted));--anatomy-shade-3:color-mix(in srgb, var(--paper) 96%, var(--muted));--anatomy-hi:color-mix(in srgb, var(--ink) 65%, var(--muted));--anatomy-lo:color-mix(in srgb, var(--muted) 60%, var(--paper));--anatomy-faint:var(--rule)}:root[data-theme=dark] .mise{--anatomy-top:color-mix(in srgb, var(--paper) 60%, var(--muted));--anatomy-shade-0:var(--paper);--anatomy-shade-1:color-mix(in srgb, var(--paper) 92%, var(--muted));--anatomy-shade-2:color-mix(in srgb, var(--paper) 83%, var(--muted));--anatomy-shade-3:color-mix(in srgb, var(--paper) 72%, var(--muted));--anatomy-hi:color-mix(in srgb, var(--ink) 80%, var(--muted))}.mise .iso-fill{fill:var(--anatomy-paper);stroke:none}.mise .iso-top{fill:var(--anatomy-top);stroke:none}.mise .iso-shade{stroke:none}.mise .iso-shade[data-shade="0"]{fill:var(--anatomy-shade-0)}.mise .iso-shade[data-shade="1"]{fill:var(--anatomy-shade-1)}.mise .iso-shade[data-shade="2"]{fill:var(--anatomy-shade-2)}.mise .iso-shade[data-shade="3"]{fill:var(--anatomy-shade-3)}.mise .iso-line{fill:none;stroke:var(--anatomy-lo);stroke-width:.72px;stroke-linecap:round;stroke-linejoin:round}.mise .iso-line[data-tone=hi]{stroke:var(--anatomy-hi)}.mise .iso-line[data-tone=lo]{stroke:var(--anatomy-lo)}.mise .iso-line[data-tone=faint]{stroke:var(--anatomy-faint)}.mise .part{cursor:pointer}.mise .part[data-selected] .iso-edge{stroke:var(--bean);stroke-width:1.25px}.mise .part[data-selected] .iso-shade{fill:color-mix(in srgb, var(--bean) 12%, var(--anatomy-shade-2))}.mise .part[data-selected] .iso-top{fill:color-mix(in srgb, var(--bean) 6%, var(--anatomy-top))}.mise .part:hover .iso-edge{stroke:var(--bean)}.mise .iso-svg path,.mise .iso-svg circle{vector-effect:non-scaling-stroke}.mise .display .iso-top{fill:var(--ink)}.mise .scale-readout{fill:var(--paper);font-family:var(--font-mono)}.mise[data-phase=explore][data-view=assembled] .steep .iso-fill,.mise[data-phase=explore][data-view=assembled] .steep .iso-shade{fill:color-mix(in srgb, var(--bean) 34%, var(--anatomy-shade-2));stroke:color-mix(in srgb, var(--bean) 34%, var(--anatomy-shade-2));stroke-width:.8px}.mise .wood .iso-fill,.mise .wood .iso-shade,.mise .wood .iso-top{fill:color-mix(in srgb, var(--bean) 28%, var(--anatomy-shade-2))}.mise .rubber .iso-fill,.mise .rubber .iso-shade,.mise .rubber .iso-top{fill:color-mix(in srgb, var(--ink) 62%, var(--anatomy-shade-1))}:root[data-theme=dark] .mise .rubber .iso-fill,:root[data-theme=dark] .mise .rubber .iso-shade,:root[data-theme=dark] .mise .rubber .iso-top{fill:color-mix(in srgb, #000 45%, var(--anatomy-shade-1))}.mise .smoke .iso-fill,.mise .smoke .iso-shade,.mise .smoke .iso-top{fill:color-mix(in srgb, var(--ink) 34%, var(--anatomy-shade-1))}:root[data-theme=dark] .mise .smoke .iso-fill,:root[data-theme=dark] .mise .smoke .iso-shade,:root[data-theme=dark] .mise .smoke .iso-top{fill:color-mix(in srgb, var(--ink) 16%, var(--anatomy-shade-1))}.mise .matcha .iso-fill,.mise .matcha .iso-shade,.mise .matcha .iso-top{fill:color-mix(in srgb, var(--matcha) 55%, var(--anatomy-shade-1))}.mise .coffee-bed{opacity:0}.mise .coffee-bed[data-active]{opacity:1}.mise .coffee-bed .iso-fill,.mise .coffee-bed .iso-top,.mise .coffee-bed .iso-shade{fill:var(--bean)}.mise .coffee-bed .iso-edge{stroke:var(--bean)}.mise .water{opacity:0;pointer-events:none}.mise .water[data-active]{opacity:.8}.mise .water[data-active] path{animation:1.6s linear infinite mise-water}.mise[data-paused] .water path{animation-play-state:paused}@keyframes mise-water{to{stroke-dashoffset:-44px}}@media (prefers-reduced-motion:reduce){.mise .water path{animation:none!important}}
