/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-geist-sans);--default-mono-font-family:var(--font-geist-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.start{inset-inline-start:var(--spacing)}.contents{display:contents}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.\!filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)!important}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--background:#101512;--foreground:#eef4ef;--font-geist-sans:"Helvetica Neue", Arial, sans-serif;--font-geist-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}html{background:var(--background);min-width:20rem}body{background:var(--background);min-height:100vh;color:var(--foreground);font-family:var(--font-geist-sans), Arial, Helvetica, sans-serif;margin:0}button,input{font:inherit}.form8-app{background:radial-gradient(circle at 50% -10%,#6989763d,#0000 38rem),linear-gradient(155deg,#17201b,#0b100d 70%);min-height:100vh;padding:clamp(.75rem,2vw,1.5rem) 0}.form8-audio-gate{background:radial-gradient(circle at 50% 30%,#53936b47,#0000 24rem),linear-gradient(155deg,#17201b,#080c0a 72%);place-items:center;min-height:100vh;padding:1.5rem;display:grid}.form8-audio-gate-card{box-sizing:border-box;text-align:center;background:linear-gradient(145deg,#26322bf0,#111814f5);border:1px solid #5d6e64;border-radius:1.25rem;width:min(100%,36rem);padding:clamp(1.5rem,6vw,3rem);box-shadow:0 2rem 6rem #0000007a,inset 0 1px #ffffff1f}.form8-audio-gate-card>span{color:#aaf3c5;font:800 .78rem/1 var(--font-geist-mono), monospace;letter-spacing:.18em}.form8-audio-gate-card h1{letter-spacing:-.055em;margin:.7rem 0;font-size:clamp(2rem,7vw,3.8rem);line-height:.96}.form8-audio-gate-card p{color:#aebcb3;max-width:30rem;margin:1rem auto;line-height:1.6}.form8-audio-gate-card [role=alert]{color:#ffb5ae}.form8-session-tools button,.form8-session-tools a{color:#142019;cursor:pointer;background:#aaf3c5;border:1px solid #7ca68d;border-radius:.45rem;padding:.62rem .9rem;font-weight:750;text-decoration:none}.form8-session-tools button:disabled{cursor:wait;opacity:.58}.form8-session-tools{color:#dce9df;background:#151d18;border:1px solid #536259;border-radius:.7rem;justify-content:space-between;align-items:center;gap:1rem;width:min(100% - 1.5rem,87.5rem);min-height:3.4rem;margin:.75rem auto 0;padding:.65rem;display:flex}.form8-session-patch,.form8-session-audio,.form8-session-recording{align-items:center;gap:.55rem;display:flex}.form8-session-audio{flex-wrap:wrap;flex:16rem;min-width:0}.form8-session-audio button{white-space:nowrap}.form8-session-audio button[aria-pressed=false]{color:#dce9df;background:#253029;border-color:#64746b}.form8-sound-status{color:#b9c8be;font-size:.8rem;line-height:1.3}.form8-session-audio [role=alert]{color:#ffb5ae;overflow-wrap:anywhere;flex:12rem;max-width:22rem;font-size:.8rem;line-height:1.3}.form8-session-patch label{color:#aebcb3;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.45rem;font-size:.75rem;font-weight:700;display:flex}.form8-session-patch input{color:#dff9e8;background:#0c120e;border:1px solid #64746b;border-radius:.35rem;width:min(12rem,32vw);padding:.58rem .65rem}.form8-session-recording audio{width:min(16rem,32vw);height:2.35rem}.form8-session-recording [role=timer],.form8-capability-note{color:#aaf3c5;font-family:var(--font-geist-mono), monospace;font-variant-numeric:tabular-nums;font-size:.78rem}.form8-capability-note{color:#d9b58c}@media (width<=52rem){.form8-session-tools,.form8-session-patch,.form8-session-audio,.form8-session-recording{flex-wrap:wrap}.form8-session-tools{align-items:stretch}.form8-session-patch,.form8-session-audio,.form8-session-recording{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.knob-field{min-width:0;color:var(--form8-ink,#202723);font-variant-numeric:tabular-nums;align-content:start;justify-items:center;gap:.25rem;display:grid}.knob-control{--knob-size:clamp(2.5rem, 4.1vw, 3.25rem);z-index:0;width:var(--knob-size);height:var(--knob-size);cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;outline:none;flex:none;position:relative}.knob-control:before{z-index:0;clip-path:polygon(0 0,100% 0,100% 88%,78% 100%,22% 100%,0 88%);content:"";pointer-events:none;background:repeating-conic-gradient(from 225deg,#303a3494 0deg 1deg,#0000 1deg 22.5deg);border-radius:50%;position:absolute;inset:-.43rem;-webkit-mask:radial-gradient(circle,#0000 0 64%,#000 65% 70%,#0000 71%);mask:radial-gradient(circle,#0000 0 64%,#000 65% 70%,#0000 71%)}.knob-track{border-radius:inherit;background:conic-gradient(from 225deg, #75e7a3 0deg, #75e7a3 var(--knob-track-angle), #727a76 var(--knob-track-angle), #727a76 270deg, transparent 270deg);clip-path:polygon(0 0,100% 0,100% 88%,80% 100%,20% 100%,0 88%);border:1px solid #727b76;position:absolute;inset:-.21rem;box-shadow:inset 0 1px 1px #ffffff7a,0 1px 1px #21272447}.knob-cap{border-radius:inherit;transform:rotate(var(--knob-angle));background:radial-gradient(circle at 34% 27%,#78817cc7 0 5%,#0000 6%),radial-gradient(circle at 43% 40%,#4e5651 0 12%,#252a27 43%,#121513 72%,#080a09 100%);border:1px solid #0b0f0d;transition:transform 90ms linear,box-shadow 90ms;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff3d,inset 0 -.25rem .45rem #00000085,0 .22rem .35rem #1a1f1c70}.knob-pointer{background:#b3f7cb;border-radius:99px;width:.12rem;height:.77rem;position:absolute;top:.28rem;left:50%;transform:translate(-50%);box-shadow:0 0 .18rem #73eba08a}.knob-control:hover .knob-cap{box-shadow:inset 0 1px 1px #ffffff4a,inset 0 -.25rem .45rem #0000007a,0 .26rem .42rem #1a1f1c85}.knob-control:active .knob-cap{translate:0 1px;box-shadow:inset 0 .16rem .38rem #000000a6,0 .1rem .18rem #1a1f1c6b}.knob-control:focus-visible{outline-offset:4px;outline:3px solid #0c6f42}.knob-label,.knob-value{text-align:center;text-overflow:clip;max-width:100%;display:block;overflow:visible}.knob-label{color:#3b443f;letter-spacing:.07em;text-transform:uppercase;white-space:normal;min-height:1.45rem;font-size:.625rem;font-weight:750;line-height:1.15}.knob-value{color:#151b18;overflow-wrap:normal;white-space:normal;width:100%;min-height:1.55rem;font:650 clamp(.6rem,.8vw,.6875rem)/1.15 ui-monospace,SFMono-Regular,Consolas,monospace}@media (width<=650px){.knob-control{--knob-size:clamp(2.5rem, 11vw, 2.875rem)}}@media (prefers-reduced-motion:reduce){.knob-cap{transition-duration:.01ms}}.form8-instrument,.form8-instrument *,.form8-instrument :before,.form8-instrument :after{box-sizing:border-box}.form8-instrument{--form8-chassis:#d1d5d1;--form8-panel:#c3c9c4;--form8-panel-light:#dce0dc;--form8-seam:#8b948f;--form8-ink:#202723;--form8-muted:#4c5852;--form8-dark:#16201b;--form8-mint:#aaf3c5;--form8-mint-strong:#64dd94;--form8-red:#9c342f;isolation:isolate;width:min(100% - 1.5rem,87.5rem);min-width:0;color:var(--form8-ink);background:repeating-linear-gradient(101deg,#ffffff05 0 1px,#0000 1px 5px),linear-gradient(110deg,#fff3,#0000 28% 74%,#4b534e1f),linear-gradient(150deg,#e3e6e2,#b8beb9 72%,#aeb5b0);border:1px solid #777f7a;border-radius:clamp(.875rem,2vw,1.5rem);margin:0 auto;padding:clamp(.75rem,1.7vw,1.25rem);font-family:Inter,Helvetica Neue,Arial,system-ui,sans-serif;overflow:clip;box-shadow:0 2.1rem 5.5rem #00000078,inset 0 1px #ffffffdb,inset 0 -1px #30373333}.form8-instrument button,.form8-instrument select,.form8-instrument input{font:inherit}.form8-instrument button,.form8-instrument select{min-width:0}.form8-instrument button:focus-visible,.form8-instrument select:focus-visible,.form8-instrument input:focus-visible{outline-offset:2px;outline:3px solid #07683f;box-shadow:0 0 0 1px #eefff5e0}.form8-instrument button:disabled,.form8-instrument select:disabled,.form8-instrument input:disabled{cursor:not-allowed;filter:saturate(.35);opacity:.62}.form8-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.form8-status-rail{border-bottom:1px solid #49524d66;grid-template-columns:minmax(12rem,1fr) minmax(12rem,1.35fr) minmax(16rem,1fr);align-items:center;gap:.875rem;min-height:3.15rem;margin:-.15rem 0 .75rem;padding:0 .35rem .65rem;display:grid;box-shadow:0 1px #ffffff7a}.form8-quick-strip{display:none}.form8-brand-lockup,.form8-patch-title{min-width:0}.form8-brand-lockup strong{color:#161d19;letter-spacing:.09em;font-size:clamp(1.05rem,1.8vw,1.36rem);font-weight:900;line-height:1;display:block}.form8-brand-lockup span,.form8-patch-title>span{color:#4b5650;letter-spacing:.13em;margin-top:.3rem;font-size:.625rem;font-weight:730;line-height:1.2;display:block}.form8-patch-title{background:linear-gradient(#17251f,#101a16);border:1px solid #66726b;border-radius:.35rem;justify-self:center;width:min(100%,25rem);padding:.42rem .7rem .5rem;overflow:hidden;box-shadow:inset 0 .12rem .35rem #000000b3,0 1px #fff6}.form8-patch-title>span{color:#76ac8b;margin:0 0 .12rem}.form8-patch-title strong{color:var(--form8-mint);letter-spacing:.04em;text-overflow:ellipsis;text-shadow:0 0 .35rem #68e29647;text-transform:uppercase;white-space:nowrap;font:720 .78rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;display:block;overflow:hidden}.form8-system-status{color:#26302b;font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:flex-end;gap:.65rem;font:650 .6875rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.form8-system-status span{align-items:center;gap:.27rem;display:inline-flex}.form8-system-status span:before{background:var(--form8-mint-strong);content:"";border:1px solid #427054;border-radius:50%;width:.39rem;height:.39rem;box-shadow:0 0 .28rem #52d68470}.form8-system-status b{color:#4c5751;letter-spacing:.07em;font-size:.625rem}.form8-body{grid-template-columns:minmax(10rem,11.875rem) minmax(26.875rem,1fr) minmax(11.875rem,14.0625rem);align-items:stretch;gap:clamp(.5rem,1vw,.875rem);min-width:0;display:grid}.form8-module{border:1px solid var(--form8-seam);background:linear-gradient(140deg, #ffffff47, transparent 38%), var(--form8-panel);border-radius:.6rem;min-width:0;padding:.72rem;box-shadow:inset 0 1px #fff9,inset 0 0 0 1px #ffffff29,inset 0 -1px #2b332e1a,0 .15rem .32rem #30363326,0 .55rem 1rem #353c3812}.form8-library{grid-area:1/1}.form8-synthesis{background:linear-gradient(120deg, #ffffff5c, transparent 41%), var(--form8-panel-light);flex-direction:column;grid-area:1/2;display:flex;box-shadow:inset 0 1px #ffffffc9,inset 0 -1px #2b332e1f,0 .24rem .5rem #2b312e33}.form8-rhythm{grid-area:1/3}.form8-module-heading,.form8-synth-header,.form8-sequence-heading,.form8-keybed-rail{justify-content:space-between;align-items:center;gap:.65rem;min-width:0;display:flex}.form8-module h2,.form8-keybed h2,.form8-control-bank h3,.form8-sequencer h3{color:#3d4842;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.625rem;font-weight:820;line-height:1.2}.form8-count,.form8-signal-label{color:#505b55;letter-spacing:.08em;font:700 .625rem/1 ui-monospace,SFMono-Regular,Consolas,monospace}.form8-count{text-align:center;border:1px solid #838d87;border-radius:99px;min-width:1.55rem;padding:.2rem .32rem}.form8-display{color:#8fe7af;font-variant-numeric:tabular-nums;background:linear-gradient(120deg,#82eca80d,#0000 36%),#14211b;border:1px solid #56645d;border-radius:.35rem;min-width:0;margin:.62rem 0;padding:.55rem .62rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden;box-shadow:inset 0 .18rem .35rem #0000009e,0 1px #ffffff59}.form8-display-kicker,.form8-display>span:last-child{color:#76a98a;letter-spacing:.07em;text-overflow:ellipsis;white-space:nowrap;font-size:.625rem;font-weight:650;display:block;overflow:hidden}.form8-display strong{color:var(--form8-mint);letter-spacing:.04em;text-overflow:ellipsis;text-shadow:0 0 .28rem #7aeaa540;text-transform:uppercase;white-space:nowrap;margin:.17rem 0;font-size:.75rem;line-height:1.25;display:block;overflow:hidden}.form8-select-field{gap:.25rem;margin-bottom:.55rem;display:grid}.form8-select-field>span,.form8-sequence-settings label>span{color:#46514b;letter-spacing:.09em;text-transform:uppercase;font-size:.625rem;font-weight:750;line-height:1.2}.form8-select-field select,.form8-sequence-settings select{color:#f4f7f4;background:linear-gradient(#39423d,#242b27);border:1px solid #68736d;border-radius:.3rem;width:100%;min-height:2.05rem;padding:.38rem 1.65rem .38rem .48rem;font-size:.6875rem;font-weight:680;line-height:1.2}.form8-chip-grid{flex-wrap:wrap;gap:.27rem;margin-bottom:.52rem;display:flex}.form8-chip{color:#333d37;cursor:pointer;letter-spacing:.045em;text-transform:uppercase;background:linear-gradient(#d4d8d4,#aeb5b0);border:1px solid #87918b;border-radius:.22rem;min-height:1.55rem;padding:.3rem .4rem;font-size:.6875rem;font-weight:760;line-height:1.1;box-shadow:inset 0 1px #ffffff8c}.form8-chip:hover{background:linear-gradient(#e1e4e1,#b9c0bb)}.form8-chip:active,.form8-chip[aria-pressed=true]{color:#c2f7d5;background:#24382e;border-color:#435d4f;translate:0 1px;box-shadow:inset 0 .16rem .24rem #00000073}.form8-browser-list{overscroll-behavior:contain;scrollbar-color:#6f7c75 transparent;scrollbar-width:thin;align-content:start;gap:.25rem;max-height:9.35rem;display:grid;overflow:auto}.form8-browser-row{color:#25302a;cursor:pointer;text-align:left;background:linear-gradient(#c5cac6,#aeb5b0);border:1px solid #949d97;border-radius:.28rem;grid-template-columns:1.5rem minmax(0,1fr) auto;align-items:center;gap:.38rem;width:100%;min-height:2rem;padding:.38rem .42rem;font:650 .6875rem/1.15 ui-monospace,SFMono-Regular,Consolas,monospace;display:grid}.form8-browser-row>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.form8-browser-row:hover{background:#d1d5d2;border-color:#66736c}.form8-browser-row:active{translate:0 1px;box-shadow:inset 0 .14rem .24rem #2e353147}.form8-browser-row:focus-visible{outline-offset:-3px;box-shadow:inset 0 0 0 2px #effff5}.form8-browser-row[aria-pressed=true]{color:#bcf6d2;background:linear-gradient(#263a30,#1a2922);border-color:#42604f}.form8-browser-index{color:#56635c;font-variant-numeric:tabular-nums;font-size:.625rem}.form8-browser-row[aria-pressed=true] .form8-browser-index{color:#83c49c}.form8-row-cue{font-size:.625rem}.form8-empty-state{color:#4a5650;text-align:center;border:1px dashed #86908a;border-radius:.3rem;place-items:center;min-height:4.8rem;margin:0;padding:.7rem;font-size:.6875rem;line-height:1.4;display:grid}.form8-synth-header{align-items:flex-start;margin-bottom:.62rem}.form8-synth-header .form8-module-heading{align-items:baseline}.form8-control-banks{border-block:1px solid #6f797375;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;padding:.62rem 0;display:grid}.form8-control-bank{border-right:1px solid #a3aba6;min-width:0;padding:0 .55rem}.form8-control-bank:first-child{padding-left:0}.form8-control-bank:last-child{border-right:0;padding-right:0}.form8-control-bank h3{text-overflow:ellipsis;white-space:nowrap;min-height:1.55rem;overflow:hidden}@media (width>=1101px){.knob-field[data-parameter=filterCutoff] .knob-control{--knob-size:clamp(3rem, 4.25vw, 3.45rem)}.knob-field[data-parameter=filterCutoff] .knob-track{border-color:#3f7256;box-shadow:inset 0 1px 1px #ffffff87,0 0 0 2px #61dd901c,0 .18rem .32rem #21352a4d}.knob-field[data-parameter=filterCutoff] .knob-label{color:#1b3e2a;font-weight:850}}.form8-knob-grid,.form8-deep-knobs{grid-template-columns:repeat(3,minmax(2.5rem,1fr));justify-content:space-between;gap:clamp(.25rem,.7vw,.65rem);min-width:0;display:grid}.form8-mod-effects-grid{grid-template-columns:minmax(2.5rem,1fr) minmax(5rem,2fr);gap:clamp(.25rem,.7vw,.65rem);min-width:0;display:grid}.form8-bank-subgroup{min-width:0}.form8-bank-subgroup-effects{grid-template-columns:repeat(2,minmax(2.5rem,1fr));gap:clamp(.25rem,.7vw,.65rem);display:grid}.form8-drawer{background:linear-gradient(#d9deda7a,#9ea7a14d);border:1px solid #9aa39d;border-radius:.35rem;margin-top:.55rem;box-shadow:inset 0 1px #ffffff61}.form8-drawer.is-open{background:#b7bdb9;border-color:#69776f;box-shadow:inset 0 .15rem .35rem #272f2a1f}.form8-drawer-trigger{border-radius:inherit;color:#344039;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;min-height:1.7rem;padding:.36rem .5rem;font-size:.6875rem;font-weight:780;line-height:1.2;display:flex}.form8-drawer-trigger>span:last-child{color:#243129;background:linear-gradient(#d9ddda,#aeb5b0);border:1px solid #7a857e;border-radius:50%;flex:none;place-items:center;width:1.2rem;height:1.2rem;font:800 .8rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;display:grid;box-shadow:inset 0 1px #ffffff94}.form8-drawer-trigger:hover{background:#ffffff3d}.form8-drawer-trigger:active{background:#4b554f21;box-shadow:inset 0 .12rem .22rem #2a322d2e}.form8-drawer-body{border-top:1px solid #8f9993;padding:.65rem .55rem .55rem;animation:.18s ease-out both form8-drawer-in}.form8-deep-knobs{grid-template-columns:repeat(auto-fit,minmax(3.2rem,1fr));margin-top:.75rem}.form8-architecture-selects{grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;display:grid}.form8-architecture-selects label,.form8-preset-actions label{color:#46514b;letter-spacing:.07em;text-transform:uppercase;gap:.22rem;min-width:0;font-size:.6rem;font-weight:750;display:grid}.form8-architecture-selects select,.form8-preset-actions input{color:#f4f7f4;background:linear-gradient(#39423d,#242b27);border:1px solid #68736d;border-radius:.28rem;width:100%;min-width:0;min-height:1.9rem;padding:.35rem .42rem;font-size:.65rem}.form8-preset-actions{border-block:1px solid #969f99;gap:.35rem;margin-bottom:.55rem;padding-block:.48rem;display:grid}.form8-preset-actions>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:.2rem;display:grid}.form8-preset-actions button{color:#303a34;cursor:pointer;text-overflow:ellipsis;background:linear-gradient(#d4d8d4,#aeb5b0);border:1px solid #68736d;border-radius:.25rem;min-width:0;min-height:1.75rem;padding:.25rem .2rem;font-size:.57rem;font-weight:760;overflow:hidden}.form8-preset-actions button:disabled{cursor:not-allowed;opacity:.42}@keyframes form8-drawer-in{0%{opacity:0;transform:translateY(-.3rem)}to{opacity:1;transform:translateY(0)}}.form8-sequencer{margin-top:.68rem}.form8-sequence-heading{align-items:baseline;margin-bottom:.38rem}.form8-sequence-heading>span{color:#526059;font:650 .625rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.form8-step-grid{grid-template-columns:repeat(16,minmax(0,1fr));gap:clamp(.125rem,.35vw,.25rem);min-width:0;display:grid}.form8-step{color:#eef1ef;cursor:pointer;background:linear-gradient(#6b746f,#4b534f);border:1px solid #444e48;border-radius:.2rem;place-items:center;gap:.05rem;min-width:0;min-height:2.25rem;padding:.13rem 0;font:650 .6875rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;display:grid;position:relative;box-shadow:inset 0 1px #ffffff26,0 .1rem .14rem #2f363247}.form8-step[aria-current=step]{outline-offset:1px;outline:2px solid #17241d}.form8-step-playhead{color:#e9fff1;text-shadow:0 1px #0d1611;font-size:.55rem;line-height:1;position:absolute;top:.08rem;right:.1rem}.form8-step:hover{background:linear-gradient(#7a837e,#555e59)}.form8-step:active{translate:0 1px;box-shadow:inset 0 .16rem .25rem #00000073}.form8-step[aria-pressed=true]{color:#c6f7d8;background:linear-gradient(#244c38,#173426);border-color:#24563d;box-shadow:inset 0 -.22rem #64d793,inset 0 1px #ffffff17}.form8-step-light{color:#b4bcb7;height:.65rem;font-size:.7rem}.form8-step[aria-pressed=true] .form8-step-light{color:#9ef0bc;text-shadow:0 0 .25rem #64dc918f}.form8-sequence-drawer{margin-top:.42rem}.form8-signal-path{background:linear-gradient(90deg,#7ee9a60d,#0000 45% 62%,#7ee9a60a),linear-gradient(#17231d,#101813);border:1px solid #607068;border-radius:.42rem;flex-direction:column;flex:1;justify-content:center;gap:.62rem;min-height:10rem;margin-top:.68rem;padding:.68rem .75rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 .2rem .45rem #0000008a,inset 0 0 0 1px #acf0c50a,0 1px #fff6}.form8-signal-path:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 8%,#68cb8d14 8% 8.15%,#0000 8.15% 92%,#68cb8d12 92% 92.15%,#0000 92.15%),repeating-linear-gradient(0deg,#0000 0 1.45rem,#74cf9608 1.45rem calc(1.45rem + 1px));position:absolute;inset:0}.form8-signal-path-heading{z-index:1;color:#72a587;letter-spacing:.12em;justify-content:space-between;align-items:center;gap:.7rem;font:720 .6rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;display:flex;position:relative}.form8-signal-path-heading span:last-child{color:#93d9ad;align-items:center;gap:.3rem;display:inline-flex}.form8-signal-path-heading span:last-child:before{content:"";background:#62d88f;border-radius:50%;width:.34rem;height:.34rem;box-shadow:0 0 .28rem #62d88f8f}.form8-signal-path-stages{z-index:1;flex:1;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:clamp(.3rem,.8vw,.7rem);min-width:0;display:grid;position:relative}.form8-signal-stage{background:linear-gradient(145deg,#6cc28c14,#040b0724);border:1px solid #69997b61;border-radius:.28rem;align-content:center;gap:.25rem;min-width:0;height:100%;min-height:4.5rem;padding:.62rem;display:grid;box-shadow:inset 0 1px #b8efcc0d}.form8-signal-stage span{color:#719783;letter-spacing:.09em;font:700 .56rem/1 ui-monospace,SFMono-Regular,Consolas,monospace}.form8-signal-stage strong{color:#b8f2cd;text-overflow:ellipsis;text-shadow:0 0 .3rem #6ce0972e;white-space:nowrap;font:680 .65rem/1.25 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden}.form8-signal-path-stages>i{background:#508568;align-self:center;width:clamp(.7rem,1vw,1.2rem);height:1px;display:block;box-shadow:0 0 .22rem #5bc5824d}.form8-signal-path-stages>i:after{content:"";border-top:1px solid #6bb688;border-right:1px solid #6bb688;width:.28rem;height:.28rem;margin-left:auto;display:block;transform:translateY(-.13rem)rotate(45deg)}.form8-sequence-settings{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.form8-sequence-settings label{gap:.28rem;min-width:0;display:grid}.form8-sequence-settings input[type=range]{accent-color:#17633e;width:100%;min-height:1.6rem}.form8-latch-control{grid-template-columns:auto 1fr;align-content:center;align-items:center}.form8-latch-control input{accent-color:#17633e;width:1.1rem;height:1.1rem}.form8-rhythm-list{max-height:8.9rem}.form8-rhythm-list .form8-browser-row{min-height:1.85rem}.form8-rhythm-list .form8-browser-row[aria-pressed=true]>span:nth-child(2){text-overflow:clip;white-space:normal;overflow:visible}.form8-rhythm-row-meta{align-items:center;gap:.32rem;display:inline-flex}.form8-motion-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;margin-top:.48rem;display:grid}.form8-motion-stats span{color:#4e5a53;text-align:center;border-top:1px solid #969f99;gap:.08rem;min-width:0;padding-top:.3rem;font:700 .625rem/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;display:grid}.form8-motion-stats b{color:#1f2924;font-size:.6875rem}.form8-transport{border-top:1px solid #939d97;margin-top:.62rem;padding-top:.62rem}.form8-transport-status{grid-template-columns:.8fr 1.2fr;gap:.25rem;margin-bottom:.42rem;display:grid}.form8-transport-status span{color:#aeb9b2;text-overflow:ellipsis;white-space:nowrap;background:#202924;border:1px solid #68746d;border-radius:.25rem;place-items:center;min-height:1.55rem;font:700 .6875rem/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;display:grid;overflow:hidden}.form8-transport-status .is-running{color:#b8f4ce;box-shadow:inset 0 -.18rem #55cf85}.form8-transport-status .is-recording{color:#ffd5d2;background:#391916;border-color:#702622;box-shadow:inset 0 -.18rem #d8554e}.form8-transport-buttons,.form8-utility-buttons{gap:.28rem;display:grid}.form8-transport-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.form8-performance-button,.form8-utility-buttons button{color:#f5f7f5;cursor:pointer;letter-spacing:.035em;text-transform:uppercase;background:linear-gradient(#606964,#3a423e);border:1px solid #4c5650;border-radius:.28rem;min-height:2rem;padding:.38rem .25rem;font-size:.6875rem;font-weight:760;line-height:1.1;box-shadow:inset 0 1px #ffffff2b,0 .12rem .16rem #262c284a}.form8-performance-button:hover,.form8-utility-buttons button:hover{background:linear-gradient(#717b75,#444d48)}.form8-performance-button:active,.form8-performance-button[aria-pressed=true],.form8-utility-buttons button:active{translate:0 1px;box-shadow:inset 0 .18rem .28rem #00000080}.form8-performance-button[aria-pressed=true]{color:#bdf4d1;background:#183729;border-color:#245d40}.form8-record-button{background:linear-gradient(#a34842,#722b27);border-color:#702c28}.form8-record-button:hover{background:linear-gradient(#b65049,#80302b)}.form8-record-button[aria-pressed=true]{color:#ffe0dd;background:#5f201c;border-color:#4e1714}.form8-utility-buttons{grid-template-columns:1fr 1fr;margin-top:.3rem}.form8-utility-buttons button{color:#27312c;background:linear-gradient(#b8beb9,#979f99);border-color:#7c8680;min-height:1.75rem}.form8-keybed{margin-top:clamp(.65rem,1vw,.875rem)}.form8-keybed-rail{min-height:1.7rem;padding:0 .4rem .32rem}.form8-keybed-rail>span{color:#4d5952;font:650 .625rem/1.1 ui-monospace,SFMono-Regular,Consolas,monospace}.form8-keybed-frame{background:linear-gradient(#717b75,#8e9691);border:1px solid #5b645f;border-radius:.5rem;height:clamp(8.75rem,11vw,9.75rem);padding:.45rem .45rem 0;overflow:hidden;box-shadow:inset 0 .28rem .5rem #151b177a,0 1px #ffffff8a}.form8-keybed-keys{--black-key-width:3.65%;background:#1c211e;border-radius:.15rem .15rem .32rem .32rem;height:100%;position:relative;overflow:hidden}.form8-white-keys{grid-template-columns:repeat(15,minmax(0,1fr));gap:1px;height:100%;display:grid}.form8-key{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border:0;min-width:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;position:relative}.form8-white-key{border-inline:1px solid #abb0ac;color:#333a36;background:linear-gradient(94deg,#d9dcd5 0,#f8f9f5 34%,#eceee8 69%,#c4c8c1 100%);border-bottom:.38rem solid #b5b9b4;border-radius:0 0 .2rem .2rem;justify-content:center;align-items:flex-end;padding:0 .12rem .48rem;display:flex;box-shadow:inset 0 1px #ffffffe0,inset 0 -.3rem .5rem #7179742e}.form8-black-key{z-index:2;top:0;left:calc((100% / 15) * var(--key-boundary) - (var(--black-key-width) / 2));width:var(--black-key-width);color:#e9eeeb;background:linear-gradient(100deg,#3d4540,#090c0a 45%,#222824 78%,#454d48);border:1px solid #050706;border-bottom:.27rem solid #0b0d0c;border-radius:0 0 .23rem .23rem;justify-content:center;align-items:flex-end;height:62%;padding:0 .05rem .35rem;display:flex;position:absolute;overflow:hidden;box-shadow:inset 0 1px #ffffff26,0 .34rem .38rem #00000094}.form8-key-note{opacity:.68;text-align:center;text-overflow:clip;font-size:.625rem;font-weight:650;line-height:1;position:absolute;bottom:1.7rem;left:0;right:0;overflow:hidden}.form8-black-key .form8-key-note{color:#cbd3ce;font-size:.55rem;bottom:1.35rem}.form8-key kbd{z-index:1;min-width:1.25rem;min-height:1.25rem;box-shadow:none;text-overflow:clip;white-space:nowrap;background:#ffffff54;border:1px solid #4a534e57;border-radius:.2rem;place-items:center;font:700 .625rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;display:grid;position:relative;overflow:hidden}.form8-black-key kbd{background:#f0fff614;border-color:#d5e6dc45;min-width:1rem;min-height:1rem;font-size:.625rem}.form8-held-cue{z-index:3;color:#135d3b;font-size:.75rem;line-height:1;position:absolute;top:.42rem;left:50%;transform:translate(-50%)}.form8-black-key .form8-held-cue{color:#c4f8d7}.form8-white-key:active,.form8-white-key.is-held{background:linear-gradient(94deg,#9bdcaf,#c9f1d6 46%,#8ccca1);border-bottom-width:.18rem;translate:0 .15rem;box-shadow:inset 0 .24rem .4rem #1b4c313b,inset 0 -.45rem #55ba7d}.form8-black-key:active,.form8-black-key.is-held{background:linear-gradient(100deg,#397956,#102d20 48%,#2b6948);border-color:#17482f;height:calc(62% + .12rem);box-shadow:inset 0 -.34rem #61d58f,0 .2rem .25rem #00000087}.form8-key:focus-visible{z-index:4;outline:none;box-shadow:inset 0 0 0 3px #087142,inset 0 0 0 5px #e8fff0}.form8-black-key:focus-visible{box-shadow:inset 0 0 0 3px #aaf3c5,inset 0 0 0 5px #10261a,0 .34rem .38rem #00000094}.form8-footer{color:#45514a;letter-spacing:.025em;justify-content:space-between;align-items:center;gap:.75rem;min-height:2rem;padding:.48rem .35rem 0;font:670 .6875rem/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.form8-save-state{flex:none;justify-content:flex-end;align-items:center;gap:.35rem;min-width:8.4rem;display:inline-flex}.form8-save-state i{background:#63d88f;border:1px solid #2f6847;border-radius:50%;width:.42rem;height:.42rem;display:block}@media (width<=1100px){.form8-status-rail{grid-template-columns:minmax(10rem,.8fr) minmax(12rem,1.2fr) minmax(14rem,1fr)}.form8-quick-strip{z-index:20;color:#d8e5dc;background:linear-gradient(145deg,#1c2821f7,#0d1510fa);border:1px solid #53645a;border-radius:.5rem;grid-template-columns:minmax(8rem,1fr) auto minmax(14rem,.75fr);align-items:center;gap:.55rem;margin:0 0 .72rem;padding:.42rem .48rem;display:grid;position:sticky;top:.4rem;box-shadow:0 .55rem 1.2rem #00000040,inset 0 1px #ffffff17}.form8-quick-strip-patch{gap:.1rem;min-width:0;display:grid}.form8-quick-strip-patch span{color:#6fa084;letter-spacing:.11em;font:700 .52rem/1 ui-monospace,SFMono-Regular,Consolas,monospace}.form8-quick-strip-patch strong{color:#aaf3c5;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font:720 .72rem/1.15 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden}.form8-quick-strip-tempo{color:#aebbb3;white-space:nowrap;font:700 .65rem/1 ui-monospace,SFMono-Regular,Consolas,monospace}.form8-quick-strip-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;min-width:0;display:grid}.form8-quick-strip-actions button{color:#f2f6f3;cursor:pointer;text-transform:uppercase;background:linear-gradient(#4c5b53,#2c3731);border:1px solid #5f7167;border-radius:.25rem;min-width:0;min-height:2.75rem;padding:.3rem .22rem;font-size:.62rem;font-weight:760}.form8-quick-strip-actions button:active,.form8-quick-strip-actions button[aria-pressed=true]{color:#c8f7d9;background:#173728;border-color:#4f9c6e;box-shadow:inset 0 -.16rem #5fd38c}.form8-quick-strip-actions .form8-quick-panic{background:linear-gradient(#74413c,#482723);border-color:#75433f}.form8-body{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.form8-synthesis{grid-area:1/1/auto/-1}.form8-library{grid-area:2/1}.form8-rhythm{grid-area:2/2}.form8-browser-list,.form8-rhythm-list{max-height:10.5rem}.form8-keybed-frame{height:clamp(7.5rem,16vw,9.1rem)}.form8-signal-path{flex:none;min-height:7.5rem}.form8-signal-stage{min-height:3.75rem}}@media (width<=650px){.form8-architecture-selects{grid-template-columns:repeat(2,minmax(0,1fr))}.form8-instrument{border-radius:.8rem;padding:clamp(.5rem,2.7vw,.75rem)}.form8-status-rail{grid-template-columns:minmax(7rem,.8fr) minmax(9rem,1.2fr);gap:.45rem;min-height:3rem;padding-inline:.12rem}.form8-system-status{white-space:normal;border-top:1px solid #535c574f;flex-wrap:wrap;grid-column:1/-1;justify-content:flex-start;gap:.4rem .55rem;padding-top:.38rem}.form8-system-status span{white-space:nowrap}.form8-patch-title{justify-self:end}.form8-body{grid-template-columns:minmax(0,1fr);display:grid}.form8-synthesis,.form8-library,.form8-rhythm{grid-area:auto/1}.form8-synthesis{order:1}.form8-library{order:2}.form8-rhythm{order:3}.form8-control-banks{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 0}.form8-control-bank,.form8-control-bank:first-child,.form8-control-bank:last-child{border-bottom:1px solid #a3aba6;border-right:0;padding:0 .55rem .7rem}.form8-control-bank:nth-child(odd){border-right:1px solid #a3aba6;padding-left:0}.form8-control-bank:nth-child(2n){padding-right:0}.form8-control-bank:nth-last-child(-n+2){border-bottom:0;padding-bottom:0}.form8-knob-grid{grid-template-columns:repeat(3,minmax(2.5rem,2.875rem));justify-content:space-between}.form8-mod-effects-grid{grid-template-columns:minmax(2.5rem,1fr) minmax(5rem,2fr)}.form8-deep-knobs{grid-template-columns:repeat(3,minmax(2.5rem,1fr));gap:.65rem .4rem}.form8-signal-path-stages{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.form8-signal-path-stages>i{display:none}.form8-step-grid{gap:.125rem}.form8-step{min-height:2rem;font-size:.6875rem}.form8-keybed-frame{height:6.875rem;padding:.32rem .32rem 0}.form8-keybed-keys{--black-key-width:3.65%}.form8-key-note{display:none}.form8-key kbd{width:calc(100% - .18rem);min-width:0;min-height:1.05rem;font-size:.55rem}.form8-black-key kbd{letter-spacing:-.02em;border-radius:.12rem;width:calc(100% - .08rem);min-height:.95rem;font-size:.5rem;display:grid}.form8-footer{flex-wrap:wrap;align-items:flex-start;gap:.35rem .7rem;font-size:.625rem}.form8-save-state{margin-left:auto}}@media (width<=520px){.form8-patch-title{display:none}.form8-quick-strip{grid-template-columns:minmax(0,1fr) auto;gap:.38rem .5rem}.form8-quick-strip-actions{grid-column:1/-1}}@media (width<=390px){.form8-status-rail{grid-template-columns:minmax(0,1fr)}.form8-patch-title{grid-row:2;justify-self:stretch;width:100%}.form8-system-status{grid-row:2}.form8-control-banks{grid-template-columns:minmax(0,1fr)}.form8-control-bank,.form8-control-bank:first-child,.form8-control-bank:last-child,.form8-control-bank:nth-child(odd),.form8-control-bank:nth-child(2n),.form8-control-bank:nth-last-child(-n+2){border-bottom:1px solid #a3aba6;border-right:0;padding:0 0 .72rem}.form8-control-bank:not(:first-child){padding-top:.72rem}.form8-control-bank:last-child{border-bottom:0;padding-bottom:0}.form8-knob-grid{grid-template-columns:repeat(3,2.625rem);justify-content:space-around}.form8-mod-effects-grid{grid-template-columns:minmax(2.625rem,1fr) minmax(5.65rem,2fr)}.form8-bank-subgroup,.form8-bank-subgroup-effects{justify-items:center}.form8-deep-knobs{grid-template-columns:repeat(2,minmax(2.5rem,1fr))}.form8-sequence-heading{flex-direction:column;align-items:flex-start;gap:.15rem}.form8-step{border-radius:.14rem;min-height:1.85rem}.form8-step-light{display:none}.form8-sequence-settings,.form8-transport-status{grid-template-columns:minmax(0,1fr)}.form8-transport-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.form8-keybed-rail{flex-direction:column;align-items:flex-start;gap:.15rem}}@media (prefers-reduced-motion:reduce){.form8-instrument *,.form8-instrument :before,.form8-instrument :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}