.synthesis{box-sizing:border-box;border:1px solid var(--line);background:var(--anatomy-card);width:min(1080px,100vw - 2rem);max-width:none;color:var(--anatomy-strong);--syn-border:#d3d3cc;--syn-muted:#60605b;color-scheme:light;border-radius:10px;margin:2rem 0;padding:24px}.synthesis[data-theme=dark]{--syn-border:#343436;--syn-muted:#aaa9a3;color-scheme:dark}.syn-heading,.syn-corners,.syn-intro,.syn-range{justify-content:space-between;align-items:center;gap:12px;display:flex}.syn-heading,.syn-corners,.syn-range,.syn-transport>span{font:10px/1.6 var(--mono);color:var(--syn-muted)}.synthesis button{border:1px solid var(--syn-border);min-height:44px;color:inherit;font:12px var(--font);cursor:pointer;background:0 0;border-radius:5px;padding:8px 12px}.synthesis button:hover{border-color:var(--anatomy-strong)}.synthesis button:focus-visible,.synthesis input:focus-visible{outline:2px solid var(--anatomy-strong);outline-offset:3px}.syn-intro{align-items:end;margin:20px 0 24px}.prose .syn-intro h2{letter-spacing:-.055em;border:0;margin:0;padding:0;font-size:clamp(1.7rem,4vw,2.5rem);font-weight:500}.syn-intro p{text-align:right;color:var(--syn-muted);margin:0;font-size:12px}.syn-methods{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:22px;display:grid}.syn-methods button{text-align:left;padding:10px 12px;font-size:14px}.syn-methods small{font:9px/1.7 var(--mono);text-transform:uppercase;color:var(--syn-muted);display:block}.syn-methods button[aria-pressed=true]{background:var(--anatomy-strong);color:var(--anatomy-card);border-color:var(--anatomy-strong)}.syn-methods button[aria-pressed=true] small{color:inherit;opacity:.75}.syn-shape{margin:20px 0}.syn-shape label{color:inherit;justify-content:space-between;gap:12px;font-size:12px;display:flex}.syn-shape output{text-align:right;font:11px var(--mono)}.syn-shape input{width:100%;min-height:44px;accent-color:var(--anatomy-strong);cursor:ew-resize;margin:0}.syn-transport{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.syn-transport [data-play]{background:var(--anatomy-strong);color:var(--anatomy-card)}.synthesis figcaption{padding:12px 0 16px}.synthesis figcaption p{color:var(--syn-muted);margin:10px 0 0;font-size:12px}.synthesis figcaption .syn-prompt{color:inherit}.syn-status{color:var(--syn-muted);min-height:1.6em;margin:12px 0 0;font-size:11px}.synthesis [hidden]{display:none}.syn-model-notes summary{cursor:pointer;min-height:44px;color:var(--syn-muted);padding-top:12px;font-size:11px}.synthesis{--flow-audio:#2f6db0;--flow-control:#c25a1c;--sc-ghost:#9a9a94;container:syn/inline-size}.synthesis[data-theme=dark]{--flow-audio:#7fb6f0;--flow-control:#f29a5e;--sc-ghost:#6c6c68}.sc-scene{border-top:1px solid var(--syn-border);padding-top:18px}.sc-scene h3{letter-spacing:-.035em;margin:10px 0 8px;font-size:24px;font-weight:500;line-height:1.3}.sc-lede{color:var(--syn-muted);max-width:70ch;margin:0 0 14px;font-size:13px;line-height:1.7}.sc-lede em{color:var(--anatomy-strong);border-bottom:1.5px dashed var(--flow-control);font-style:normal}.sc-stage{margin:4px -6px 0}.sc-svg{width:100%;height:auto;font-family:var(--mono,ui-monospace,monospace);display:block;overflow:visible}.sc-narrow{display:none}@container syn (width<=620px){.sc-wide{display:none}.sc-narrow{display:block}}.synthesis .iso-face-text[data-tone=mid]{fill:var(--syn-muted)}.sc-card{fill:var(--anatomy-card);stroke:var(--anatomy-lo);stroke-width:1px}.sc-title{fill:var(--anatomy-strong);letter-spacing:.08em;font-weight:650}.sc-sub,.sc-axis,.sc-band-label{fill:var(--syn-muted);letter-spacing:.02em}.sc-value{fill:var(--anatomy-strong);font-variant-numeric:tabular-nums}.sc-grid{fill:none;stroke:var(--anatomy-faint);stroke-width:1px}.sc-band{fill:none;stroke:var(--flow-control);stroke-width:1px;stroke-dasharray:3 4;opacity:.7}.sc-trace{fill:none;stroke-width:2.2px;stroke-linejoin:round;stroke-linecap:round}.sc-trace.sc-control{stroke:var(--flow-control)}.sc-trace.sc-audio{stroke:var(--flow-audio);stroke-width:2.6px}.sc-trace.sc-faint{stroke-width:1.6px;opacity:.28}.sc-trace.fm-carrier{stroke-width:2px}.sc-ghost-trace{fill:none;stroke:var(--sc-ghost);stroke-width:1.4px;stroke-dasharray:4 4}.sc-cursor{fill:none;stroke:var(--anatomy-mid);stroke-width:1px;stroke-dasharray:2 3}.sc-dot{stroke:var(--anatomy-card);stroke-width:2px}.sc-dot.sc-control{fill:var(--flow-control)}.sc-dot.sc-audio{fill:var(--flow-audio)}.sc-ghost{fill:var(--anatomy-card);stroke:var(--sc-ghost);stroke-width:1.6px}.sc-trace.sc-thin{stroke-width:1.7px}.sc-dim .sc-trace,.sc-dim .sc-dot{opacity:.35}.sc-envelope{fill:none;stroke:var(--flow-control);stroke-width:1.3px;stroke-dasharray:3 3}.sc-bar.sc-audio{fill:color-mix(in srgb,var(--flow-audio) 70%,var(--anatomy-card))}.sc-bar.sc-control{fill:color-mix(in srgb,var(--flow-control) 70%,var(--anatomy-card))}.sc-bar.sc-total{fill:var(--flow-audio);stroke:var(--anatomy-strong);stroke-width:1px}.sc-link{fill:none;stroke:var(--anatomy-mid);stroke-width:1px;stroke-dasharray:2 2}.sc-bar.sc-source{fill:none;stroke:var(--sc-ghost);stroke-width:1px;stroke-dasharray:2 2}.sc-response{fill:none;stroke:var(--flow-control);stroke-width:2.2px;stroke-linejoin:round}.sc-window-mark{fill:none;stroke:var(--flow-control);stroke-width:1px}.sc-faded .sc-trace{opacity:.45}.sc-op{fill:var(--anatomy-strong);paint-order:stroke;stroke:var(--anatomy-card);stroke-width:4px;font-weight:650}.sc-led>.iso-top{fill:color-mix(in srgb,var(--flow-audio) 60%,var(--anatomy-top))}.sc-plate-on>.iso-top{fill:color-mix(in srgb,var(--flow-audio) 18%,var(--anatomy-top))}.sc-slot{fill:none;stroke:var(--anatomy-shade-0);stroke-width:2.4px;stroke-linecap:round}.sc-fader>.iso-top{fill:color-mix(in srgb,var(--flow-audio) 55%,var(--anatomy-top))}.sc-axis.sc-strong{fill:var(--anatomy-strong);font-weight:650}.fm-wheel{fill:color-mix(in srgb,var(--flow-audio) 5%,var(--anatomy-card));stroke:var(--anatomy-mid);stroke-width:1.2px}.fm-arc{fill:none;stroke:var(--flow-control);stroke-width:5px;stroke-linecap:round;opacity:.9}.fm-spoke{fill:none;stroke:var(--flow-audio);stroke-width:1.6px}.fm-projection{fill:none;stroke:var(--flow-audio);stroke-width:1.2px;stroke-dasharray:3 4;opacity:.75}.sc-leader{fill:none;stroke:var(--anatomy-mid);stroke-width:1px;stroke-dasharray:1 4;stroke-linecap:round}.sc-leader-dot{fill:var(--anatomy-card);stroke:var(--anatomy-hi);stroke-width:1.2px}.sc-pointer{fill:none;stroke:var(--anatomy-hi);stroke-width:1.8px;stroke-linecap:round}.sc-hole{fill:var(--anatomy-shade-0);stroke:var(--anatomy-lo);stroke-width:.6px}.sc-plug.sc-control>.iso-top{fill:color-mix(in srgb,var(--flow-control) 45%,var(--anatomy-top))}.sc-plug.sc-audio>.iso-top{fill:color-mix(in srgb,var(--flow-audio) 45%,var(--anatomy-top))}.sc-cable{--live:1}.sc-cable path{fill:none;stroke-linecap:round}.sc-cable-shadow{stroke:var(--anatomy-halo);stroke-width:7px;opacity:.12;transform:translate(1px,4px)}.sc-cable-body{stroke-width:4.5px}.sc-control .sc-cable-body{stroke:color-mix(in srgb,var(--flow-control) calc(35% + var(--live) * 65%),var(--anatomy-lo))}.sc-audio .sc-cable-body{stroke:color-mix(in srgb,var(--flow-audio) calc(35% + var(--live) * 65%),var(--anatomy-lo))}.sc-cable-flow{stroke:var(--anatomy-card);stroke-width:1.6px;stroke-dasharray:1.5 12;opacity:calc(.3 + var(--live) * .6)}.sc-scene[data-live] .sc-cable-flow{animation:1.4s linear infinite sc-flow}@keyframes sc-flow{to{stroke-dashoffset:-27px}}.sc-scene[data-paused=true] .sc-cable-flow,.sc-cable[data-still] .sc-cable-flow{animation:none}.sc-cable[data-still] .sc-cable-flow{opacity:0}.sc-cable-label rect{fill:var(--anatomy-card);stroke-width:1.2px}.sc-cable-label.sc-control rect{stroke:var(--flow-control)}.sc-cable-label.sc-audio rect{stroke:var(--flow-audio)}.sc-cable-label text{fill:var(--anatomy-strong);letter-spacing:.03em}.sc-waves path{fill:none;stroke:var(--flow-audio);stroke-width:1.4px;stroke-linecap:round;opacity:0}.synthesis[data-playing] .sc-waves path{animation:1.1s ease-out infinite sc-wave;animation-delay:calc(var(--i) * .25s)}@keyframes sc-wave{0%{opacity:0}30%{opacity:1}to{opacity:0}}.sc-keys{font:10px/1.7 var(--mono);color:var(--syn-muted);flex-wrap:wrap;gap:8px 18px;margin:10px 0 0;display:flex}.sc-keys>span{align-items:center;gap:7px;display:flex}.sc-keys i{border-top:3px solid var(--flow-audio);border-radius:2px;width:24px;display:inline-block}.sc-keys .sc-key-control{border-color:var(--flow-control)}.sc-keys .sc-key-ghost{border-top:2px dashed var(--sc-ghost)}.sc-caption{min-height:3.3em;margin:14px 0 8px;font-size:14px;line-height:1.65}.sc-motion{grid-template-columns:auto 1fr;align-items:center;gap:4px 14px;margin:6px 0 4px;display:grid}.sc-motion label{color:var(--anatomy-strong);justify-content:space-between;gap:10px;font-size:12px;display:flex}.sc-motion output{font-family:var(--mono)}.sc-motion input{width:100%;min-height:44px;accent-color:var(--flow-audio);grid-column:2;margin:0}.sc-motion button{grid-row:1/span 2;min-width:150px}.sc-motion small{color:var(--syn-muted);grid-column:1/-1;font-size:10px}@media (width<=560px){.sc-motion{grid-template-columns:1fr}.sc-motion button,.sc-motion input{grid-area:auto}.sc-scene h3{font-size:21px}.syn-intro{display:block}.syn-intro p{text-align:left;margin-top:10px;max-width:none!important}.syn-intro p br{display:none}}@media (prefers-reduced-motion:reduce){.sc-scene[data-live] .sc-cable-flow{animation:none}.synthesis[data-playing] .sc-waves path{opacity:.8;animation:none}}@media (width<=480px){.synthesis{padding:14px}.syn-intro p{max-width:110px}.syn-methods{gap:5px}.syn-methods button{padding:9px 7px;font-size:12px}.syn-corners{font-size:8px}.syn-shape label{flex-wrap:wrap}}