.smf-stage{cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:10px}.smf-stage:focus-visible{outline:1px solid var(--anatomy-muted);outline-offset:6px}.smf-mark{stroke-width:1px}.smf-switch{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:18px;display:flex;position:relative}.smf-switch button{border:1px solid var(--border);min-height:40px;color:var(--anatomy-text,var(--muted-foreground));font-family:var(--anatomy-mono,ui-monospace, monospace);cursor:pointer;transition:border-color .16s var(--anatomy-ease,ease), color .16s var(--anatomy-ease,ease);background:0 0;border-radius:999px;align-items:center;padding:0 12px;font-size:11px;line-height:1.4;display:inline-flex}.smf-tag{color:var(--anatomy-muted,var(--muted-foreground));text-transform:uppercase;letter-spacing:.08em;margin-left:6px;font-size:9.5px}.smf-switch button:hover{border-color:var(--anatomy-mid,var(--muted-foreground));color:var(--foreground)}.smf-switch button[aria-pressed=true]{border-color:var(--primary);color:var(--foreground)}.smf-switch button:focus-visible{outline:1px solid var(--ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){.smf-switch button{transition:none}}.smf-void{fill:var(--anatomy-void);stroke:none}.smf-recess{fill:var(--anatomy-shade-1);stroke:none}.iso{--anatomy-void:color-mix(in oklab, var(--background) 70%, black)}.smf-stage{position:relative}.smf-3d{opacity:0;pointer-events:none;transition:opacity .24s var(--anatomy-ease);border-radius:10px;position:absolute;inset:0;overflow:hidden}.smf-stage[data-3d="3d"] .smf-3d{opacity:1;pointer-events:auto}.smf-stage[data-3d="3d"] .iso-svg{opacity:0}.smf-3d-note{background:color-mix(in oklab, var(--card) 82%, transparent);max-width:calc(100% - 12px);color:var(--muted-foreground);font-family:var(--anatomy-mono);white-space:nowrap;text-overflow:ellipsis;cursor:default;border-radius:4px;margin:0;padding:1px 6px;font-size:9.5px;line-height:1.5;position:absolute;top:6px;left:6px;overflow:hidden}.smf-switch[data-row]{scroll-snap-type:x proximity;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;margin-top:0;padding:0 12px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12px calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000,#000 12px calc(100% - 24px),#0000)}.smf-switch[data-row]::-webkit-scrollbar{display:none}.smf-switch[data-row] button{scroll-snap-align:start;white-space:nowrap;flex:none}@media (max-width:560px){.smf-stage{aspect-ratio:4/3;align-items:center;display:flex}.smf-stage>.iso-stage{width:100%}.smf-3d-note{max-width:calc(100% - 8px);font-size:9px;top:4px;left:4px}.smf-switch{scroll-snap-type:x proximity;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;margin:12px -12px 0;padding:0 12px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12px calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000,#000 12px calc(100% - 24px),#0000)}.smf-switch::-webkit-scrollbar{display:none}.smf-switch button{scroll-snap-align:start;white-space:nowrap;flex:none}}@media (prefers-reduced-motion:reduce){.smf-3d{transition:none}}