.MidiGenerator_shell__R195H{--mode-accent:#36d889;overflow:hidden;border:1px solid rgb(255 255 255/8%);border-radius:var(--radius-surface-xl);background:radial-gradient(circle at 72% -15%,color-mix(in srgb,var(--mode-accent) 16%,transparent),transparent 36%),linear-gradient(150deg,#15171b 0,#08090b 68%);color:#fff;box-shadow:0 26px 80px rgb(0 0 0/20%),inset 0 1px rgb(255 255 255/4%)}.MidiGenerator_chrome__NgyTB{display:flex;min-height:3.45rem;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid rgb(255 255 255/7%);background:rgb(0 0 0/24%)}.MidiGenerator_lights__bcemT{display:flex;gap:.42rem}.MidiGenerator_lights__bcemT i{width:.7rem;height:.7rem;border-radius:50%;box-shadow:0 0 12px currentColor}.MidiGenerator_lights__bcemT i:first-child{background:#ff5f57;color:#ff5f57}.MidiGenerator_lights__bcemT i:nth-child(2){background:#febc2e;color:#febc2e}.MidiGenerator_lights__bcemT i:nth-child(3){background:#28c840;color:#28c840}.MidiGenerator_transport__CsDaV{display:flex;align-items:center;gap:.55rem;color:rgb(255 255 255/42%);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.64rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.MidiGenerator_tempoControl__4obQq{display:inline-flex;min-width:5.5rem;align-items:center;justify-content:center;gap:.28rem;padding:.48rem .7rem;border:1px solid rgb(255 255 255/9%);border-radius:999px;background:rgb(255 255 255/5%);color:rgb(255 255 255/78%);font-size:.7rem;letter-spacing:.02em;text-align:center}.MidiGenerator_tempoControl__4obQq:focus-within{border-color:color-mix(in srgb,var(--mode-accent) 58%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--mode-accent) 11%,transparent)}.MidiGenerator_tempoControl__4obQq input,.MidiGenerator_tempoInput__jvXik{width:2.35rem;height:auto;min-height:0;padding:0;border:0;border-radius:0;outline:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;box-shadow:none;text-align:center;-moz-appearance:textfield}.MidiGenerator_tempoControl__4obQq input::-webkit-inner-spin-button,.MidiGenerator_tempoControl__4obQq input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.MidiGenerator_modeTabs__tSeHQ{display:grid;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid rgb(255 255 255/7%);border-inline-end:1px solid rgb(255 255 255/7%);background:rgb(0 0 0/12%)}.MidiGenerator_modeTab__6REbk{position:relative;min-width:0;padding:1rem .25rem .9rem;border-inline-end:1px solid rgb(255 255 255/6%);color:rgb(255 255 255/38%);font-size:.73rem;font-weight:650;transition:color .16s ease,background .16s ease}.MidiGenerator_modeTab__6REbk:last-child{border-inline-end:0}.MidiGenerator_modeTab__6REbk:hover{color:rgb(255 255 255/74%);background:rgb(255 255 255/2%)}.MidiGenerator_modeTab__6REbk[aria-selected=true]{color:var(--tab-accent);background:color-mix(in srgb,var(--tab-accent) 8%,transparent)}.MidiGenerator_modeTab__6REbk[aria-selected=true]:after{position:absolute;right:18%;bottom:0;left:18%;height:2px;border-radius:999px;background:var(--tab-accent);box-shadow:0 0 15px var(--tab-accent);content:""}.MidiGenerator_body__mGds0{display:grid;grid-template-columns:minmax(15rem,19rem) minmax(0,1fr)}.MidiGenerator_controlColumn__MkTKa{display:flex;min-width:0;flex-direction:column}.MidiGenerator_controls__Bg6gg{display:flex;flex:1;flex-direction:column;padding:1.25rem;border-inline-end:1px solid rgb(255 255 255/7%);background:rgb(255 255 255/2.5%)}.MidiGenerator_controlGrid__p8SXF{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.MidiGenerator_field__mUjd_{min-width:0;gap:.35rem}.MidiGenerator_fieldWide__vekvw{grid-column:1/-1}.MidiGenerator_fieldLabel__Xb8Yh,.MidiGenerator_rangeTitle__2H_Z_{display:block;color:rgb(255 255 255/42%);font-size:.61rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.MidiGenerator_compactInput__ksXt_,.MidiGenerator_compactTrigger__u8XDC{width:100%;height:2rem;min-height:2rem;border:1px solid rgb(255 255 255/9%);border-radius:.55rem;outline:none;background:rgb(255 255 255/5%);color:rgb(255 255 255/86%);box-shadow:none;font-size:.75rem;font-weight:600}.MidiGenerator_compactTrigger__u8XDC{padding:0 1.8rem 0 .65rem}.MidiGenerator_compactValue__fPhSI{color:inherit;font-size:inherit;font-weight:inherit}.MidiGenerator_compactIndicator__9FdII{right:.55rem;color:rgb(255 255 255/48%)}.MidiGenerator_compactInput__ksXt_{padding:0 .65rem}.MidiGenerator_compactInput__ksXt_:focus,.MidiGenerator_compactTrigger__u8XDC[data-focus-visible=true]{border-color:color-mix(in srgb,var(--mode-accent) 72%,white);background:rgb(255 255 255/7%);box-shadow:0 0 0 3px color-mix(in srgb,var(--mode-accent) 14%,transparent)}.MidiGenerator_selectPopover__0Wlu7{border:1px solid rgb(255 255 255/10%);border-radius:.8rem;background:#181a1e;color:rgb(255 255 255/88%)}.MidiGenerator_selectOption__ahBpa{min-height:2rem;border-radius:.5rem;color:rgb(255 255 255/82%);font-size:.75rem}.MidiGenerator_selectOption__ahBpa[data-focused=true],.MidiGenerator_selectOption__ahBpa[data-hovered=true]{background:rgb(255 255 255/8%);color:#fff}.MidiGenerator_range__3OAqM{margin-top:1.05rem}.MidiGenerator_rangeOutput__5tlqH{color:var(--mode-accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;font-weight:700}.MidiGenerator_rangeTrack__qKYxU{height:1rem;border-inline-width:.5rem;border-inline-color:transparent;background:rgb(255 255 255/18%)}.MidiGenerator_rangeFill__bcH1P{background:var(--mode-accent)}.MidiGenerator_rangeThumb__8C5Fl{width:1.1rem!important;background:var(--mode-accent)}.MidiGenerator_rangeThumb__8C5Fl:after{width:.75rem!important;height:.75rem!important;background:var(--mode-accent)}.MidiGenerator_privacy__1Osop{margin-top:auto;padding-top:1.1rem;color:rgb(255 255 255/28%);font-size:.62rem;line-height:1.5}.MidiGenerator_newIdeaButton__ON0OW{width:100%;margin-top:.65rem}.MidiGenerator_stage__XFlzO{position:relative;display:flex;min-width:0;flex-direction:column;padding:1.25rem;overflow:hidden}.MidiGenerator_stage__XFlzO:before{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 15%,color-mix(in srgb,var(--mode-accent) 8%,transparent),transparent 36%);content:""}.MidiGenerator_clipHeader__kvze_{position:relative;display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.MidiGenerator_clipName__PDCbg{color:rgb(255 255 255/88%);font-size:1rem;font-weight:650}.MidiGenerator_clipMeta__j8ouv{color:var(--mode-accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.66rem}.MidiGenerator_rollShell__jmnMj{position:relative;min-height:20rem;flex:1;overflow:hidden;border:1px solid rgb(255 255 255/7%);border-radius:var(--radius-2xl);background:#08090a;box-shadow:inset 0 18px 60px rgb(0 0 0/34%)}.MidiGenerator_rollGrid__5rPvb{position:absolute;inset:0;background-image:linear-gradient(180deg,rgb(255 255 255/4%) 1px,transparent 0),linear-gradient(90deg,rgb(255 255 255/3.5%) 1px,transparent 0),linear-gradient(90deg,rgb(255 255 255/8%) 1px,transparent 0);background-size:100% calc(100% / 12),calc(100% / var(--step-count)) 100%,calc(100% / var(--bar-count)) 100%}.MidiGenerator_rollLabels__w5xyd{position:absolute;z-index:2;top:.72rem;bottom:.72rem;left:.7rem;display:flex;flex-direction:column;justify-content:space-between;color:rgb(255 255 255/18%);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.55rem;pointer-events:none}.MidiGenerator_note__vwAs9{position:absolute;z-index:1;min-width:3px;border:1px solid color-mix(in srgb,var(--mode-accent) 54%,white);border-radius:.27rem;background:linear-gradient(to bottom,color-mix(in srgb,var(--mode-accent) 48%,white),color-mix(in srgb,var(--mode-accent) 74%,black));box-shadow:0 0 14px color-mix(in srgb,var(--mode-accent) 20%,transparent),inset 0 1px rgb(255 255 255/20%);opacity:.82;transition:filter .1s ease,opacity .1s ease}.MidiGenerator_notePast__ZwZht{opacity:.33;filter:saturate(.6)}.MidiGenerator_playhead__VO9tc{position:absolute;z-index:4;top:0;bottom:0;width:1px;background:#fff;box-shadow:0 0 12px var(--mode-accent);pointer-events:none}.MidiGenerator_playhead__VO9tc:before{position:absolute;top:0;left:50%;width:.38rem;height:.38rem;border-radius:0 0 50% 50%;background:#fff;content:"";transform:translateX(-50%)}.MidiGenerator_actions__i5FHE{position:relative;justify-content:space-between;padding-top:1rem}.MidiGenerator_actionGroup__x16Dr,.MidiGenerator_actions__i5FHE{display:flex;flex-wrap:wrap;gap:.55rem}.MidiGenerator_exportActions__u4cMI{margin-inline-start:auto}.MidiGenerator_downloadButton__BLqYZ,.MidiGenerator_primary__Ujc4n,.MidiGenerator_secondary__9YPbh{display:inline-flex;min-height:2rem;height:2rem;align-items:center;justify-content:center;gap:.45rem;padding:.4rem .75rem;border-radius:999px;font-size:.75rem;font-weight:700;transition:transform .15s ease,filter .15s ease,background .15s ease}.MidiGenerator_primary__Ujc4n{background:var(--mode-accent);color:#07100b}.MidiGenerator_secondary__9YPbh{border:1px solid rgb(255 255 255/9%);background:rgb(255 255 255/5%);color:rgb(255 255 255/70%)}.MidiGenerator_downloadButton__BLqYZ{border:1px solid #fff;background:#fff;color:#0a0b0d}.MidiGenerator_downloadButton__BLqYZ:hover,.MidiGenerator_primary__Ujc4n:hover,.MidiGenerator_secondary__9YPbh:hover{transform:translateY(-1px);filter:brightness(1.1)}.MidiGenerator_secondary__9YPbh:hover{color:#fff;background:rgb(255 255 255/8%)}@media (max-width:900px){.MidiGenerator_modeTabs__tSeHQ{width:100%;border-inline-end:0}.MidiGenerator_body__mGds0{grid-template-columns:1fr}.MidiGenerator_controls__Bg6gg{border-inline-end:0;border-bottom:1px solid rgb(255 255 255/7%)}.MidiGenerator_controlGrid__p8SXF{grid-template-columns:repeat(4,minmax(0,1fr))}.MidiGenerator_fieldWide__vekvw{grid-column:auto}.MidiGenerator_rangeGrid__7o_fv{display:grid;grid-template-columns:1fr 1fr;gap:1rem}}@media (max-width:640px){.MidiGenerator_chrome__NgyTB{min-height:3rem;padding-inline:.8rem}.MidiGenerator_modeTab__6REbk{padding:.85rem .25rem;font-size:.65rem}.MidiGenerator_controls__Bg6gg,.MidiGenerator_stage__XFlzO{padding:.85rem}.MidiGenerator_controlGrid__p8SXF{grid-template-columns:1fr 1fr}.MidiGenerator_rollShell__jmnMj{min-height:17rem}.MidiGenerator_actions__i5FHE{flex-direction:column}.MidiGenerator_actionGroup__x16Dr{display:grid;grid-template-columns:1fr 1fr}.MidiGenerator_playActions__wPCnv{grid-template-columns:1fr}.MidiGenerator_exportActions__u4cMI{margin-inline-start:0}.MidiGenerator_downloadButton__BLqYZ,.MidiGenerator_primary__Ujc4n,.MidiGenerator_secondary__9YPbh{padding-inline:.6rem}}@media (prefers-reduced-motion:reduce){.MidiGenerator_compactInput__ksXt_,.MidiGenerator_compactTrigger__u8XDC,.MidiGenerator_downloadButton__BLqYZ,.MidiGenerator_modeTab__6REbk,.MidiGenerator_note__vwAs9,.MidiGenerator_primary__Ujc4n,.MidiGenerator_secondary__9YPbh{transition:none}}