.icon{inline-size:var(--icon-md);block-size:var(--icon-md);fill:none;stroke:currentColor;stroke-width:var(--icon-stroke);stroke-linecap:butt;stroke-linejoin:miter;pointer-events:none;flex:none;display:block}.icon[data-icon-size=sm]{inline-size:var(--icon-sm);block-size:var(--icon-sm)}.icon[data-icon-size=lg]{inline-size:var(--icon-lg);block-size:var(--icon-lg)}.icon[data-icon-weight=bold]{stroke-width:var(--icon-stroke-bold)}.icon[data-icon-filled]{fill:currentColor}.knob-group{align-items:center;gap:var(--space-2);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex}.span-knob{align-items:center;gap:var(--space-1);-webkit-user-select:none;user-select:none;flex-direction:column;min-inline-size:0;display:flex}.span-knob-mark{color:var(--silkscreen);font-size:9px;line-height:1}.knob{--knob-size:36px;--knob-span-reach:.06;--knob-span-inset:calc(var(--knob-span-reach) * -100%);--knob-centre-dot:12%;--knob-live-tick-w:2px;--knob-live-tick-gap:1px;--knob-live-tick-len:clamp(1.25px, calc(var(--knob-size) * .05), 1.75px);--knob-live-radius:.49;--knob-hit-dot:.15;width:var(--knob-size);height:var(--knob-size);background:var(--panel-inset);border:1px solid var(--line-faint);cursor:pointer;touch-action:none;transition:border-color var(--duration-micro) var(--ease);border-radius:50%;position:relative}.knob--dock{--knob-size:20px;--knob-edit-ring-offset:3px;--knob-edit-ring-width:1px}.knob:hover{border-color:var(--line-dim)}.knob:before{content:"";width:var(--hit-min);height:var(--hit-min);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (pointer:coarse){.knob:before{width:var(--hit-touch);height:var(--hit-touch)}}.knob:focus-visible{outline:1px solid var(--module-hue,var(--silkscreen));outline-offset:var(--knob-edit-ring-offset)}.knob.is-dragging,.knob:active{border-color:var(--module-hue,var(--silkscreen))}:root{--value-fade-in:.12s;--value-fade-out:.9s;--knob-edit-ring-offset:3.5px;--knob-edit-ring-width:1.25px;--knob-edit-ring-color:color-mix(in srgb, var(--hero-white) 38%, transparent)}.knob:after{content:"";inset:calc(-1px - var(--knob-edit-ring-offset) - var(--knob-edit-ring-width));border:var(--knob-edit-ring-width) solid var(--knob-edit-ring-color);opacity:0;transition:opacity var(--duration-micro) var(--ease), transform var(--duration-micro) var(--ease);pointer-events:none;border-radius:50%;position:absolute;transform:scale(.94)}.knob[data-knob-editing]:after{opacity:1;transform:none}.knob-indicator{background:var(--module-hue,var(--silkscreen));transform-origin:bottom;width:1.5px;height:38.9%;transform:translateX(-50%) rotate(var(--control-marker-angle,0deg));position:absolute;bottom:50%;left:50%}.knob-span-arc{inset:var(--knob-span-inset);--knob-span-color:color-mix(in srgb, var(--module-hue,var(--silkscreen)) 72%, transparent);pointer-events:none;border-radius:50%;position:absolute;-webkit-mask:radial-gradient(closest-side,#0000 0 86%,#000 86% 98%,#0000 98%);mask:radial-gradient(closest-side,#0000 0 86%,#000 86% 98%,#0000 98%)}.knob.is-dragging .knob-span-arc,.knob:active .knob-span-arc{--knob-span-color:color-mix(in srgb, var(--module-hue,var(--silkscreen)) 92%, transparent)}.knob-live-indicator{inline-size:var(--knob-live-tick-w);block-size:var(--knob-live-tick-len);background:var(--hero-white);transform-origin:bottom;transform:rotate(var(--control-marker-angle,0deg)) translateY(calc(-1 * (max(var(--knob-size) / 2, (var(--knob-size) - 2px) * (.5 + var(--knob-span-reach)) * .98) + var(--knob-live-tick-gap))));pointer-events:none;border:0;border-radius:0;margin-inline-start:calc(var(--knob-live-tick-w) / -2);position:absolute;bottom:50%;left:50%}.knob-live-indicator[hidden]{display:none}.knob-hit{transform-origin:50%;block-size:0;inline-size:0;transform:rotate(var(--hit-angle,0deg)) translateY(calc(var(--knob-size) * var(--knob-live-radius) * -1));pointer-events:none;position:absolute;top:50%;left:50%}.knob-hit-dot{--knob-hit-now:calc(var(--knob-size) * var(--knob-hit-dot) * (.55 + .45 * var(--hit-volume,.5)));inline-size:var(--knob-hit-now);block-size:var(--knob-hit-now);background:var(--hero-white);opacity:0;pointer-events:none;border:0;border-radius:50%;position:absolute;top:0;left:0}.knob-evolution-ring{inline-size:var(--knob-centre-dot);block-size:var(--knob-centre-dot);margin:calc(var(--knob-centre-dot) / -2);background:var(--hero-white);pointer-events:none;border:0;border-radius:50%;position:absolute;top:50%;left:50%}.knob[data-knob-evolving] .knob-indicator{height:39%;-webkit-mask:linear-gradient(0deg,#0000 0 24%,#000 24%);mask:linear-gradient(0deg,#0000 0 24%,#000 24%)}.knob:hover .knob-indicator{background:var(--hero-white)}.knob-label{font-family:var(--font-chrome);font-weight:var(--weight-chrome);font-size:var(--text-label);line-height:var(--settings-line,var(--leading-chrome));letter-spacing:.06em;text-transform:lowercase;color:var(--silkscreen-dim);text-align:center;overflow-wrap:break-word;max-inline-size:100%}[data-caption-unit]{text-transform:none}:root{--knob-readout-gap:8px;--knob-readout-drop:-1px;--knob-value-lane:calc(var(--knob-readout-gap) + 5 * .62 * var(--text-label-sm))}.knob-readout{top:var(--knob-readout-drop);font-family:var(--font-value);font-size:var(--text-label-sm);font-weight:var(--weight-value);line-height:var(--leading-chrome);letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--hero-white);opacity:0;transition:opacity var(--value-fade-out) var(--ease);pointer-events:none;position:absolute}.knob:focus-visible .knob-readout,.knob[data-knob-editing] .knob-readout,.knob.is-dragging .knob-readout{opacity:1;transition:opacity var(--value-fade-in) var(--ease)}@media (hover:hover){.knob:hover .knob-readout{opacity:1;transition:opacity var(--value-fade-in) var(--ease)}}@media (prefers-reduced-motion:reduce){.knob-readout{transition:none}}.knob-readout--min{left:auto;right:calc(100% + 1px + var(--knob-readout-gap))}.knob-readout--max{left:calc(100% + 1px + var(--knob-readout-gap));right:auto}.knob-group.is-disabled{opacity:.4;pointer-events:none}@media (forced-colors:active){.knob-span-arc{--knob-span-color:CanvasText;forced-color-adjust:none}.knob-evolution-ring{forced-color-adjust:none;background:canvastext}.knob:after{border-color:highlight}.knob-indicator,.knob-live-indicator,.knob-hit-dot{forced-color-adjust:none;background:canvastext}}@media (prefers-reduced-motion:reduce){.knob{transition-duration:0s}.knob:after{transition:none;transform:none}}.connected-toggle.motion-toggle{flex:none;min-block-size:20px;inline-size:42px}.knob-control>.motion-toggle,.settings-cell>.motion-toggle{margin:4px auto 0;display:grid}.rhythm-plate{--rhythm-hit:var(--hit-min);--rhythm-target-w:36px;--rhythm-floor-w:34px;isolation:isolate;inline-size:min(100%, calc(var(--rhythm-count) * var(--rhythm-target-w)));box-sizing:border-box;flex-wrap:wrap;align-self:flex-start;display:inline-flex;position:relative}.rhythm-plate:before{content:"";inset-inline:0;inset-block:calc((var(--rhythm-hit) - 20px) / 2);border-radius:var(--radius-pill);pointer-events:none;position:absolute}.rhythm-plate__marker{--marker-lead:.16s;--marker-trail:.34s;--marker-settle:cubic-bezier(.34, 1.3, .64, 1);z-index:1;inset-block-start:var(--marker-top,0px);inset-inline:var(--marker-start,0px) var(--marker-end,0px);border-radius:var(--radius-pill);background:var(--hero-white);mix-blend-mode:difference;pointer-events:none;opacity:0;block-size:16px;position:absolute}.rhythm-plate[data-marker=placed] .rhythm-plate__marker{opacity:1}.rhythm-plate[data-move=forward] .rhythm-plate__marker{transition:inset-inline-end var(--marker-lead) var(--ease), inset-inline-start var(--marker-trail) var(--marker-settle) 40ms, inset-block-start var(--marker-trail) var(--ease)}.rhythm-plate[data-move=back] .rhythm-plate__marker{transition:inset-inline-start var(--marker-lead) var(--ease), inset-inline-end var(--marker-trail) var(--marker-settle) 40ms, inset-block-start var(--marker-trail) var(--ease)}@media (prefers-reduced-motion:reduce){.rhythm-plate__marker{transition:none!important}}.rhythm-plate__option{flex:1 0 max(var(--rhythm-floor-w), calc(100% / var(--rhythm-count)));min-block-size:var(--rhythm-hit);border-radius:var(--radius-sharp);color:var(--silkscreen-dim);font:var(--weight-chrome) 11px/1 var(--font-chrome);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-label);white-space:nowrap;touch-action:manipulation;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.rhythm-plate__option>span{border-radius:var(--radius-pill);place-items:center;block-size:16px;min-inline-size:34px;display:grid}.rhythm-plate__option[aria-checked=true]>span{background:var(--hero-white);color:var(--strip-fill-ink)}.rhythm-plate[data-marker=placed] .rhythm-plate__option[aria-checked=true]>span{color:var(--hero-white);background:0 0}@media (hover:hover){.rhythm-plate__option:hover:not(:disabled){color:var(--silkscreen)}}.rhythm-plate__option:focus-visible{z-index:1}.rhythm-plate__option:disabled{opacity:.5}@media (pointer:coarse){.rhythm-plate{--rhythm-hit:var(--hit-touch);--rhythm-target-w:var(--hit-touch);--rhythm-floor-w:40px}}@media (forced-colors:active){.rhythm-plate:before{border:1px solid canvastext}.rhythm-plate__marker{display:none}.rhythm-plate__option[aria-checked=true]>span,.rhythm-plate[data-marker=placed] .rhythm-plate__option[aria-checked=true]>span{forced-color-adjust:none;color:highlighttext;background:highlight}}