.soundfish-control-surface{--soundfish-surface-fill:var(--secondary);--soundfish-surface-label:var(--foreground);--soundfish-surface-border:var(--control-border);--soundfish-surface-radius:var(--soundfish-control-radius,var(--radius-md));position:relative;box-sizing:border-box;min-width:0;padding:0;border:1px solid var(--soundfish-surface-border);border-radius:var(--soundfish-surface-radius);background:var(--soundfish-surface-fill);color:var(--soundfish-surface-label);font:inherit}.soundfish-control-surface[data-control-tone=primary]{--soundfish-surface-fill:var(--primary);--soundfish-surface-label:var(--primary-foreground)}.soundfish-control-surface[data-control-tone=danger]{--soundfish-surface-fill:var(--danger);--soundfish-surface-label:var(--background)}.soundfish-control-surface[data-control-tone=quiet]{--soundfish-surface-fill:var(--background);--soundfish-surface-label:var(--muted)}.soundfish-control-surface[data-control-tone=overlay]{--soundfish-surface-fill:var(--popover);--soundfish-surface-radius:var(--soundfish-panel-radius,var(--radius-lg));box-shadow:var(--hraness-material-lift,var(--elevation-overlay))}.soundfish-control-surface[data-disabled],.soundfish-control-surface[data-pending]{cursor:not-allowed}.soundfish-control-surface:has(>[data-hovered]):not([data-disabled],[data-pending]){--soundfish-surface-fill:var(--surface-hover);--soundfish-surface-label:var(--foreground)}.soundfish-control-surface[data-control-tone=primary]:has(>[data-hovered]):not([data-disabled],[data-pending]){--soundfish-surface-fill:color-mix(in oklch,var(--primary) 88%,var(--background));--soundfish-surface-label:var(--primary-foreground)}.soundfish-control-surface[data-control-tone=danger]:has(>[data-hovered]):not([data-disabled],[data-pending]){--soundfish-surface-fill:color-mix(in oklch,var(--danger) 86%,var(--background));--soundfish-surface-label:var(--background)}.soundfish-control-surface:is(.jungle-button,.jungle-icon-button,.jungle-icon-link){display:inline-flex;width:auto;height:auto;min-height:0;padding:0;border:0;background:var(--soundfish-surface-fill);color:var(--soundfish-surface-label);transform:none}.soundfish-control-surface:is(.jungle-icon-button,.jungle-icon-link){--jungle-icon-button-size:var(--interactive-target-min);width:var(--jungle-icon-button-size);height:var(--jungle-icon-button-size);flex:0 0 var(--jungle-icon-button-size);border-radius:var(--radius-round)}.soundfish-control-surface:is(.jungle-icon-button,.jungle-icon-link)[data-size=compact]{--jungle-icon-button-size:var(--interactive-target-compact,2.5rem)}.soundfish-control-surface:is(.jungle-icon-button,.jungle-icon-link)[data-size=large]{--jungle-icon-button-size:var(--control-height-primary,3.5rem)}.soundfish-control-surface.jungle-playback-transport__button{--jungle-icon-button-size:var(--control-height-transport,4rem)}.jungle-button__control,.jungle-icon-button__control{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border:0;outline:none;background:transparent;color:inherit;font-family:var(--font-text,var(--font-sans));font-weight:var(--font-weight-medium);line-height:1;touch-action:manipulation}.jungle-button__control{--jungle-button-content-gap:var(--space-2);--jungle-button-padding-inline:calc(var(--space-4) + var(--space-1));width:100%;min-height:var(--interactive-target-min);gap:var(--jungle-button-content-gap);padding-inline:var(--jungle-button-padding-inline);border-radius:var(--soundfish-control-radius);font-size:var(--text-control)}.jungle-button[data-label-style=glyph]>.jungle-button__control{font-family:var(--font-mono);font-size:var(--text-control-glyph,1.25rem);font-weight:var(--font-weight-bold)}.jungle-button[data-glyph-only]>.jungle-button__control{width:var(--jungle-glyph-control-size);min-width:var(--jungle-glyph-control-size);height:var(--jungle-glyph-control-size);min-height:var(--jungle-glyph-control-size);padding:0}.jungle-button__leading{display:inline-grid;width:var(--text-control-glyph,1.25rem);height:var(--text-control-glyph,1.25rem);flex:0 0 var(--text-control-glyph,1.25rem);place-items:center}.jungle-button__leading:empty{display:none}.jungle-button__control[data-pending-leading-empty]>.jungle-button__leading:empty{display:inline-grid}.jungle-button__control[data-pending-leading-empty]>.jungle-button__label{position:relative;inset-inline-start:calc((var(--text-control-glyph, 1.25rem) + var(--jungle-button-content-gap)) / -2)}.jungle-button__label{min-width:0}.jungle-button__spinner,.jungle-icon-button__spinner{border-color:currentcolor color-mix(in oklch,currentcolor 28%,transparent) color-mix(in oklch,currentcolor 28%,transparent)}:where(.jungle-button[data-size=compact])>.jungle-button__control{--jungle-button-padding-inline:var(--space-3);min-height:var(--interactive-target-compact,2.5rem);font-size:var(--text-label)}:where(.jungle-button[data-size=large])>.jungle-button__control{--jungle-button-padding-inline:var(--space-6);min-height:var(--control-height-primary)}.soundfish-control-surface.jungle-toggle-button[data-icon-only]{--jungle-icon-toggle-size:var(--interactive-target-min);width:var(--jungle-icon-toggle-size);height:var(--jungle-icon-toggle-size);flex:0 0 var(--jungle-icon-toggle-size)}.soundfish-control-surface.jungle-toggle-button[data-icon-only][data-size=compact]{--jungle-icon-toggle-size:var(--interactive-target-compact,2.5rem)}.soundfish-control-surface.jungle-toggle-button[data-icon-only][data-size=large]{--jungle-icon-toggle-size:var(--control-height-primary,3.5rem)}.jungle-toggle-button[data-icon-only]>.jungle-button__control{width:var(--jungle-icon-toggle-size);height:var(--jungle-icon-toggle-size);min-height:var(--jungle-icon-toggle-size);padding:0}.jungle-icon-button__control{width:var(--jungle-icon-button-size);max-width:4.5rem;height:var(--jungle-icon-button-size);max-height:4.5rem;padding:0;border-radius:var(--radius-round)}:where(.jungle-icon-button[data-size=compact])>.jungle-icon-button__control{width:var(--interactive-target-compact,2.5rem);height:var(--interactive-target-compact,2.5rem)}:where(.jungle-icon-button[data-size=large])>.jungle-icon-button__control{width:var(--control-height-primary,3.5rem);height:var(--control-height-primary,3.5rem)}.jungle-playback-transport__button>.jungle-icon-button__control{width:var(--control-height-transport,4rem);height:var(--control-height-transport,4rem)}.jungle-button__control:is([data-focus-visible],:focus-visible),.jungle-icon-button__control:is([data-focus-visible],:focus-visible),.jungle-icon-link__control:is([data-focus-visible],:focus-visible),.jungle-link-card__control:is([data-focus-visible],:focus-visible),.jungle-pressable-card__control:is([data-focus-visible],:focus-visible){outline:2px solid var(--soundfish-surface-focus,var(--focus));outline-offset:3px}.soundfish-control-surface:has(>.jungle-toggle-button[data-selected]){--soundfish-surface-fill:var(--primary);--soundfish-surface-label:var(--primary-foreground)}.soundfish-control-surface[data-control-tone=danger]:has(>.jungle-toggle-button[data-selected]){--soundfish-surface-fill:var(--danger);--soundfish-surface-label:var(--background)}.jungle-button__control.jungle-toggle-button[data-selected]{background:transparent;color:inherit}.soundfish-control-surface.jungle-field__surface{display:block;width:100%}.jungle-field__surface .jungle-field__input,.jungle-number-field__control .jungle-number-field__input,.jungle-search-field__control .jungle-search-field__input{border-color:transparent;background:transparent}.jungle-search-field__input{flex:1 1}.soundfish-control-surface.jungle-number-field__surface{position:absolute;z-index:0;inset:0;width:100%;height:100%;pointer-events:none}.soundfish-control-surface:is(.jungle-segmented-control__surface,.jungle-toggle-group__surface){display:inline-flex;max-width:100%;overflow:visible}.jungle-segmented-control__surface>.jungle-segmented-control{margin:0;border:0;background:transparent}.jungle-toggle-group__surface>.jungle-toggle-group{margin:0;padding:var(--space-1)}.soundfish-control-surface.jungle-menu__surface{display:block;min-width:100%;max-width:100%}.jungle-menu-popover{overscroll-behavior:contain;border:0;background:transparent;box-shadow:none}.soundfish-control-surface.jungle-modal__surface{--jungle-modal-max-width:32rem;display:block;width:100%;max-width:var(--jungle-modal-max-width);justify-self:center}.soundfish-control-surface.jungle-modal__surface[data-size=small]{--jungle-modal-max-width:24rem}.soundfish-control-surface.jungle-modal__surface[data-size=large]{--jungle-modal-max-width:48rem}.jungle-modal__surface>.jungle-modal{width:100%;min-width:0;max-width:100%;border:0;background:transparent;box-shadow:none}.soundfish-control-surface:is(.jungle-card,.jungle-pressable-card,.jungle-link-card){--soundfish-surface-radius:var(--soundfish-panel-radius,var(--radius-lg));display:block;width:100%}.soundfish-control-surface.jungle-card{padding:clamp(var(--space-4),2vw,var(--space-6))}.jungle-link-card__control,.jungle-pressable-card__control{display:block;width:100%;min-width:0;min-height:var(--interactive-target-min);padding:var(--jungle-card-padding,clamp(var(--space-4),2vw,var(--space-6)));border:0;border-radius:inherit;background:transparent;color:inherit;font:inherit;text-align:start;text-decoration:none}.jungle-icon-link__control{display:inline-grid;width:100%;height:100%;place-items:center;border-radius:inherit;color:inherit;text-decoration:none}.soundfish-control-surface[data-shape=rectangular]{border-radius:0;box-shadow:none}@media (forced-colors:active){.soundfish-control-surface.soundfish-control-surface{border:1px solid CanvasText;background:Canvas;color:CanvasText;box-shadow:none;forced-color-adjust:auto}.soundfish-control-surface.soundfish-control-surface:has(>[data-selected]){border-color:Highlight;background:Highlight;color:HighlightText;forced-color-adjust:none}.jungle-segmented-control .jungle-segmented-control__item[data-selected],.jungle-toggle-group .jungle-toggle-group__item[data-selected],.soundfish-control-surface>.jungle-toggle-button[data-selected]{background:Highlight;color:HighlightText;outline:2px solid Highlight;outline-offset:-2px;forced-color-adjust:none}.jungle-segmented-control .jungle-segmented-control__item[data-selected]:is([data-focus-visible],:focus-visible),.jungle-toggle-group .jungle-toggle-group__item[data-selected]:is([data-focus-visible],:focus-visible),.soundfish-control-surface>.jungle-toggle-button[data-selected]:is([data-focus-visible],:focus-visible){outline-offset:3px}}:root:has(>body.plain-site){background:#ffffff;overflow-x:clip;scrollbar-gutter:stable}.plain-site{--plain-link-target-min:0px;--plain-shell-measure:34rem;--plain-shell-gutter:1.25rem;--plain-background:#ffffff;--plain-foreground:#171717;--plain-link:#2457a6;--plain-line:#d8d8d8;--plain-muted:#666666;--plain-surface:#f4f4f4;--plain-syntax-keyword:#785f28;--plain-syntax-string:#2d6a42;--plain-syntax-number:#9f3631;--plain-syntax-name:#0d61ac;background:var(--plain-background);color:var(--plain-foreground);font-family:var(--font-text);font-size:1rem;line-height:1.55;margin:0;overflow-x:clip}body.plain-site{display:flex;flex-direction:column;min-block-size:100vh;min-block-size:100svh;min-block-size:100dvh}body.plain-site>main{flex:1 0 auto}:root[data-theme=dark]:has(>body.plain-site){background:#151515}.plain-site[data-theme=dark],:root[data-theme=dark] .plain-site{--plain-background:#151515;--plain-foreground:#f2f2f2;--plain-link:#8ab4ed;--plain-line:#484848;--plain-muted:#b6b6b6;--plain-surface:#222222;--plain-syntax-keyword:#c9ad74;--plain-syntax-string:#76b38e;--plain-syntax-number:#e18982;--plain-syntax-name:#6aa9ed}@media (prefers-color-scheme:dark){:root:not([data-theme]):has(>body.plain-site){background:#151515}:root:not([data-theme])>.plain-site{--plain-background:#151515;--plain-foreground:#f2f2f2;--plain-link:#8ab4ed;--plain-line:#484848;--plain-muted:#b6b6b6;--plain-surface:#222222;--plain-syntax-keyword:#c9ad74;--plain-syntax-string:#76b38e;--plain-syntax-number:#e18982;--plain-syntax-name:#6aa9ed}}.plain-site .syntax-code{--syntax-comment:var(--plain-muted);--syntax-keyword:var(--plain-syntax-keyword);--syntax-string:var(--plain-syntax-string);--syntax-number:var(--plain-syntax-number);--syntax-name:var(--plain-syntax-name);--syntax-sign:var(--plain-muted)}.plain-site *,.plain-site :after,.plain-site :before{box-sizing:border-box}:where(.plain-header a,.plain-page a,.plain-footer a){color:var(--plain-link);overflow-wrap:anywhere;text-decoration-thickness:1px;text-underline-offset:.15em}:where(.plain-header a:hover,.plain-page a:hover,.plain-footer a:hover){text-decoration-thickness:2px}.plain-site :where(.plain-header a:focus-visible,.plain-page a:focus-visible,.plain-footer a:focus-visible){border-radius:1px;outline:1px dotted currentColor;outline-offset:3px}.plain-site :where(.plain-header a:focus:not(:focus-visible),.plain-page a:focus:not(:focus-visible),.plain-footer a:focus:not(:focus-visible)){outline:none}.plain-site ::selection{background:color-mix(in srgb,var(--plain-link) 20%,transparent);color:var(--plain-foreground)}.plain-page{inline-size:100%;margin:clamp(3.5rem,12vh,7rem) auto;max-width:var(--plain-shell-measure);padding-inline:var(--plain-shell-gutter)}.plain-header{border:0;inline-size:100%;padding:0}.plain-header__inner{--plain-header-block-padding:1.15rem;align-items:baseline;border-bottom:1px solid var(--plain-line);display:flex;gap:.75rem 1.5rem;inline-size:100%;justify-content:space-between;margin-inline:auto;max-width:var(--plain-shell-measure);padding:max(var(--plain-header-block-padding),env(safe-area-inset-top)) max(var(--plain-shell-gutter),env(safe-area-inset-right)) var(--plain-header-block-padding) max(var(--plain-shell-gutter),env(safe-area-inset-left))}.plain-wordmark{align-items:center;color:var(--plain-foreground);display:inline-flex;font:inherit;font-weight:700;letter-spacing:0;min-block-size:var(--plain-link-target-min);min-inline-size:var(--plain-link-target-min);text-decoration:none;text-transform:none}.plain-footer__links,.plain-nav{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem .85rem}.plain-footer__links a,.plain-nav a{align-items:center;color:var(--plain-muted);display:inline-flex;font:inherit;font-size:.9rem;font-weight:400;letter-spacing:0;min-block-size:var(--plain-link-target-min);min-inline-size:var(--plain-link-target-min);padding:0;text-decoration:underline;text-transform:none}.plain-page :where(h1,h2,h3,p,ul,ol,pre,figure){font-size:inherit}.plain-page :where(h1,h2,h3){line-height:inherit}.plain-page h1{font-weight:700;margin:0 0 1rem}.plain-muted,.plain-page>p{color:var(--plain-muted)}.plain-page>p{margin:0}.plain-page section{margin-top:2rem}.plain-page h2{font-weight:700;margin:0 0 .3rem}.plain-page section>p{margin:0}.plain-page section>p+p{margin-top:1rem}.plain-links{list-style:none;margin:0;padding:0}.plain-links li{margin:.1rem 0}.plain-links a{display:inline-block;min-height:1.5rem;min-width:1.5rem}.plain-code{color:var(--plain-foreground);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.84rem;line-height:1.55;margin:0;overflow-wrap:anywhere;padding-block:.65rem;white-space:pre-wrap}.plain-code code{font:inherit}.plain-footer{--background:var(--plain-background);--foreground:var(--plain-foreground);--focus:var(--plain-link);--line:var(--plain-line);--muted:var(--plain-muted);--secondary:var(--plain-surface);--secondary-foreground:var(--plain-foreground);--surface:var(--plain-background);--surface-raised:var(--plain-surface);align-items:center;border-top:1px solid var(--plain-line);color:var(--plain-muted);display:flex;flex:0 0 auto;flex-wrap:wrap;gap:1rem;inline-size:100%;justify-content:space-between;margin:0 auto;max-width:var(--plain-shell-measure);overflow:clip;padding-top:1.25rem;padding-right:max(var(--plain-shell-gutter),env(safe-area-inset-right));padding-bottom:max(1.25rem,env(safe-area-inset-bottom));padding-left:max(var(--plain-shell-gutter),env(safe-area-inset-left))}.plain-site main:has(>.design-gallery[data-design-gallery-nested=true]){padding-inline:max(var(--plain-shell-gutter),var(--space-6))}.plain-footer p{margin:0}.plain-footer :where(a){align-items:center;color:inherit;display:inline-flex;min-block-size:var(--plain-link-target-min);min-inline-size:var(--plain-link-target-min)}@media (max-width:42rem){.plain-header__inner{--plain-header-block-padding:1rem;align-items:flex-start;flex-direction:column}}@media (pointer:coarse){.plain-site{--plain-link-target-min:var(--interactive-target-min,48px)}}:root[data-verification-pointer=coarse] .plain-site{--plain-link-target-min:var(--interactive-target-min,48px)}@media (max-width:420px){.plain-site{--plain-shell-gutter:1rem}.plain-page{margin-block:2.5rem}}@media (forced-colors:active){.plain-header__inner{border-bottom:1px solid CanvasText}.plain-footer{border-top:1px solid CanvasText}}.music-piano-roll{--music-piano-roll-accent:#a9e95d;--music-piano-roll-background:#101410;--music-piano-roll-border:rgb(245 255 239/18%);--music-piano-roll-event-border:rgb(255 255 255/35%);--music-piano-roll-focus:#fff;--music-piano-roll-foreground:#f3f8ef;--music-piano-roll-muted:#a4afa0;--music-piano-roll-raised:#171d16;--music-piano-roll-selection:#fff;--music-piano-roll-selection-fill:rgb(255 255 255/12%);--music-piano-roll-grid-major:rgb(245 255 239/18%);--music-piano-roll-grid-minor:rgb(245 255 239/5%);--music-piano-roll-grid-pitch:rgb(245 255 239/4%);--music-piano-roll-pitch-axis-width:3.5rem;width:100%;min-width:0;overflow:hidden;background:var(--music-piano-roll-background);color:var(--music-piano-roll-foreground);contain:layout paint style}.music-piano-roll__frame{display:grid;width:100%;min-width:0;grid-template-columns:var(--music-piano-roll-pitch-axis-width) minmax(0,1fr);grid-template-rows:2.25rem minmax(18rem,58svh)}.music-piano-roll__frame[data-axis-controls=true]{grid-template-columns:var(--music-piano-roll-axis-controls-width,3rem) var(--music-piano-roll-pitch-axis-width) minmax(0,1fr)}.music-piano-roll__frame[data-lane=true]{grid-template-rows:2.25rem minmax(18rem,58svh) var(--music-piano-roll-lane-height,3.25rem)}.music-piano-roll__lane-spacer{grid-column:1;grid-row:3;border-top:1px solid var(--music-piano-roll-border);border-right:1px solid var(--music-piano-roll-border);background:var(--music-piano-roll-raised)}.music-piano-roll__frame[data-axis-controls=true] .music-piano-roll__lane-spacer{grid-column:1/span 2}.music-piano-roll__lane{position:relative;display:grid;min-width:0;min-height:0;grid-column:2;grid-row:3;border-top:1px solid var(--music-piano-roll-border);background:var(--music-piano-roll-background)}.music-piano-roll__frame[data-axis-controls=true] .music-piano-roll__lane{grid-column:3}.music-velocity-lane{position:relative;display:block;min-width:0;min-height:0;cursor:ns-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none}.music-velocity-lane[data-disabled=true]{cursor:default;opacity:.6}.music-velocity-lane__canvas{display:block;width:100%;height:100%}.music-piano-roll__frame[data-scrollable=true]{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;grid-template-columns:var(--music-piano-roll-pitch-axis-width) minmax(var(--music-piano-roll-cycle-min-width,0),1fr)}.music-piano-roll__frame[data-scrollable=true][data-axis-controls=true]{grid-template-columns:var(--music-piano-roll-axis-controls-width,3rem) var(--music-piano-roll-pitch-axis-width) minmax(var(--music-piano-roll-cycle-min-width,0),1fr)}.music-piano-roll__frame[data-scrollable=true] .music-piano-roll__axis-controls,.music-piano-roll__frame[data-scrollable=true] .music-piano-roll__lane-spacer,.music-piano-roll__frame[data-scrollable=true] .music-piano-roll__pitch-axis,.music-piano-roll__frame[data-scrollable=true] .music-piano-roll__ruler-spacer{position:sticky;z-index:2;left:0}.music-piano-roll__frame[data-scrollable=true][data-axis-controls=true] .music-piano-roll__pitch-axis{left:var(--music-piano-roll-axis-controls-width,3rem)}.music-piano-roll__frame[data-axis-controls=true] .music-piano-roll__ruler-spacer{grid-column:1/span 2}.music-piano-roll__frame[data-axis-controls=true] .music-piano-roll__canvas,.music-piano-roll__frame[data-axis-controls=true] .music-piano-roll__ruler{grid-column:3}.music-piano-roll__frame[data-axis-controls=true] .music-piano-roll__pitch-axis{grid-column:2}.music-piano-roll__axis-controls{z-index:1;display:grid;min-width:0;min-height:0;grid-row:2;align-content:start}.music-piano-roll__axis-controls,.music-piano-roll__ruler-spacer{grid-column:1;border-right:1px solid var(--music-piano-roll-border);background:var(--music-piano-roll-raised)}.music-piano-roll__ruler,.music-piano-roll__ruler-spacer{grid-row:1;border-bottom:1px solid var(--music-piano-roll-border)}.music-piano-roll__ruler{position:relative;display:grid;grid-column:2;grid-template-columns:repeat(var(--music-piano-roll-ruler-segments),minmax(0,1fr));background:var(--music-piano-roll-raised)}.music-piano-roll__ruler[data-music-piano-roll-seekable=true]{cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none}.music-piano-roll__loop-range{position:absolute;top:0;bottom:0;left:0;width:0;background:var(--music-piano-roll-loop-range,rgb(245 255 239/14%));box-shadow:inset 0 -2px 0 var(--music-piano-roll-foreground);pointer-events:none}.music-piano-roll__loop-range[data-music-piano-roll-preview=true]{background:var(--music-piano-roll-loop-range-preview,rgb(245 255 239/24%))}.music-piano-roll__transport-start{position:absolute;z-index:1;top:0;bottom:0;left:0;width:0;pointer-events:none}.music-piano-roll__transport-start:before{position:absolute;bottom:0;left:-.3125rem;width:0;height:0;border-right:.3125rem solid transparent;border-bottom:.4375rem solid var(--music-piano-roll-foreground);border-left:.3125rem solid transparent;content:""}.music-piano-roll__ruler span{display:flex;align-items:center;padding-inline:.5rem;border-left:1px solid var(--music-piano-roll-border);font-size:.75rem}.music-piano-roll__pitch-axis,.music-piano-roll__ruler span{min-width:0;color:var(--music-piano-roll-muted);font-family:var(
    --font-mono,ui-monospace,"SFMono-Regular",Consolas,monospace
  )}.music-piano-roll__pitch-axis{display:block;box-sizing:border-box;width:100%;height:100%;min-height:0;grid-column:1;grid-row:2;border-right:1px solid var(--music-piano-roll-border);background:var(--music-piano-roll-raised);font-size:.625rem}.music-piano-roll__canvas{position:relative;isolation:isolate;grid-column:2;grid-row:2;min-width:0;overflow:hidden;outline:0;background-color:var(--music-piano-roll-background);background-image:linear-gradient(to right,var(--music-piano-roll-grid-major) 1px,transparent 1px),linear-gradient(to right,var(--music-piano-roll-grid-minor) 1px,transparent 1px),linear-gradient(to bottom,var(--music-piano-roll-grid-pitch) 1px,transparent 1px);background-size:var(--music-piano-roll-major-step-width) 100%,var(--music-piano-roll-step-width) 100%,100% var(--music-piano-roll-pitch-row);cursor:default;-webkit-user-select:none;user-select:none}.music-piano-roll__canvas[aria-readonly=false]{cursor:grab;touch-action:pan-y}.music-piano-roll__canvas[data-music-piano-roll-tool=select]{cursor:default;touch-action:pan-y}.music-piano-roll__canvas[data-music-piano-roll-tool=draw]{cursor:crosshair}.music-piano-roll__canvas:focus-visible{box-shadow:inset 0 0 0 2px var(--music-piano-roll-focus)}.music-piano-roll__bitmap{z-index:0}.music-piano-roll__bitmap,.music-piano-roll__selection-overlay{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}.music-piano-roll__selection-overlay{z-index:4}.music-piano-roll__active-cell,.music-piano-roll__active-outline,.music-piano-roll__drag-overlay,.music-piano-roll__source-ghost{position:absolute;box-sizing:border-box;min-width:.25rem;min-height:.25rem;border-radius:.1875rem;pointer-events:none}.music-piano-roll__source-ghost{z-index:1;border:1px dashed color-mix(in srgb,var(--music-piano-roll-foreground) 36%,transparent);background:color-mix(in srgb,var(--music-piano-roll-background) 72%,transparent);pointer-events:none}.music-piano-roll__active-cell{z-index:3;background:transparent;cursor:inherit;pointer-events:auto;touch-action:none}.music-piano-roll__canvas[data-music-piano-roll-cursor=body]{cursor:grab}.music-piano-roll__canvas[data-music-piano-roll-cursor=copy]{cursor:copy}.music-piano-roll__canvas[data-music-piano-roll-cursor=move-active]{cursor:grabbing}.music-piano-roll__canvas[data-music-piano-roll-cursor=resize-end],.music-piano-roll__canvas[data-music-piano-roll-cursor=resize-start]{cursor:ew-resize}.music-piano-roll__canvas[aria-disabled=true]{cursor:wait}.music-piano-roll__empty-cell{touch-action:pan-y}.music-piano-roll__canvas[data-music-piano-roll-tool=select] .music-piano-roll__empty-cell{cursor:default;touch-action:pan-y}.music-piano-roll__canvas[data-music-piano-roll-tool=draw] .music-piano-roll__empty-cell{cursor:crosshair}.music-piano-roll__active-outline{z-index:2;border:2px solid var(--music-piano-roll-focus);background:transparent;box-shadow:0 0 0 1px var(--music-piano-roll-background)}.music-piano-roll__drag-overlay{z-index:4;border:1px solid var(--music-piano-roll-event-border);box-shadow:0 0 0 2px rgb(255 255 255/52%);transform-origin:0 0;will-change:transform}.music-piano-roll__drag-overlay[data-blocked=true]{box-shadow:0 0 0 2px var(--danger,#f06b6b);filter:saturate(.55)}.music-piano-roll__empty{position:absolute;z-index:1;inset:0;display:grid;place-items:center;margin:0;color:var(--music-piano-roll-muted);font-size:.875rem;font-weight:650;pointer-events:none}.music-piano-roll__playhead{position:absolute;z-index:5;top:0;bottom:0;left:0;width:2px;pointer-events:none;transform-origin:0 0;will-change:transform}.music-piano-roll__playhead span{position:absolute;inset:0;background:var(--music-piano-roll-foreground);box-shadow:0 0 .5rem rgb(245 255 239/55%)}.music-piano-roll__playhead span:before{position:absolute;top:0;left:-.25rem;width:0;height:0;border-top:.4375rem solid var(--music-piano-roll-foreground);border-right:.3125rem solid transparent;border-left:.3125rem solid transparent;content:""}.music-piano-roll__visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.music-piano-roll--compact .music-piano-roll__frame{grid-template-columns:minmax(0,1fr);grid-template-rows:1.25rem minmax(4.5rem,7rem)}.music-piano-roll--compact .music-piano-roll__pitch-axis,.music-piano-roll--compact .music-piano-roll__ruler-spacer{display:none}.music-piano-roll--compact .music-piano-roll__canvas,.music-piano-roll--compact .music-piano-roll__ruler{grid-column:1}.music-piano-roll--compact .music-piano-roll__ruler span{padding-inline:.25rem;font-size:.5625rem}@media (max-width:40rem){.music-piano-roll--editor .music-piano-roll__frame{grid-template-columns:var(--music-piano-roll-pitch-axis-width) minmax(0,1fr);grid-template-rows:2rem minmax(16rem,52svh)}.music-piano-roll--editor .music-piano-roll__frame[data-lane=true]{grid-template-rows:2rem minmax(16rem,52svh) var(--music-piano-roll-lane-height,2.75rem)}.music-piano-roll--editor .music-piano-roll__frame[data-scrollable=true]{grid-template-columns:var(--music-piano-roll-pitch-axis-width) minmax(var(--music-piano-roll-cycle-min-width,0),1fr)}.music-piano-roll--editor .music-piano-roll__frame[data-scrollable=true][data-axis-controls=true]{grid-template-columns:var(--music-piano-roll-axis-controls-width,3rem) var(--music-piano-roll-pitch-axis-width) minmax(var(--music-piano-roll-cycle-min-width,0),1fr)}.music-piano-roll--editor .music-piano-roll__canvas,.music-piano-roll--editor .music-piano-roll__ruler{grid-column:2}.music-piano-roll--editor .music-piano-roll__frame[data-axis-controls=true]{grid-template-columns:var(--music-piano-roll-axis-controls-width,3rem) var(--music-piano-roll-pitch-axis-width) minmax(0,1fr)}.music-piano-roll--editor .music-piano-roll__frame[data-axis-controls=true] .music-piano-roll__axis-controls{display:grid;grid-column:1}.music-piano-roll--editor .music-piano-roll__frame[data-axis-controls=true] .music-piano-roll__canvas,.music-piano-roll--editor .music-piano-roll__frame[data-axis-controls=true] .music-piano-roll__ruler{grid-column:3}}@media (prefers-reduced-motion:reduce){.music-piano-roll__playhead{display:none}}@media (max-width:40rem),(pointer:coarse){.music-piano-roll__active-cell{min-width:48px;min-height:48px}}@media (forced-colors:active){.music-piano-roll{--music-piano-roll-selection:Highlight;--music-piano-roll-selection-fill:Highlight}.music-piano-roll__bitmap,.music-piano-roll__selection-overlay{forced-color-adjust:none}.music-piano-roll__canvas:focus-visible{outline:2px solid Highlight;outline-offset:-3px;box-shadow:none}.music-piano-roll__active-outline{border:2px solid Highlight}.music-piano-roll__drag-overlay{border:2px solid Highlight;box-shadow:none;forced-color-adjust:none}.music-piano-roll__source-ghost{border:2px dashed GrayText;background:Canvas;forced-color-adjust:none}.music-piano-roll__drag-overlay[data-blocked=true]{border-color:Mark}.music-piano-roll__playhead span{background:CanvasText;box-shadow:none}.music-piano-roll__loop-range{border-bottom:2px solid Highlight;background:transparent;box-shadow:none}.music-piano-roll__transport-start:before{border-bottom-color:CanvasText}}[data-hraness-theme=paper]{--font-text:"Nebula Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-heading:var(--font-text);--font-sans:var(--font-text);--font-mono:ui-monospace,"SFMono-Regular",Menlo,Monaco,Consolas,monospace;--ui-font-sans:var(--font-text);--ui-font-heading:var(--font-heading);--ui-font-mono:var(--font-mono);--text-body:1rem;--text-caption:.75rem;--text-label:.875rem;--font-weight-regular:400;--font-weight-medium:550;--font-weight-bold:700;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:.875rem;--ui-radius:.875rem;--control-radius:.625rem;--hraness-paper-heading-size:clamp(1.75rem,3vw,2.375rem);--hraness-paper-section-heading-size:clamp(1.25rem,2.2vw,1.75rem);--hraness-paper-summary-size:1rem;--hraness-paper-heading-leading:1.15;--hraness-paper-heading-tracking:-.035em;--hraness-marketing-measure:80rem;--hraness-marketing-copy-measure:40rem;--hraness-marketing-prose-measure:68ch;--hraness-marketing-gutter:clamp(1.25rem,4vw,3rem);--hraness-marketing-radius:.625rem;--hraness-marketing-frame-radius:.875rem;--hraness-marketing-heading-weight:550;--hraness-marketing-heading-tracking:-.025em;--hraness-marketing-section-space:clamp(3rem,7vw,6rem);--hraness-marketing-action-height:2.75rem;font-family:var(--font-text)}[data-hraness-theme=paper] :where(.hraness-marketing-page,.hraness-marketing-header,.hraness-marketing-hero,.hraness-marketing-pillars,.hraness-marketing-install,.hraness-marketing-section,.hraness-marketing-primitives,.hraness-marketing-stats,.hraness-marketing-interfaces,.hraness-marketing-trust,.hraness-marketing-quotes,.hraness-marketing-pricing,.hraness-marketing-questions,.hraness-marketing-maker,.hraness-marketing-cta,.hraness-marketing-proof-frame){--hraness-marketing-measure:inherit;--hraness-marketing-copy-measure:inherit;--hraness-marketing-prose-measure:inherit;--hraness-marketing-gutter:inherit;--hraness-marketing-radius:inherit;--hraness-marketing-frame-radius:inherit;--hraness-marketing-heading-weight:inherit;--hraness-marketing-heading-tracking:inherit;--hraness-marketing-section-space:inherit;--hraness-marketing-action-height:inherit}:root[data-hraness-theme=paper]:where(:not([data-theme]):not(.dark),[data-theme=system]){color-scheme:light dark}[data-hraness-theme=paper]:where([data-theme=dark],.dark:not([data-theme=light])){color-scheme:dark}[data-hraness-theme=paper][data-theme=light]{color-scheme:light}:root[data-hraness-theme=paper]:where(:not([data-palette]),[data-palette=paper]),[data-hraness-theme=paper]:where(:not([data-palette]),[data-palette=paper]){--background:light-dark(#f8f7f4,#12100f);--foreground:light-dark(#1c1917,#f5f2ed);--muted:light-dark(#6c665f,#aaa29a);--faint:light-dark(#6c665f,#aaa29a);--grid:light-dark(#dfdcd6,#302b27);--line:light-dark(#b9b3ab,#514a44);--control-border:light-dark(#8a8177,#827a72);--surface:light-dark(#fffefa,#1d1a18);--surface-raised:light-dark(#fffefa,#211d1a);--surface-hover:light-dark(#ebe8e3,#292522);--card:light-dark(#fffefa,#1d1a18);--card-foreground:light-dark(#1c1917,#f5f2ed);--popover:light-dark(#fffefa,#211d1a);--popover-foreground:light-dark(#1c1917,#f5f2ed);--primary:light-dark(#1e5ae1,#8fb0ff);--primary-foreground:light-dark(#f8f7f4,#12100f);--primary-soft:light-dark(#dee5f3,#21232c);--secondary:light-dark(#ebe8e3,#292522);--secondary-foreground:light-dark(#1c1917,#f5f2ed);--accent:light-dark(#dee5f3,#21232c);--accent-foreground:light-dark(#1c1917,#f5f2ed);--focus:light-dark(#1e5ae1,#8fb0ff);--scrim:light-dark(#00000070,#000000b8);--disabled:light-dark(#fffefa,#211d1a);--disabled-foreground:light-dark(#6c665f,#aaa29a);--inverse:light-dark(#1c1917,#f5f2ed);--inverse-foreground:light-dark(#f8f7f4,#12100f);--danger:light-dark(#b23c34,#ef8c82);--danger-foreground:light-dark(#f8f7f4,#12100f);--danger-soft:light-dark(#f0e1dd,#2d1f1d);--warning:light-dark(#975600,#efae55);--warning-foreground:light-dark(#f8f7f4,#12100f);--warning-soft:light-dark(#eee5d7,#2d2317);--success:light-dark(#227445,#5fc98b);--success-foreground:light-dark(#f8f7f4,#12100f);--success-soft:light-dark(#dfe9e0,#1b261e);--info:light-dark(#1e5ae1,#8fb0ff);--info-foreground:light-dark(#f8f7f4,#12100f);--info-soft:light-dark(#dee5f3,#21232c);--chart1:light-dark(#a24a64,#db91aa);--chart2:light-dark(#227445,#5fc98b);--chart3:light-dark(#1e5ae1,#8fb0ff);--chart4:light-dark(#975600,#efae55);--chart5:light-dark(#7858a3,#b7a0dc);--ui-background:var(--background);--ui-foreground:var(--foreground);--ui-card:var(--card);--ui-card-foreground:var(--card-foreground);--ui-popover:var(--popover);--ui-popover-foreground:var(--popover-foreground);--ui-primary:var(--primary);--ui-primary-foreground:var(--primary-foreground);--ui-secondary:var(--secondary);--ui-secondary-foreground:var(--secondary-foreground);--ui-muted:var(--secondary);--ui-muted-foreground:var(--muted);--ui-accent:var(--accent);--ui-accent-foreground:var(--accent-foreground);--ui-destructive:var(--danger);--ui-destructive-foreground:var(--danger-foreground);--ui-destructive-soft:var(--danger-soft);--ui-border:var(--line);--ui-input:var(--control-border);--ui-ring:var(--focus);--ui-success:var(--success);--ui-success-foreground:var(--success-foreground);--ui-success-soft:var(--success-soft);--ui-warning:var(--warning);--ui-warning-foreground:var(--warning-foreground);--ui-warning-soft:var(--warning-soft);--ui-info:var(--info);--ui-info-foreground:var(--info-foreground);--ui-info-soft:var(--info-soft);--ui-chart-1:var(--chart1);--ui-chart-2:var(--chart2);--ui-chart-3:var(--chart3);--ui-chart-4:var(--chart4);--ui-chart-5:var(--chart5);--hraness-site-accent:var(--primary);--hraness-site-accent-ink:var(--primary-foreground);--plain-background:var(--background);--plain-foreground:var(--foreground);--plain-muted:var(--muted);--plain-line:var(--grid);--plain-surface:var(--secondary);--plain-link:var(--primary);--plain-syntax-keyword:var(--warning);--plain-syntax-string:var(--success);--plain-syntax-number:var(--danger);--plain-syntax-name:var(--info);--elevation-low:0 1px 2px light-dark(rgb(33 25 18/8%),rgb(0 0 0/24%));--elevation-raised:0 8px 24px -12px light-dark(rgb(33 25 18/22%),rgb(0 0 0/48%));--elevation-overlay:0 18px 54px light-dark(rgb(33 25 18/20%),rgb(0 0 0/58%))}@media (forced-colors:active){:root[data-hraness-theme=paper]:where(:not([data-palette]),[data-palette=paper]),[data-hraness-theme=paper]:where(:not([data-palette]),[data-palette=paper]){--background:Canvas;--foreground:CanvasText;--muted:CanvasText;--faint:CanvasText;--surface:Canvas;--surface-raised:Canvas;--surface-hover:Canvas;--card:Canvas;--card-foreground:CanvasText;--popover:Canvas;--popover-foreground:CanvasText;--secondary:Canvas;--secondary-foreground:CanvasText;--grid:CanvasText;--line:CanvasText;--control-border:ButtonText;--primary:Highlight;--primary-foreground:HighlightText;--accent:Highlight;--accent-foreground:HighlightText;--focus:Highlight;--inverse:CanvasText;--inverse-foreground:Canvas;--disabled:Canvas;--disabled-foreground:GrayText;--elevation-low:none;--elevation-raised:none;--elevation-overlay:none}}