.sw-figure{background:var(--anatomy-card);width:min(1080px,100vw - 2rem);max-width:none;color:var(--anatomy-strong);border:1px solid var(--anatomy-mid);--sw-line:#353535;--sw-muted:#aaa;color-scheme:dark;border-radius:10px;margin:2.2rem 0 3rem;padding:26px}.sw-figure[data-theme=light]{--sw-line:#d0d0c8;--sw-muted:#62625d;color-scheme:light}.sw-figure *{box-sizing:border-box}.sw-figure button,.sw-figure select{font:inherit;min-height:44px;color:inherit;border:1px solid var(--sw-line);cursor:pointer;background:0 0;border-radius:5px;padding:8px 13px}.sw-figure button:hover{border-color:var(--anatomy-strong)}.sw-figure button[aria-pressed=true]{background:var(--anatomy-strong);color:var(--anatomy-card);border-color:var(--anatomy-strong)}.sw-figure button:disabled{opacity:.45;cursor:default}.sw-figure [hidden]{display:none!important}.sw-figure :focus-visible{outline:2px solid var(--anatomy-strong);outline-offset:3px}.sw-heading,.sw-corners{font:10px/1.5 var(--mono);letter-spacing:.08em;justify-content:space-between;gap:12px;display:flex}.sw-heading{color:var(--sw-muted);align-items:center}.sw-heading button{font-size:11px}.sw-intro{justify-content:space-between;align-items:end;gap:20px;margin:25px 0 30px;display:flex}.prose .sw-intro h2{letter-spacing:-.055em;border:0;margin:0;padding:0;font-size:clamp(2rem,5vw,3.6rem);font-weight:550;line-height:.99}.sw-intro strong{font:11px var(--mono);letter-spacing:.23em}.sw-intro p{color:var(--sw-muted);margin:10px 0 0;font-size:13px;line-height:1.6}.sw-layers{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.sw-layers button{align-items:center;gap:8px;font-size:12px;display:flex}.sw-layers small{font:9px var(--mono);opacity:.6}.sw-workspace{border:1px solid var(--sw-line);grid-template-columns:minmax(0,1fr) 245px;display:grid}.sw-figure .sw-plate{box-shadow:none;flex-direction:column;justify-content:space-between;min-width:0;padding:18px 16px 16px;display:flex;overflow:hidden}.sw-stage{aspect-ratio:900/570;align-items:center;display:flex}.sw-stage .iso-svg{width:100%;height:100%;overflow:visible}.sw-corners{color:var(--sw-muted);letter-spacing:.04em;z-index:1;flex-wrap:wrap;font-size:9px;position:relative}.sw-bottom{margin-top:12px}.sw-inspector{border-left:1px solid var(--sw-line);background:var(--anatomy-paper);padding:22px 18px}.sw-eyebrow{font:9px/1.5 var(--mono);letter-spacing:.1em;color:var(--sw-muted)}.sw-inspector h3{letter-spacing:-.03em;margin:13px 0;font-size:24px;font-weight:550}.sw-inspector p{color:var(--sw-muted);margin:0 0 16px;font-size:12px;line-height:1.7}.sw-parts{gap:6px;margin:22px 0 16px;display:grid}.sw-parts button{text-align:left;align-items:center;gap:10px;padding:9px 10px;font-size:11px;display:flex}.sw-parts button span{font:9px var(--mono);opacity:.65}.sw-parts strong{font-weight:500}.sw-inspector .sw-part-copy{color:var(--anatomy-strong);min-height:8.5em;font-size:12px}.sw-toolbar{flex-wrap:wrap;align-items:center;gap:10px;padding:18px 0;display:flex}.sw-toolbar button{font-size:11px}.sw-open{color:var(--sw-muted);align-items:center;gap:12px;margin-right:auto;font-size:11px;display:flex}.sw-open input{width:125px;accent-color:var(--anatomy-strong);cursor:pointer;min-height:44px}.sw-open output{font:10px var(--mono);min-width:30px}.sw-listen{border-top:1px solid var(--sw-line);border-bottom:1px solid var(--sw-line);flex-wrap:wrap;align-items:end;gap:10px;padding:18px 0;display:flex}.sw-listen>div{margin-right:auto}.sw-listen p{color:var(--sw-muted);margin:5px 0 0;font-size:11px}.sw-listen label{color:var(--sw-muted);font-size:10px}.sw-listen select{background:var(--anatomy-card);max-width:190px;font-size:12px}.sw-listen button{font-size:12px}.sw-listen [data-play]{background:var(--anatomy-strong);color:var(--anatomy-card)}.sw-figure figcaption{grid-template-columns:1.5fr 1fr;gap:28px;margin-top:16px;display:grid}.sw-figure figcaption p{color:var(--sw-muted);margin:0;font-size:11px;line-height:1.7}.sw-figure figcaption strong{color:var(--anatomy-strong);font-weight:500}.sw-stage [data-module],.sw-stage [data-console-base]{transition:opacity .25s}.sw-stage [data-clock-step][data-current=true] .iso-top{fill:var(--anatomy-strong)}.sw-stage [data-rhythm-lane][data-hit=false]{opacity:.28}@media (width>=1200px){.sw-stage{min-height:410px}}@media (width<=760px){.sw-figure{padding:18px}.sw-workspace{grid-template-columns:1fr}.sw-inspector{border-left:0;border-top:1px solid var(--sw-line);padding:18px}.sw-inspector h3{font-size:22px}.sw-inspector .sw-part-copy{min-height:0;margin-bottom:0}.sw-parts{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:15px 0}.sw-parts button{padding:8px;font-size:10px;display:block}.sw-parts span{margin-bottom:5px;display:block}.sw-intro{align-items:start}.sw-intro>div{max-width:150px}.sw-stage{min-height:255px}.sw-figure figcaption{grid-template-columns:1fr;gap:10px}.sw-listen>div{width:100%}}@media (width<=420px){.sw-figure{padding:12px}.sw-intro{margin:20px 0;display:block}.sw-intro>div{max-width:none;margin-top:18px}.sw-intro p br{display:none}.sw-layers button{padding:7px 9px;font-size:10px}.sw-layers{gap:4px}.sw-heading{font-size:8px}.sw-figure .sw-plate{padding:12px 8px}.sw-corners{font-size:8px}.sw-stage{min-height:215px}.sw-open{justify-content:space-between;width:100%}.sw-open input{flex:1}.sw-listen label{width:100%}.sw-listen select{width:100%;max-width:none}.sw-listen [data-play]{flex:1}.sw-inspector{padding:14px}.sw-parts button{font-size:9px}}@media (prefers-reduced-motion:reduce){.sw-stage [data-module],.sw-stage [data-console-base]{transition:none}}