:root{color-scheme:dark;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;--bg0: #0b0f12;--text: #cfd6dd;--muted: rgba(207, 214, 221, .75);--border: rgba(42, 52, 63, .95);--borderSoft: rgba(42, 52, 63, .55);--acc-blue: #4aa3ff;--acc-green: #62d68b;--acc-amber: #ffcc66;--ledOn: rgba(74, 163, 255, .9);--ledHit: rgba(255, 220, 140, .95);--knob-bg: rgba(10, 14, 18, .9);--knob-needle: rgba(235,240,245,.95);--knob-dot: rgba(255,255,255,.9);--knob-cap: rgba(255,255,255,.16)}html,body{height:100%}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:18px 18px 40px;color:var(--text);background-color:#05090f;overflow-x:hidden}#app{position:relative;min-height:calc(100vh - 58px)}.appShell{position:relative;z-index:1}.ambientBackground{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.ambientBackground:before,.ambientBackground:after{content:"";position:absolute;inset:0}.ambientBackground:before{background:radial-gradient(1400px 900px at 20% 10%,rgba(54,111,160,.14),transparent 58%),radial-gradient(900px 700px at 82% 18%,rgba(53,120,132,.1),transparent 62%),radial-gradient(1200px 900px at 50% 100%,rgba(26,66,98,.15),transparent 68%),linear-gradient(180deg,#050d14,#061019 32%,#05090f);background-repeat:no-repeat;background-position:center top;background-size:cover}.ambientBackground:after{background:radial-gradient(circle at center,#060c1200,#04080c33 62%,#0205085c),linear-gradient(180deg,#03070b14,#0205093d)}.ambientBackgroundCanvas{position:relative;width:100%;height:100%;display:block;opacity:.97}header{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;padding:10px 12px;background:linear-gradient(180deg,#0f151bd9,#0f151ba6);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(42,52,63,.5)}header{transition:background .3s ease,backdrop-filter .3s ease}header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(74,163,255,.6),transparent);opacity:.3}h1{margin:0 10px 0 0;font-size:16px;letter-spacing:.6px;opacity:.95}.small{font-size:12px;opacity:.82}button{background:#1a222ad9;border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:8px;cursor:pointer;-webkit-user-select:none;user-select:none}button:hover{background:#202a33e6}button.primary{border-color:#4aa3ffb3;box-shadow:0 0 0 1px #4aa3ff40 inset}button.danger{border-color:#ff505073;opacity:.9}button.danger:hover{background:#3c12128c}.iconBtn{width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-size:16px;line-height:1}.bankWrap,.bpmWrap,.presetWrap{display:flex;gap:8px;align-items:center}.presetWrap{padding:4px 8px;border:1px solid rgba(74,163,255,.22);border-radius:10px;background:#090f1480}.presetSelect{min-width:160px;max-width:280px}.spacer{flex:1 1 auto}input,select,textarea{background:#0a0e12b3;color:var(--text);color-scheme:dark;border:1px solid var(--border);border-radius:8px;padding:6px 8px;outline:none;min-width:0}select option{color:#eaeff4f5;background:#0a0f16fa}input[type=range]{accent-color:var(--acc-blue)}main{margin-top:8px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;align-items:start}.card{background:#0f151bc7;border:1px solid var(--borderSoft);border-radius:16px;padding:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 10px 30px #00000040;overflow:hidden}.cardHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.titleRow{display:flex;align-items:center;gap:8px;min-width:0}.badge{font-size:10px;letter-spacing:.8px;padding:3px 6px;border-radius:999px;border:1px solid rgba(207,214,221,.22);background:#00000038;opacity:.95}.card[data-type=drum] .badge{border-color:#4aa3ff8c}.card[data-type=tonal] .badge{border-color:#62d68b8c}.card[data-type=visual] .badge{border-color:#ffcc6673}.name{font-weight:700;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rightControls{display:flex;gap:8px;align-items:center}.led{width:10px;height:10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#00000059}.led.on{background:var(--ledOn)}.led.on.hit{background:var(--ledHit)}.modTabs{display:flex;gap:6px;padding:6px 10px 0}.modTab{appearance:none;border:1px solid #262626;background:#141414;color:#9a9a9a;padding:6px 10px;border-radius:8px;cursor:pointer;font-size:12px;line-height:1}.modTab:hover{background:#1a1a1a}.modTab.active{background:#1f1f1f;color:#00ff7b;border-color:#00ff7b}.modPanel{padding:10px}.modPanel.hidden{display:none}.row{display:grid;grid-template-columns:70px 1fr 70px 1fr auto auto;gap:10px;align-items:center;min-width:0}.compactRow>label{font-size:11px;opacity:.85}.miniRow{display:flex;justify-content:flex-end;margin-top:8px}.spacer{height:10px}.knobCtl{width:75px;display:grid;justify-items:center;gap:4px}.knobCtl>label{font-weight:500;letter-spacing:.2px}.knob{width:44px;height:44px}.knob svg{width:44px;height:44px;display:block}.knobVal{font-variant-numeric:tabular-nums;font-size:10px}.knob.drag{box-shadow:0 0 0 2px #4aa3ff40}.knobBg{fill:var(--knob-bg);stroke:#ffffff14;stroke-width:1.3}.knobArc{fill:none;stroke:var(--acc-blue);stroke-width:3;stroke-linecap:round;opacity:.95}.knobNeedle{stroke:var(--knob-needle);stroke-width:2.2;stroke-linecap:round}.knobDot{fill:var(--knob-dot);opacity:.9}.knobCap{fill:var(--knob-cap);stroke:#ffffff14;stroke-width:1}.card[data-type=drum] .knobArc{stroke:var(--acc-blue)}.card[data-type=tonal] .knobArc{stroke:var(--acc-green)}.card[data-type=visual] .knobArc{stroke:var(--acc-amber)}.switchRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid rgba(42,52,63,.35)}.switchRow:first-child{border-top:none}.switchLabel{font-size:12px;color:var(--muted)}.switch{position:relative;width:44px;height:24px;border-radius:999px;border:1px solid rgba(42,52,63,.9);background:#00000040;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s ease,border-color .12s ease}.switch.on{background:#4aa3ff2e;border-color:#4aa3ff8c}.switchKnob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:999px;background:#ebf0f5eb;box-shadow:0 6px 18px #00000059;transition:transform .14s ease}.switch.on .switchKnob{transform:translate(20px)}.seedInput{width:100%}.seedBtn{width:32px;height:28px;padding:0;font-size:14px}.seqTopRow{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.seqSourceRow{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;margin-top:8px}.adv{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(min-width:1100px){.adv{grid-template-columns:repeat(4,1fr)}}@media(max-width:720px){.adv{grid-template-columns:repeat(2,1fr)}}.triggerPatternPreview{margin-top:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:11px;line-height:1.3;letter-spacing:.4px;color:#e3ebf2d1;background:#0b1016b8;border:1px solid rgba(80,98,115,.45);border-radius:8px;padding:6px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ctl input[type=range]{width:100%}.ctl .val{font-size:10px;opacity:.75}.visualBody{background:#0f151beb;border:1px solid rgba(42,52,63,.55);border-radius:14px;padding:10px;overflow:hidden;min-height:180px}.scope{width:100%;height:160px;display:block;border-radius:12px;max-width:100%}.modalOverlay{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:18px;z-index:999}.modal{width:min(860px,96vw);max-height:86vh;overflow:hidden;border-radius:16px;border:1px solid rgba(42,52,63,.75);background:#0f151beb;box-shadow:0 20px 60px #0000008c}.modalHead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid rgba(42,52,63,.55)}.modalTitle{font-weight:800;letter-spacing:.6px}.modalClose{width:34px;height:34px;padding:0;border-radius:10px;font-size:18px}.modalBody{padding:12px;overflow:auto;max-height:calc(86vh - 58px)}.settingsRow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:8px 0;border-bottom:1px solid rgba(42,52,63,.35)}.settingsBlock{margin-top:12px;padding-top:10px;border-top:1px solid rgba(42,52,63,.35);display:grid;gap:8px}.settingsBtnRow{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.cssBox,.jsonBox{width:100%;min-height:140px;resize:vertical;font-size:12px;line-height:1.35}.welcomeText{display:grid;gap:8px}.welcomeText p{margin:0}.welcomeDedication{margin-top:4px!important;line-height:1.35;opacity:.9;display:grid;gap:2px}.welcomeDedication span:first-child{font-style:italic}.settingsIntro{margin-bottom:6px;line-height:1.35}.settingsSection{margin-top:10px;padding:10px;border:1px solid rgba(207,214,221,.13);border-radius:12px;background:#070c1159;display:grid;gap:8px}.settingsSectionHead{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-bottom:5px;border-bottom:1px solid rgba(207,214,221,.12)}.settingsSectionTitle{text-transform:uppercase;letter-spacing:.7px}.settingsSectionMeta{opacity:.6}.settingsLabelWrap{min-width:0;display:grid;gap:3px}.settingsItemMeta{opacity:.58;font-size:11px}.settingsRow>input,.settingsRow>select{justify-self:end;min-width:170px}.settingsEditor{min-width:min(460px,100%);width:min(460px,100%);display:grid;gap:8px}.settingsRowTextArea{align-items:start}.settingsRowToggle{align-items:center}.settingsToggle{margin-top:0}.presetList{display:grid;gap:8px;margin-top:12px}.presetListScrollable{max-height:min(52vh,460px);overflow-y:auto;padding-right:3px}.presetRow{border:1px solid rgba(42,52,63,.45);border-radius:10px;background:#050a0f59;padding:8px;display:grid;gap:8px}.presetMeta{display:grid;gap:4px}.presetName{font-weight:600}.presetName.active{color:var(--acc-green)}.presetManagerFilterWrap{margin-top:10px;display:grid;gap:5px}.presetManagerFilterInput{width:100%}.presetManagerEmpty{margin-top:8px;opacity:.74}.chkRow{display:flex;align-items:center;gap:8px;margin-top:8px;-webkit-user-select:none;user-select:none}.soundCard{border-width:1px}.card[data-type=drum]{background:linear-gradient(180deg,#0d1821db,#0f151bbf);border-color:#4aa3ff47}.card[data-type=tonal]{background:linear-gradient(180deg,#121d17d1,#0f151bbf);border-color:#62d68b47}.voiceRow{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));justify-items:center;row-gap:8px}.soundGroup{margin-bottom:8px;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#00000024}.groupTitle{margin-bottom:6px;letter-spacing:.5px;opacity:.95}.grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px}.moduleSection{grid-column:1 / -1;padding:4px 2px;border-top:1px solid rgba(255,255,255,.08);margin-top:4px}.moduleSectionTitle{font-weight:700;letter-spacing:.5px}.moduleSectionSubtitle{opacity:.75}.moduleCard{min-height:210px}.familyBadge{font-size:10px;letter-spacing:.9px;padding:4px 8px;border-radius:999px;border:1px solid rgba(207,214,221,.3);background:#00000040}.card[data-type=trigger] .familyBadge{border-color:#c67fff99;color:#deb6ff}.card[data-type=drum] .familyBadge{border-color:#4aa3ff99;color:#98d2ff}.card[data-type=tonal] .familyBadge{border-color:#62d68b99;color:#a9efc4}.card[data-type=visual] .familyBadge{border-color:#fc69;color:#ffde9f}.card[data-type=add] .familyBadge{border-color:#cfd6dd73}.moduleTitleWrap{min-width:0;display:grid;gap:2px}.moduleTypeLabel{letter-spacing:.4px;opacity:.85}.moduleId{letter-spacing:.3px;opacity:.6}.moduleRelations{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.connectionPill{display:inline-flex;align-items:center;gap:8px;padding:4px 8px;border-radius:999px;border:1px solid rgba(207,214,221,.2);background:#0003}.connectionPill.strong{border-color:#4aa3ff73}.connectionPillValue{font-size:12px}.moduleMainPanel{padding:0 2px 6px}.moduleGroup{margin-bottom:8px;padding:8px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#00000029}.moduleGroupTitle{margin-bottom:6px;letter-spacing:.5px}.card[data-type=trigger]{background:linear-gradient(180deg,#1e122adb,#0f151bbf);border-color:#c67fff4d}.modTabs{border-top:1px solid rgba(255,255,255,.07);margin-top:4px;padding:8px 2px 0}.modTab.active{color:#e7f2ff;border-color:#4aa3ffb3}.triggerMainGrid{margin-top:10px}.triggerPatternPreview{margin-top:10px;white-space:normal}.add-slot-card{border-style:dashed}.add-slot-body{display:grid;gap:10px}.addFamilyGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.addFamilyBtn{text-align:left;padding:10px;min-height:68px;border-radius:10px}.addFamilyTitle{font-weight:600;margin-bottom:4px}.addFamilyDesc{opacity:.75;line-height:1.2}.addModuleFuture{opacity:.65}.visualBody{min-height:220px}.scope{height:200px}@media(max-width:780px){.grid{grid-template-columns:1fr}}.headerCluster{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.grid{display:grid;grid-template-columns:repeat(2,minmax(320px,1fr));gap:16px}.familyLane{border:1px solid rgba(207,214,221,.12);border-radius:16px;background:#080c1073;padding:10px}.familyLaneHead{margin-bottom:10px}.familyLaneBody{display:grid;gap:10px}.moduleSurface{border-radius:14px;border:1px solid var(--borderSoft);background:#0e141be6;padding:10px}.surfaceHeader{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px}.surfaceIdentity{display:flex;gap:8px;align-items:center;min-width:0}.surfaceBadge{font-size:10px;letter-spacing:1px;border:1px solid rgba(207,214,221,.35);border-radius:999px;padding:4px 8px}.surfaceNameWrap{display:grid;gap:1px;min-width:0}.triggerSurface{background:linear-gradient(180deg,#2a1534e6,#0f151be6)}.triggerPrimary{display:grid;grid-template-rows:auto auto auto 1fr;gap:8px}.triggerPulseRail{border:1px solid rgba(198,127,255,.45);border-radius:10px;padding:8px;background:#170b208c;display:grid;gap:6px}.triggerSectionLabel{font-size:10px;letter-spacing:1px;text-transform:uppercase;opacity:.82}.triggerStepGrid{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:3px}.triggerStepCell{height:8px;border-radius:3px;background:#c67fff29}.triggerStepCell.on{background:#ddacffe6;box-shadow:0 0 8px #c67fff66}.triggerTransportReadout{opacity:.8}.triggerModeRack{grid-template-columns:1fr 120px}.drumSurfaceBody{grid-template-columns:.95fr 1.2fr .85fr}.drumLane{background:#070f1866}.synthSurfaceBody{grid-template-columns:1.2fr .9fr 1.1fr}.synthBlock{background:#09120e73}.utilityPanel{border-color:#7eafff57;background:#08101c73}.utilityRouteCard{border:1px dashed rgba(126,175,255,.45);border-radius:10px;padding:8px;display:grid;gap:6px}.utilityRouteTitle{font-size:11px;letter-spacing:.8px;text-transform:uppercase}.utilityRouteMap{padding:4px 6px;border-radius:8px;background:#4aa3ff29}.visualSurfaceBody{display:grid;grid-template-rows:1fr auto;gap:8px}.visualDisplayWrap{position:relative;border:1px solid rgba(255,204,102,.25);border-radius:10px;overflow:hidden;min-height:0}.visualOverlay{position:absolute;top:6px;left:8px;background:#0e141a94;border:1px solid rgba(255,204,102,.35);border-radius:999px;padding:2px 7px}.visualControlDock{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center}.visualReadout{grid-column:1 / -1;margin-top:0}.triggerModeRack{display:grid;gap:8px}.triggerPulseRack{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px}.triggerPatternPanel{margin:0;min-height:72px;white-space:pre-wrap;border:1px solid rgba(198,127,255,.35);border-radius:10px;padding:8px;background:#07080c80}.drumSurface{background:linear-gradient(180deg,#0d1c28f2,#0c1018f2)}.drumSurfaceBody{display:grid;gap:8px}.drumLane{border:1px solid rgba(74,163,255,.3);border-radius:10px;padding:8px 6px;display:grid;gap:6px}.synthSurface{background:linear-gradient(180deg,#102319eb,#0e1218f2)}.synthSurfaceBody{display:grid;gap:8px}.synthBlock{border:1px solid rgba(98,214,139,.3);border-radius:10px;padding:8px 6px;display:grid;gap:6px}.visualSurface{background:linear-gradient(180deg,#221c0cf0,#0f151bf2)}.visualSurfaceBody{border:1px solid rgba(255,204,102,.25);border-radius:12px;padding:8px;background:#090e14d9}.browserSurface{border-style:dashed}.browserSurfaceBody{display:grid;gap:10px}.surfaceTabs{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:6px}.surfaceTabPanel{margin-top:8px;border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:8px}@media(max-width:1200px){.grid{grid-template-columns:1fr}}@media(max-width:860px){.drumSurfaceBody,.synthSurfaceBody{grid-template-columns:1fr}}:root{--module-cell-w: 360px;--module-cell-h: 320px}main{margin-top:10px}header{align-items:flex-start}.grid{display:grid;grid-template-columns:1fr;gap:14px}.familyLane{border:1px solid rgba(207,214,221,.12);border-radius:16px;background:linear-gradient(180deg,#0b1016c7,#080c11b8);padding:12px}.familyLane[data-family=trigger]{border-color:#c67fff47}.familyLane[data-family=drum]{border-color:#4aa3ff47}.familyLane[data-family=tonal]{border-color:#62d68b47}.familyLane[data-family=visual]{border-color:#ffcc6640}.familyLaneHead{margin-bottom:10px;padding:0 2px}.familyLaneBody{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--module-cell-w),1fr));gap:10px}.moduleCell>.moduleSurface{height:100%}.moduleSurface{display:flex;flex-direction:column;border-radius:14px;border:1px solid var(--borderSoft);background:#0e141be6;padding:10px;overflow:hidden;transition:border-color .12s ease,background .12s ease,box-shadow .12s ease}.moduleSurface.draggableModule:hover{border-color:#cfd6dd57;box-shadow:0 0 0 1px #cfd6dd1f inset}.moduleSurface.draggableModule.dragging{opacity:.84;border-color:#6ab8ffeb;box-shadow:0 0 0 1px #6ab8ff59 inset,0 10px 22px #00000057;transform:translateY(-2px)}.moduleSurface.draggableModule.dragSwapReady{border-color:#ffb16adb;background:#251b10c7;box-shadow:0 0 0 1px #ffb16a47 inset,0 0 0 2px #ffb16a33}.moduleSurface.draggableModule.dropSettled{animation:moduleDropSettle .19s ease-out}.surfaceBadge.module-drag-handle{cursor:grab;-webkit-user-select:none;user-select:none}.surfaceBadge.module-drag-handle:active{cursor:grabbing}.moduleSurface.draggableModule{position:relative}.moduleMoveOverlay{position:absolute;top:42px;right:10px;z-index:14;display:grid;grid-auto-flow:column;gap:6px;padding:6px;border-radius:12px;border:1px solid rgba(207,214,221,.32);background:#0a1017cc;box-shadow:0 10px 24px #00000052;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.moduleMoveOverlayBtn{min-width:36px;min-height:36px;border-radius:10px;border:1px solid rgba(207,214,221,.22);background:#212e3db3;color:#ecf4faf2;font-size:16px;font-weight:600;line-height:1;cursor:pointer}.moduleMoveOverlayBtn:active{transform:translateY(1px)}.moduleMoveOverlayClose{color:#ffd5d5f2;border-color:#ff96964d}.triggerPrimary,.drumSurfaceBody,.synthSurfaceBody,.visualSurfaceBody,.surfaceTabPanel{min-height:0}.drumSurfaceBody,.synthSurfaceBody,.triggerPrimary{flex:1 1 auto;align-content:start}.visualSurfaceBody{flex:1 1 auto;display:flex;flex-direction:column}.scope{flex:1 1 auto;min-height:0;height:auto}.addModuleSlot{position:relative;justify-content:center;align-items:center;border:1px solid rgba(207,214,221,.2);background:#0a0f1459;color:#e2e9efb8;transition:border-color .12s ease,background .12s ease,transform .12s ease;cursor:pointer}.addModuleSlot:hover,.addModuleSlot:focus-visible,.addModuleSlot.menuOpen{border-color:#cfd6dd6b;background:#0e141bc2;box-shadow:0 0 0 1px #cfd6dd29 inset}.addModuleSlot.dragReady{border-color:#4aa3ffc2;background:#18283ab8;box-shadow:0 0 0 2px #4aa3ff38 inset}.addModuleSlot.dragMoveReady{border-color:#64c89ad6;background:#152c24c7;box-shadow:0 0 0 2px #64c89a42 inset}.addModulePlus{font-size:56px;line-height:1;font-weight:300;opacity:.86;-webkit-user-select:none;user-select:none;pointer-events:none}.addModuleSlotLabel{margin-top:4px;text-transform:uppercase;letter-spacing:.8px;opacity:.7}.addSlotMenu{position:absolute;inset:auto auto 12px 12px;width:min(250px,calc(100% - 24px));background:#0a0e12fa;border:1px solid rgba(207,214,221,.25);border-radius:12px;padding:8px;display:grid;gap:6px;z-index:4;box-shadow:0 14px 28px #00000059}.addSlotMenu:before{content:"";position:absolute;width:8px;height:8px;border-left:1px solid rgba(207,214,221,.25);border-top:1px solid rgba(207,214,221,.25);background:#0a0e12fa;transform:rotate(45deg);left:14px;top:-5px}.addSlotMenu.anchored{left:clamp(8px,var(--menu-x),calc(100% - 260px));top:clamp(8px,var(--menu-y),calc(100% - 150px));inset:unset}.addSlotMenu.anchored:before{left:clamp(12px,calc(var(--menu-x) - 12px),calc(100% - 30px));top:-5px}.addSlotMenuItem{text-align:left;width:100%;border-radius:10px;padding:9px;border:1px solid rgba(207,214,221,.16);background:#ffffff05}.addSlotMenuItem.accent{border-color:#4aa3ff61}.addSlotMenuTitle{font-weight:600;margin-bottom:3px}.addSlotMenuDesc{opacity:.75}@media(max-width:1200px){:root{--module-cell-w: 320px;--module-cell-h: 300px}}@media(max-width:760px){.familyLaneBody{grid-template-columns:1fr}}.transportTitle{display:grid;gap:3px;padding:2px 4px 0}.transportWordmark{display:block;height:clamp(20px,2.2vw,26px);width:auto;filter:brightness(0) invert(1) saturate(.08) brightness(1.18);opacity:.94}.transportSubtitle{letter-spacing:.6px;opacity:.72;text-transform:uppercase}.transportMain{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;width:100%}.transportGroup{display:grid;gap:6px;padding:8px;border:1px solid rgba(207,214,221,.14);border-radius:12px;background:linear-gradient(180deg,#161e26c7,#0b1016cc)}.transportGroupLabel{text-transform:uppercase;letter-spacing:.75px;opacity:.72}.transportGroupBody{display:grid;gap:6px;min-width:0}.transportGroupBody>.bpmWrap,.transportGroupBody>.presetWrap{width:100%}.transportActionRow{display:flex;gap:6px;flex-wrap:wrap}.transportActionRow>button{flex:1 1 96px}.transportStatus{margin:0;line-height:1.35}.transportStatusActions{display:flex;align-items:center;justify-content:space-between;gap:8px}.transportStatusActions .transportSettings{flex:0 0 auto}:root{--module-cell-w: 330px;--module-cell-h: 340px}.workspaceGrid{grid-template-columns:repeat(auto-fill,minmax(var(--module-cell-w),1fr));gap:10px}.familyLane,.familyLaneHead,.familyLaneBody{display:none}.moduleCell{height:var(--module-cell-h)}.moduleSurface{padding:8px}.surfaceHeader{margin-bottom:6px}.surfaceNameWrap .moduleId{display:none}.surfaceFace{flex:1 1 auto;min-height:0;display:flex;overflow:hidden}.surfaceTabPanel{margin-top:0;width:100%;overflow:hidden}.surfaceTabs{margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.08)}.triggerPrimary,.visualSurfaceBody,.drumSurfaceBody,.synthSurfaceBody{display:grid;grid-template-columns:1fr;gap:8px;align-content:start}.triggerPulseRail,.visualDisplayWrap{grid-column:1 / -1}.triggerPatternPanel{min-height:64px}.visualSurfaceBody{grid-template-columns:1fr}.visualControlDock{grid-template-columns:1fr 1fr}.addModulePlus{font-size:44px}@media(max-width:760px){.workspaceGrid{grid-template-columns:1fr}}.triggerGeneratorReadout,.triggerSeedReadout{border:1px solid rgba(198,127,255,.42);border-radius:9px;background:#120b1adb;text-align:left;padding:6px 8px}.triggerReadoutLabel{text-transform:uppercase;letter-spacing:.9px;font-size:10px;opacity:.72}.triggerReadoutValue{margin-top:3px;font-size:13px;letter-spacing:1.2px;color:#f0d8ff;font-variant-numeric:tabular-nums}.triggerReadoutHint{margin-top:2px;opacity:.68;font-size:10px}button.danger.armed{border-color:#ff7878e6;background:#7814148c;color:#ffd7d7}.machineSelect{border:1px solid rgba(255,204,102,.28);border-radius:8px;padding:6px;background:#110e0a8c;display:grid;gap:6px}.machineSelect select{width:100%}.controlSurface{background:linear-gradient(180deg,#1d2136eb,#0e1218f2)}.controlBody{display:grid;gap:8px;align-content:start}.controlTypeRow{display:grid;grid-template-columns:1fr 1fr;gap:8px}.controlMeter{border:1px solid rgba(156,171,255,.45);border-radius:999px;height:12px;background:#28305859;overflow:hidden}.controlMeterFill{height:100%;width:50%;background:linear-gradient(90deg,#8298ffb3,#becbfff2)}:root{--module-cell-w: 330px;--module-cell-h: 348px;--module-shell-pad: 10px;--module-shell-gap: 8px;--module-header-h: 58px;--module-tabs-h: 34px;--workspace-slot-radius: 18px;--workspace-grid-gap: 10px;--workspace-grid-pad: 8px}.workspaceViewport{width:100%;overflow-x:auto;padding-bottom:8px;padding-inline:var(--workspace-side-gutter, 0px);scrollbar-gutter:stable both-edges;box-sizing:border-box}.workspaceViewportInner{display:flex;justify-content:center;width:max(100%,fit-content)}.workspaceGrid{--workspace-visible-columns: 1;--workspace-render-columns: var(--workspace-visible-columns);grid-template-columns:repeat(var(--workspace-render-columns),minmax(0,var(--module-cell-w)));justify-content:start;align-items:start;gap:var(--workspace-grid-gap);flex:0 0 auto;width:max-content;max-width:none;margin:0;padding:var(--workspace-grid-pad);border:1px solid rgba(207,214,221,.06);border-radius:18px;background:#080c1142}.moduleCell{box-sizing:border-box;position:relative;isolation:isolate;display:grid;place-items:stretch;min-height:0;width:var(--module-cell-w);height:var(--module-cell-h)}.moduleCell,.moduleCell *{box-sizing:border-box}.moduleCellSubstrate,.moduleCellBed{box-sizing:border-box;position:absolute;inset:0;pointer-events:none;border-radius:var(--workspace-slot-radius)}.moduleCellSubstrate{border:1px solid rgba(207,214,221,.05);background:#ffffff03}.moduleCellBed{inset:6px;border:1px solid rgba(207,214,221,.035);background:linear-gradient(180deg,#ffffff03,#fff0)}.moduleCell.occupied .moduleCellSubstrate{border-color:#cfd6dd0f;background:#ffffff03}.moduleCell.occupied .moduleCellBed{border-color:#cfd6dd08;background:transparent}.moduleCell.empty .moduleCellSubstrate{border-color:#cfd6dd0a}.moduleCell.dragMoveReady .moduleCellSubstrate{border-color:#64c89a85;box-shadow:0 0 0 1px #64c89a38 inset}.moduleCell.dragMoveReady .moduleCellBed{border-color:#64c89a47;background:linear-gradient(180deg,#64c89a17,#64c89a05)}.moduleCell.dragSwapReady .moduleCellSubstrate{border-color:#ffb16a8f;box-shadow:0 0 0 1px #ffb16a38 inset}.moduleCell.dragSwapReady .moduleCellBed{border-color:#ffb16a3d;background:linear-gradient(180deg,#ffb16a14,#ffb16a05)}.moduleCell.dragSource .moduleCellSubstrate{border-color:#6ab8ff85}.moduleCell>.moduleSurface,.moduleCell>.addModuleSlot{box-sizing:border-box;position:relative;z-index:1;min-height:0;max-height:100%;width:100%;height:100%}.moduleSurface{box-sizing:border-box;display:grid;grid-template-rows:var(--module-header-h) minmax(0,1fr) var(--module-tabs-h);gap:var(--module-shell-gap);padding:var(--module-shell-pad);overflow:hidden}@keyframes moduleDropSettle{0%{transform:translateY(-3px);filter:brightness(1.05)}to{transform:translateY(0);filter:brightness(1)}}.surfaceHeader{min-height:0;margin:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px}.surfaceIdentity{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px}.surfaceNameWrap{min-width:0;display:grid;gap:2px;line-height:1.05}.surfaceNameWrap>.name,.surfaceNameWrap>.small{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.surfaceNameWrap .small+.small{margin-top:0}.surfaceBadge{flex:0 0 auto;align-self:start}.rightControls{gap:6px;align-self:start;flex:0 0 auto}.rightControls>button{min-width:40px;flex:0 0 auto}.surfaceTabs{margin:0;padding:0;border-top:0;min-height:0;align-self:end}.surfaceTabs .modTab{flex:1 1 0;min-width:0;padding:6px 8px}.surfaceFace{min-height:0;display:grid;align-self:stretch}.surfaceFace>.surfaceTabPanel{min-height:0;margin:0;padding:8px;overflow:hidden;align-content:start}.triggerPrimary,.drumSurfaceBody,.synthSurfaceBody,.visualSurfaceBody,.controlBody,.utilityPanel{min-height:0}.triggerPrimary,.drumSurfaceBody,.synthSurfaceBody,.controlBody{display:grid;gap:8px;align-content:start}.drumSurfaceBody,.synthSurfaceBody,.triggerPulseRack,.controlBody{grid-template-columns:repeat(4,minmax(0,1fr))}.controlTypeRow,.controlMeter{grid-column:1 / -1}.triggerPulseRail{padding:7px;gap:5px}.triggerGeneratorReadout,.triggerSeedReadout{padding:5px 7px}.triggerReadoutValue{font-size:12px}.triggerStepGrid{gap:2px}.triggerStepCell{height:7px}.triggerPulseRack{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.utilityPanel,.controlBody{align-content:start}.utilityRouteCard,.machineSelect{padding:7px;gap:5px}.visualSurfaceBody{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:8px;height:100%}.visualDisplayWrap{min-height:0}.scope{width:100%;height:100%;min-height:0}.visualControlDock{align-items:start}.controlTypeRow{grid-template-columns:repeat(2,minmax(0,1fr))}.controlMeter{align-self:end}.addModuleSlot{box-sizing:border-box;display:grid;grid-template-rows:auto auto;align-content:center;gap:6px;justify-items:center;align-items:center;border-radius:var(--workspace-slot-radius);border-color:#cfd6dd1a;background:#0c111729;box-shadow:inset 0 0 0 1px #ffffff03}@media(max-width:760px){:root{--module-cell-w: min(100%, 330px)}.workspaceViewportInner{justify-content:flex-start;width:100%;min-width:100%}.workspaceViewport{scrollbar-gutter:auto}.moduleCell{width:100%}}.controlSurface{grid-template-rows:var(--module-header-h) minmax(0,1fr)}.controlSurface .surfaceFace{grid-row:2}.controlSurface .surfaceFace>.surfaceTabPanel{height:100%}:root{--module-shell-gap: 9px;--module-face-pad-x: 9px;--module-face-pad-y: 10px;--module-rhythm-gap: 9px;--module-rhythm-tight: 6px}.surfaceHeader{gap:9px;padding-bottom:1px}.surfaceIdentity,.rightControls{gap:7px}.surfaceNameWrap{gap:3px;line-height:1.12}.surfaceFace>.surfaceTabPanel{padding:var(--module-face-pad-y) var(--module-face-pad-x) 9px}.surfaceFace>.surfaceTabPanel.routingTabScrollBody{overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(130,178,226,.42) rgba(12,22,34,.18)}.surfaceFace>.surfaceTabPanel.routingTabScrollBody::-webkit-scrollbar{width:8px}.surfaceFace>.surfaceTabPanel.routingTabScrollBody::-webkit-scrollbar-track{background:#0c162229;border-radius:999px}.surfaceFace>.surfaceTabPanel.routingTabScrollBody::-webkit-scrollbar-thumb{background:#82b2e270;border-radius:999px;border:1px solid rgba(10,18,30,.45)}.surfaceTabs{gap:7px;padding-top:2px;border-top:1px solid rgba(255,255,255,.1)}.surfaceTabs .modTab{padding:6px 10px}.triggerPrimary,.drumSurfaceBody,.synthSurfaceBody,.visualSurfaceBody,.controlBody,.utilityPanel{gap:var(--module-rhythm-gap)}.drumSurfaceBody,.synthSurfaceBody,.triggerPulseRack,.controlBody,.visualControlDock,.controlTypeRow{column-gap:9px;row-gap:10px}.knobCtl{width:72px;gap:5px}.knobCtl>label{line-height:1.1;text-align:center}.knobVal{margin-top:1px}.triggerPulseRail{padding:8px 9px;gap:var(--module-rhythm-tight)}.triggerGeneratorReadout,.triggerSeedReadout{padding:7px 8px}.triggerReadoutValue{margin-top:4px}.triggerReadoutHint,.triggerTransportReadout{line-height:1.25}.utilityRouteCard,.machineSelect{padding:8px;gap:var(--module-rhythm-tight)}.utilityRouteMap,.visualReadout{padding:1px 2px}.visualDisplayWrap{padding:3px}.controlMeter{margin-top:1px}.routingSummaryStrip{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.routingSummaryBlock{min-width:0;padding:7px 8px;border:1px solid rgba(207,214,221,.08);border-radius:10px;background:#ffffff06;display:grid;gap:6px}.routingSummaryLabel,.routingCardTitle{font-size:10px;text-transform:uppercase;letter-spacing:.9px;opacity:.72}.routingSummaryValues,.routingChipList,.routingSelectors{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.routingChip{max-width:100%;padding:4px 7px;border-radius:999px;border:1px solid rgba(207,214,221,.12);background:#ffffff0b;color:#f0f4f7f0;font-size:11px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.routingChip-connected{border-color:#78cdff57;background:#3c76a033}.routingChip-muted{opacity:.66}.routingCard{min-width:0}.routingCardHead{display:grid;gap:2px}.routingCardSubtitle{font-size:11px;line-height:1.25;color:#e2e7ecb8}.routingInlineCard{min-width:0}.routingCheckboxInput{inline-size:14px;block-size:14px;margin:0;accent-color:rgba(120,205,255,.95)}.routingSelectors{margin-top:4px}.routingSelectors>.utilityRouteCard{flex:1 1 140px}.targetModInPanel{display:grid;gap:8px;margin-top:4px}.targetModInGroup{display:grid;gap:5px;padding:6px;border:1px solid rgba(207,214,221,.09);border-radius:8px;background:#ffffff05}.targetModInGroupTitle{margin:0;font-size:9px;text-transform:uppercase;letter-spacing:.65px;color:#e4e9efb8}.targetModInGroupRows{display:grid;gap:4px}.targetModInRow{display:grid;grid-template-columns:minmax(0,1fr) minmax(96px,42%);align-items:center;gap:6px}.targetModInLabel{font-size:10px;color:#e6ebf1e6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.targetModInSelect{min-height:22px;padding:2px 16px 2px 6px;font-size:10px}.moduleSurface.moduleSelected{box-shadow:0 0 0 1px #ade2ff61,0 14px 26px #050f1c47}.moduleSurface.moduleSelected .surfaceBadge{border-color:#ade2ff5c}.moduleSurface.routingInspect{box-shadow:0 0 0 1px #7dd4ff85,0 16px 30px #03101c57}.moduleSurface.routingLinked{box-shadow:0 0 0 1px #7dd4ff33,0 12px 24px #03101c38}.moduleSurface.routingInspect .surfaceBadge,.moduleSurface.routingLinked .surfaceBadge{border-color:#7dd4ff6b}@media(max-width:760px){.routingSummaryStrip{grid-template-columns:1fr}}.controlSurface{grid-template-rows:var(--module-header-h) minmax(0,1fr) var(--module-tabs-h)}.controlSurface .surfaceFace,.controlSurface .surfaceTabs{grid-row:auto}.surfaceNameWrap .small{font-size:11px;opacity:.74}.surfaceBadge{padding:3px 7px}.rightControls>button{min-width:36px;padding:5px 8px}.surfaceTabs .modTab{font-size:11px;letter-spacing:.2px}.routingSummaryStrip{gap:6px}.routingSummaryBlock{padding:6px 7px;gap:5px;background:#ffffff06}.routingSummaryValues,.routingChipList,.routingSelectors{gap:5px}.routingChip{padding:3px 7px;font-size:10px;line-height:1.1}.utilityPanel{display:grid;gap:7px;align-content:start}.utilityRouteCard{padding:7px;gap:5px;background:#070d1457}.utilityRouteMap{font-size:11px;padding:3px 6px;background:#4aa3ff1f}.compactSelectField{min-width:0;display:grid;gap:4px}.compactSelectLabel{font-size:10px;text-transform:uppercase;letter-spacing:.85px;opacity:.7}.compactSelectInput,.compactSelectField select{width:100%;min-width:0;appearance:none;-webkit-appearance:none;border-radius:9px;padding:7px 26px 7px 9px;font-size:11px;line-height:1.2;background:linear-gradient(180deg,#161c24eb,#0d1218eb),linear-gradient(135deg,#4aa3ff1f,#4aa3ff00);background-repeat:no-repeat;background-position:0 0,0 0;border:1px solid rgba(207,214,221,.12);box-shadow:inset 0 1px #ffffff08}.compactSelectField{position:relative}.compactSelectField:after{content:"▾";position:absolute;right:9px;bottom:8px;font-size:10px;line-height:1;opacity:.6;pointer-events:none}.compactSelectField.isDisabled{opacity:.56}.controlTypeRow,.visualControlDock,.controlBody{gap:7px}.controlMeter{height:10px}.triggerPulseRail{padding:7px 8px}.triggerGeneratorReadout,.triggerSeedReadout{padding:6px 7px}.triggerReadoutLabel{font-size:9px}.triggerReadoutValue{font-size:11px;letter-spacing:.8px}.triggerReadoutHint,.triggerTransportReadout,.visualReadout,.routingCardSubtitle{font-size:10px}.knobCtl{width:70px}.knobCtl>label{font-size:11px}.knobVal{font-size:9px}@media(max-width:760px){.compactSelectInput,.compactSelectField select{font-size:12px}}:where(button,input,select,textarea,.knob,.moduleSurface,.addModuleSlot):focus-visible{outline:none;box-shadow:0 0 0 1px #7dd4ffb8,0 0 0 3px #4aa3ff38}button,input,select,textarea,.knob,.compactSelectField,.routingChip,.surfaceBadge,.ctlValueButton{transition:border-color .12s ease,background .12s ease,box-shadow .12s ease,color .12s ease,opacity .12s ease}button:hover,button:focus-visible,.ctlValueButton:hover,.ctlValueButton:focus-visible,.compactSelectField:focus-within,.compactSelectInput:focus-visible,.ctlEditorNumber:focus-visible{border-color:#7dd4ff66}.moduleSurface{box-shadow:0 12px 24px #03090f33}.moduleSurface:focus-visible,.addModuleSlot:focus-visible{border-color:#7dd4ff94;background:#101820f0}.surfaceTabs .modTab{min-height:28px}.modTab[role=tab][aria-selected=true]{color:#e7f2ff}.knobCtl,.ctlSlider{position:relative;gap:5px}.ctlLabel{font-size:10px;text-transform:uppercase;letter-spacing:.82px;opacity:.78}.knob{border-radius:999px;cursor:ns-resize}.ctlPrimaryHit{border-radius:999px}.ctlValueButton{min-width:0;padding:4px 8px;border-radius:999px;border:1px solid rgba(207,214,221,.14);background:#ffffff0b;color:#eef2f6f0;font-variant-numeric:tabular-nums;font-size:10px;line-height:1;white-space:nowrap}.knobCtl .ctlValueButton{justify-self:center}.ctlFloat.ctlEditorOpen .ctlValueButton,.ctlFloat.ctlEditorOpen .knob,.ctlFloat.ctlEditorOpen .ctlPrimaryHit{border-color:#7dd4ff7a;box-shadow:0 0 0 1px #4aa3ff29 inset}.ctlFloat.ctlModulated .ctlValueButton,.ctlFloat.ctlModulated .knob,.ctlFloat.ctlModulated .ctlPrimaryHit{border-color:#8fe6ff6b;box-shadow:0 0 0 1px #5ab4ff24 inset}.ctlSlider,.ctlSlider input[type=range]{width:100%}.floatingPanel{position:fixed;z-index:140;overflow:auto;scrollbar-width:thin}.addSlotMenu,.ctlEditor{background:#080d12fa;border:1px solid rgba(207,214,221,.2);border-radius:14px;box-shadow:0 18px 40px #00000073;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.appTooltip{z-index:135;width:min(220px,calc(100vw - 20px));padding:6px 8px;border-radius:10px;border:1px solid rgba(207,214,221,.16);background:#070b10eb;color:#ecf1f5eb;box-shadow:0 10px 24px #00000042;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:11px;line-height:1.3;letter-spacing:.1px;pointer-events:none;white-space:normal;overflow:hidden;opacity:1;transform:translateY(0);transition:opacity .12s ease,transform .12s ease}.settingsBuildInfo{margin-top:4px;padding:8px 10px;border:1px solid rgba(207,214,221,.16);border-radius:10px;background:#0a0f166b;line-height:1.35}.appTooltip.hidden{opacity:0;transform:translateY(2px)}.addSlotMenu{inset:auto;width:min(250px,calc(100vw - 20px));padding:8px;display:grid;gap:6px}.addSlotMenu:before,.ctlEditor:before{content:"";position:absolute;width:9px;height:9px;background:inherit;border-left:1px solid rgba(207,214,221,.18);border-top:1px solid rgba(207,214,221,.18);transform:rotate(45deg);left:18px}.addSlotMenu[data-side=bottom]:before,.ctlEditor[data-side=bottom]:before{top:-5px}.addSlotMenu[data-side=top]:before,.ctlEditor[data-side=top]:before{bottom:-5px;transform:rotate(225deg)}.addSlotMenuHint{padding:2px 2px 4px;text-transform:uppercase;letter-spacing:.72px}.addSlotMenuItem{min-height:44px}.ctlEditor{inset:auto;width:min(240px,calc(100vw - 20px));padding:10px;display:grid;gap:8px}.ctlEditorHead{display:grid;gap:2px}.ctlEditorTitle{font-size:11px;letter-spacing:.68px;text-transform:uppercase}.ctlEditorHint{opacity:.62}.ctlEditorField,.ctlEditorSelectField{display:grid;gap:4px}.ctlEditorNumber{width:100%;padding:8px 10px;border-radius:10px}.ctlEditorSliderField{gap:6px}.ctlEditorSlider{width:100%;accent-color:var(--acc-blue)}.compactSelectField,.routingSummaryBlock,.utilityRouteCard,.triggerGeneratorReadout,.triggerSeedReadout,.ctlValueButton{background:linear-gradient(180deg,#181f27e0,#0b1016e6);border:1px solid rgba(207,214,221,.12);box-shadow:inset 0 1px #ffffff08}.routingChip,.surfaceBadge{background:#ffffff0d}@media(max-width:760px){:root{--module-cell-w: min(100%, 336px);--workspace-grid-pad: 6px;--workspace-grid-gap: 8px}.workspaceViewportInner{justify-content:flex-start;width:100%;min-width:100%}.transportHeader{gap:6px;padding:6px 8px;margin-bottom:8px}.transportTitle{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px;padding:0}.transportTitle h1{font-size:clamp(16px,5vw,18px);letter-spacing:.7px}.transportSubtitle{font-size:9px;max-width:min(56vw,260px);opacity:.62}.transportMobileToggle{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:4px 9px;font-size:11px;letter-spacing:.25px}.transportMain{width:100%}.transportRowMain{flex-direction:column;align-items:stretch;gap:6px}.transportZone{width:100%;gap:6px;align-items:center;justify-content:flex-start;flex-wrap:wrap}.transportZoneCenter,.transportZoneRight{margin-left:0;justify-content:flex-start}.transportCenterGroup{width:100%;gap:6px;flex-wrap:wrap}.transportCluster{gap:6px;padding:4px 5px;border-radius:8px}.transportClusterTempo{flex:1 1 100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.transportDial{width:100%;min-width:0;flex:1 1 auto}.transportClusterSession{min-width:0;flex:1 1 auto}.transportStatus{font-size:9px;line-height:1.2}.transportSettingsDock{margin-left:0}.transportHeader.mobileCollapsed .transportZoneCenter,.transportHeader.mobileCollapsed .transportZoneRight{display:none}}@media(max-width:420px){.transportClusterTempo{grid-template-columns:1fr}.transportUtilitySummaryLabel{display:none}.transportUtilitySummary{min-width:34px;padding-inline:8px}}.addModuleSlot.menuOpen{border-color:#7dd4ff94;box-shadow:0 0 0 1px #7dd4ff2e inset}.hidden{display:none!important}@media(max-width:1180px)and (min-width:761px){:root{--module-cell-w: 300px;--module-cell-h: 336px}}.surfacePresetRow{display:flex;align-items:center;gap:6px;min-width:0}.surfaceMetaLabel{flex:0 0 auto;opacity:.68;text-transform:uppercase;letter-spacing:.45px}.modulePresetChip{min-width:0;max-width:100%;padding:3px 8px;border-radius:999px;border-color:#4aa3ff57;background:#0b131bc7;font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modulePresetChip:hover,.modulePresetChip[aria-expanded=true]{border-color:#4aa3ffa8;background:#0e1721f5}.modulePresetPanel{width:min(360px,calc(100vw - 20px));max-height:min(82vh,640px);padding:10px;display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr);gap:10px;background:#080d12fa;border:1px solid rgba(207,214,221,.2);border-radius:14px;box-shadow:0 18px 40px #00000073;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.modulePresetPanelHead{display:flex;align-items:start;justify-content:space-between;gap:10px}.modulePresetPanelTitleWrap,.modulePresetListMeta{min-width:0;display:grid;gap:2px}.modulePresetPanelTitle,.modulePresetSummaryValue,.modulePresetListName{font-weight:600}.modulePresetSummaryValue,.modulePresetPanelSubtitle,.modulePresetListName,.modulePresetListInfo{min-width:0;overflow:hidden;text-overflow:ellipsis}.modulePresetPanelBadge{flex:0 0 auto;padding:3px 7px;border-radius:999px;border:1px solid rgba(74,163,255,.34);color:#b6ddfff5;font-size:10px;letter-spacing:.6px}.modulePresetSummary{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 8px}.modulePresetSummaryLabel,.modulePresetLinkedRow,.modulePresetListTitle,.modulePresetInputLabel,.modulePresetListInfo,.modulePresetPanelSubtitle{opacity:.78}.modulePresetSaveBlock,.modulePresetListWrap{display:grid;gap:8px;min-width:0}.modulePresetSearchWrap{display:grid;gap:5px}.modulePresetActionRow{display:flex;flex-wrap:wrap;gap:8px}.modulePresetActionRow>button{flex:1 1 120px}.modulePresetList{display:grid;gap:6px;max-height:min(50vh,420px);overflow:auto;padding-right:2px}.modulePresetListGroups{display:grid;gap:6px}.modulePresetGroup{border:1px solid rgba(207,214,221,.12);border-radius:9px;background:#070b1059;overflow:hidden}.modulePresetGroupSummary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;padding:6px 8px;font-size:11px;letter-spacing:.2px}.modulePresetGroupSummary::-webkit-details-marker{display:none}.modulePresetGroupCount{opacity:.68}.modulePresetGroupRows{display:grid;gap:4px;padding:0 6px 6px}.modulePresetListRow{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;padding:7px 9px}.modulePresetListRow.isCompact{padding:6px 8px}.modulePresetListRow.isCurrent{border-color:#62d68b80}.modulePresetListRowRight{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}.modulePresetSourceTag{font-size:10px;opacity:.72;border:1px solid rgba(207,214,221,.18);border-radius:999px;padding:1px 6px}.modulePresetLoadTag{flex:0 0 auto;font-size:11px;opacity:.76}.modulePresetMoreBtn{justify-self:stretch;text-align:center;font-size:11px;padding:5px 8px}.modulePresetEmptyResults{opacity:.76;padding:4px 2px 0}@media(max-width:760px){.ctlEditor{width:min(310px,calc(100vw - 20px));padding:12px}.ctlEditorMobile{width:min(220px,calc(100vw - 20px));gap:6px;padding:8px;background:#090e14eb;border-color:#cfd6dd29;box-shadow:0 12px 28px #00000057}.ctlEditorMobile:before{opacity:.82}.ctlEditorMobile .ctlEditorHint{display:none}.ctlEditorMobile .ctlEditorNumber{min-height:46px;font-size:18px;font-weight:620;text-align:center}.ctlEditorAdjustField{gap:5px}.ctlEditorAdjustRow{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ctlEditorAdjustBtn{min-height:42px;border-radius:10px;font-size:22px;line-height:1;font-weight:620}.ctlEditorSlider{min-height:36px}.ctlEditorMobile .ctlEditorSliderField{gap:4px;justify-items:center}.ctlEditorMobile .ctlEditorSlider{width:100%;min-height:32px;margin:0}.transportHeader{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:8px;padding:8px 10px}.transportTitle{min-width:0}.transportMain{grid-template-columns:1fr}.transportMobileToggle{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:4px 9px;font-size:11px;letter-spacing:.3px;justify-self:end}.transportHeader.mobileCollapsed .transportGroupSession,.transportHeader.mobileCollapsed .transportGroupMaster{display:none}.transportHeader.mobileCollapsed .transportGroup{padding:5px;gap:4px}.transportHeader.mobileCollapsed .transportStatus{font-size:11px}.presetWrap,.bpmWrap,.bankWrap{width:100%}.presetWrap{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px;padding:6px}.presetSelect{width:100%;min-width:0;max-width:none}.bpmWrap,.bankWrap{display:grid;grid-template-columns:auto minmax(0,1fr) 72px;gap:6px}.bpmWrap input[type=number],.bankWrap input[type=number]{width:100%}.transportStatus{line-height:1.3}.transportStatusActions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}.transportActionRow>button{min-height:38px}.settingsRow{grid-template-columns:1fr;gap:8px}.settingsRow>input,.settingsRow>select,.settingsEditor{min-width:0;width:100%}}@media(max-width:760px)and (orientation:portrait){:root{--module-cell-w: min(100%, 344px);--workspace-grid-pad: 6px}.transportHeader{gap:6px;padding:6px 8px;margin-bottom:8px}.transportTitle{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1px;padding:1px 2px 0}.transportTitle h1{margin:0;font-size:18px;letter-spacing:.8px}.transportSubtitle{display:block;font-size:9px;line-height:1.2;max-width:min(52vw,280px)}.transportMain{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.transportGroup{gap:4px;padding:6px;border-radius:10px}.transportGroupLabel{font-size:10px;letter-spacing:.55px}.transportGroupTransport{grid-column:1}.transportGroupStatus{grid-column:2}.transportGroupSession,.transportGroupMaster{grid-column:1 / -1}.transportGroupTransport .transportGroupBody{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.transportGroupTransport .transportGroupBody>button{min-height:34px;padding:6px 4px;font-size:12px}.transportStatus{font-size:11px;line-height:1.2}.transportStatusActions .transportSettings{width:32px;height:32px}.transportActionRow{gap:5px}.transportActionRow>button{min-height:34px;padding-inline:8px}.appTooltip{width:min(196px,calc(100vw - 16px));font-size:10px;line-height:1.25}.workspaceViewportInner{justify-content:center}}@media(max-width:420px)and (orientation:portrait){.transportMain{grid-template-columns:1fr}.transportGroupTransport,.transportGroupStatus,.transportGroupSession,.transportGroupMaster{grid-column:1}}@media(max-width:760px)and (orientation:landscape){:root{--module-cell-w: min(100%, 272px);--workspace-grid-pad: 6px}.workspaceViewportInner{justify-content:flex-start}.transportHeader{margin-bottom:6px;padding:5px 8px}}.transportHeader{overflow:visible;z-index:220;isolation:isolate}.transportTitle{display:grid;align-content:center;gap:1px;padding:0 2px}.transportTitle h1{margin:0;font-size:clamp(20px,2.2vw,26px);line-height:1.05;letter-spacing:1.1px;font-weight:700}.transportSubtitle{font-size:10px;line-height:1.2;letter-spacing:.2px;text-transform:none;opacity:.68}.transportMain{min-width:0;overflow:visible}.transportRow{min-width:0}.transportCluster{border:1px solid rgba(207,214,221,.08);border-radius:8px;padding:4px 6px;background:linear-gradient(180deg,#1118209e,#0a0f169e);min-width:0;overflow:visible}.transportPrimaryBtn,.transportGhostBtn,.transportAudioChip{min-height:32px;padding:5px 10px;font-size:11px;letter-spacing:.2px}.transportPrimaryBtn{border-color:#4aa3ffb8;box-shadow:0 0 0 1px #4aa3ff40 inset}.transportAudioChip{border-color:#cfd6dd29;background:#0b1118a3;min-width:30px;opacity:.92}.transportAudioChip.isOn{border-color:#62d68b80;color:#baf0d0fa}.transportGhostBtn.isOn{border-color:#fc66}.transportIconBtn{width:34px;min-width:34px;min-height:34px;padding:0;justify-content:center;align-items:center;display:inline-flex}.transportIconGlyph{width:15px;height:15px}.transportSaveBtn.hasPending{box-shadow:0 0 0 1px #4aa3ff38 inset}.transportDial{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;align-items:start;gap:3px;min-width:0;max-width:100%;overflow:hidden}.transportDial>.small{font-size:9px;text-transform:uppercase;letter-spacing:.5px;opacity:.74}.transportDial input[type=range]{appearance:none;width:100%;max-width:100%;min-width:0;height:18px;border-radius:999px;border:1px solid rgba(207,214,221,.16);background:linear-gradient(180deg,#10171feb,#090e14eb);padding:0 4px}.transportDial input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:linear-gradient(90deg,#4aa3ff8c,#ffcc6675)}.transportDial input[type=range]::-webkit-slider-thumb{appearance:none;margin-top:-5px;width:14px;height:14px;border-radius:999px;border:1px solid rgba(207,214,221,.5);background:#ebf3ffeb;box-shadow:0 0 0 2px #4aa3ff29}.transportDial input[type=range]::-moz-range-track{height:5px;border-radius:999px;background:linear-gradient(90deg,#4aa3ff8c,#ffcc6675)}.transportDial input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:999px;border:1px solid rgba(207,214,221,.5);background:#ebf3ffeb;box-shadow:0 0 0 2px #4aa3ff29}.transportDialNumber{width:100%;max-width:76px;padding:3px 6px}.transportChipInput{border-radius:999px;border-color:#4aa3ff57;background:#0b131bc7;font-size:11px;line-height:1.2;text-align:right}.transportValueRow{display:flex;align-items:center;justify-content:flex-start}.transportStatus{margin:0;display:grid;gap:3px;font-size:9px;letter-spacing:.35px;opacity:.66;text-transform:lowercase}.transportSettings.iconBtn{min-width:34px;width:34px;height:34px;border-radius:8px;font-size:11px}.transportPresetWrap{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:5px;padding:3px 5px;width:100%}.transportSessionBlock{width:100%;min-width:0;max-width:100%;overflow:hidden}.transportSessionSelectRow{min-width:0;max-width:100%}.transportPresetLabel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transportActionRow{display:flex;gap:5px;justify-content:flex-end;min-width:0}.transportOutputCenter{display:flex;align-items:center;min-width:0;min-height:18px}.transportOutputMeter{position:relative;display:grid;grid-template-rows:1fr 1fr;gap:2px;width:clamp(64px,8vw,84px);height:16px;padding:2px;border-radius:10px;overflow:hidden;background:#080c11d9;border:1px solid rgba(207,214,221,.14)}.transportOutputBar{position:relative;border-radius:999px;overflow:hidden;background:#091016db}.transportOutputFill{position:absolute;inset:0;transform-origin:left center;transform:scaleX(0);transition:transform 82ms linear;background:linear-gradient(90deg,#5fdb9cb8,#ffcc66a8)}.transportOutputTransient{position:absolute;inset:0;background:#ffecb680;opacity:0;transition:opacity .11s ease-out}.transportOutputBarLeft .transportOutputFill{background:linear-gradient(90deg,#5fdb9cbd,#7ad0ffb3)}.transportOutputBarRight .transportOutputFill{background:linear-gradient(90deg,#5fdb9cad,#ffcc66b8)}.transportOutputCenter.isActive .transportOutputMeter{border-color:#86e0aa6b;box-shadow:0 0 0 1px #4aae851f,0 0 14px #40967429}.transportUtilityMenu{position:relative}.transportUtilitySummary{display:inline-flex;align-items:center;gap:6px;min-width:0;width:auto;max-width:100%;min-height:34px;padding:5px 10px;cursor:pointer;-webkit-user-select:none;user-select:none}.transportUtilitySummarySession{border-color:#7bc1ff61}.transportUtilitySummaryGenerator{border-color:#8ed9af57}.transportUtilitySummaryRouting{border-color:#d1bfff57}.transportUtilitySummarySelection{border-color:#ffd28057}.transportUtilitySummarySelection:disabled{opacity:.48;cursor:default}.transportUtilitySummarySelection.isOn{border-color:#ffd28094;background:#ffbe5c21}.transportUtilitySummaryIcon{width:15px;height:15px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.transportUtilitySummaryLabel{font-size:11px;letter-spacing:.2px}.transportUtilitySummary .transportIconGlyph{width:14px;height:14px}.transportUtilitySummarySession .transportUtilitySummaryIcon{color:#98d4ffeb}.transportUtilitySummaryGenerator .transportUtilitySummaryIcon{color:#a7ecc1e6}.transportUtilitySummaryRouting .transportUtilitySummaryIcon{color:#d9c9ffeb}.transportUtilitySummarySelection .transportUtilitySummaryIcon{color:#ffd694f0}.transportUtilitySummary:after{content:"▾";margin-left:2px;font-size:10px;opacity:.7}.transportUtilitySummary[aria-expanded=true]:after{content:"▴"}.transportUtilityPanel{z-index:360;min-width:168px;display:grid;gap:4px;padding:6px;border-radius:10px;border:1px solid rgba(207,214,221,.18);background:#0a0f15f7;box-shadow:0 8px 24px #0000006b}.transportUtilityBtn{justify-content:flex-start;text-align:left;width:100%}.transportSessionList{max-height:min(36vh,240px);overflow-y:auto}.transportSessionFilter{width:100%;margin-bottom:2px;font-size:11px}.transportSessionEmpty{opacity:.72;padding:5px 2px}.transportSessionOption.isSelected{border-color:#4aa3ff80;background:#4aa3ff2e}.transportUtilityBtn.isPlaceholder{opacity:.45;cursor:default}.transportMobileToggle{display:none}.transportCompactLauncher{position:fixed;left:max(10px,env(safe-area-inset-left,0px) + 10px);bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:265;width:44px;height:44px;padding:0;border-radius:14px;border-color:#65abff9e;background:linear-gradient(180deg,#101823f0,#090e15f0);box-shadow:0 10px 24px #0000006b;display:inline-flex;align-items:center;justify-content:center;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,border-radius .18s ease}.transportCompactLauncher .transportIconGlyph{width:20px;height:20px}.transportCompactLauncher.isLinked{transform:translate(6px) scale(1.02);border-radius:12px 12px 12px 6px;border-color:#79b9ffd9;box-shadow:0 12px 26px #00000080,0 0 0 1px #79b9ff47}.routingOverviewPanel{display:grid;gap:8px;max-height:min(72vh,520px)}.routingOverviewControls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.routingOverviewSelect{margin:0}.routingOverviewSection{display:grid;gap:4px}.routingOverviewHealth{padding:7px 8px;border-radius:9px;border:1px solid rgba(117,184,139,.28);background:#182c2057}.routingOverviewHealth.hasWarnings{border-color:#ffcc7057;background:#4430145c}.routingOverviewHealthStatus{font-size:12px;font-weight:700;letter-spacing:.2px}.routingOverviewHealthCounts{display:flex;flex-wrap:wrap;gap:4px}.routingOverviewHealthCounts:empty{display:none}.routingOverviewHealthChip{display:inline-flex;align-items:center;min-height:18px;padding:2px 6px;border-radius:999px;border:1px solid rgba(255,204,112,.28);background:#121b2685;font-size:10px;opacity:.9}.routingOverviewInspectorRow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px;min-height:26px;padding:5px 8px;border-radius:7px;border:1px solid rgba(207,214,221,.16);background:#0e151e8f;font-size:11px}.routingOverviewInspectorRow.isMuted{opacity:.66}.routingOverviewInspectorRow.isMissing{border-color:#ffcc704d}.routingOverviewInspectorSource,.routingOverviewInspectorTarget{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.routingOverviewInspectorSource{color:var(--accent)}.routingOverviewInspectorRow.isMissing .routingOverviewInspectorSource{color:#ffd08a}.routingOverviewInspectorArrow{opacity:.62}.routingOverviewList{display:grid;gap:4px}.routingOverviewRow{display:inline-flex;align-items:center;gap:6px;justify-content:flex-start;text-align:left;width:100%;min-height:28px;padding:5px 8px;border-radius:7px;border:1px solid rgba(207,214,221,.2);background:#0e151eb8;font-size:11px}.routingOverviewRow.isMuted{opacity:.48}.routingOverviewRowTag{flex:0 0 auto;font-size:9px;letter-spacing:.3px;text-transform:uppercase;opacity:.88;padding:2px 6px;border-radius:999px;border:1px solid rgba(207,214,221,.2);background:#121b26cc}.routingOverviewEmpty{font-size:11px;opacity:.7;padding:4px 2px}:root{--module-cell-w: 330px;--module-cell-h: 360px;--module-shell-pad: 9px;--module-shell-gap: 8px;--module-header-h: 54px;--module-tabs-h: 34px;--workspace-grid-gap: 10px;--workspace-grid-pad: 8px;--faceplate-gap-xs: 4px;--faceplate-gap-sm: 8px;--faceplate-gap-md: 12px}.moduleCell{width:var(--module-cell-w);min-height:var(--module-cell-h);max-height:var(--module-cell-h);height:var(--module-cell-h)}.moduleSurface{display:grid;grid-template-rows:var(--module-header-h) minmax(0,1fr) var(--module-tabs-h);gap:var(--module-shell-gap);padding:var(--module-shell-pad);overflow:hidden}.moduleSurface--withStatus{--module-header-h: 36px;grid-template-rows:var(--module-header-h) minmax(0,1fr) var(--module-tabs-h) 16px;row-gap:0}.moduleSurface--withStatus .surfaceHeader{margin-bottom:0}.moduleSurface--withStatus .surfaceTabPanel{padding-top:0}.surfaceFace{display:flex;flex-direction:column;min-height:0;position:relative;overflow:hidden}.surfaceFace>.surfaceTabPanel,.module-face{display:flex;flex-direction:column;min-height:0;margin:0;padding:var(--faceplate-gap-sm);gap:var(--faceplate-gap-sm);overflow:hidden}.surfaceTabs{margin:0;padding:0;min-height:0;align-self:end;display:flex;gap:6px}.surfaceTabs .modTab{min-height:28px;flex:1 1 0;min-width:0;padding:5px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.surfaceMainLayout{display:flex;flex-direction:column;gap:var(--faceplate-gap-sm);min-height:0;height:100%;align-content:start;position:relative;overflow:hidden}.faceplatePanel,.faceplateMainPanel{min-height:0}.faceplateStackPanel{display:flex;flex-direction:column;gap:var(--faceplate-gap-sm)}.triggerPrimary,.voiceMainLayout,.drumMainLayout,.visualMainLayout,.controlBody{display:flex;flex-direction:column;gap:var(--faceplate-gap-sm);min-height:0}.drumMainLayout{gap:2px}.drumMainLayout>.drumMainFeature{margin-bottom:6px}.faceplateSection{width:100%;min-height:0}.face-section{width:100%}.faceplateSection--io{display:flex;flex-direction:column;gap:var(--faceplate-gap-xs)}.faceplateSection--feature{min-height:96px}.triggerPulseRail{display:flex;flex-direction:column;gap:var(--faceplate-gap-xs);min-height:0;padding:6px 7px;border-radius:11px;border:1px solid rgba(198,127,255,.3);background:linear-gradient(180deg,#1f0e2d94,#0d121c80)}.triggerPrimary>.triggerPulseRail{flex:1 1 auto;min-height:130px;margin-bottom:var(--faceplate-gap-md)}.triggerMachineRow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--faceplate-gap-xs);align-items:start}.triggerGeneratorReadout,.triggerSeedReadout{padding:5px 7px;border-color:#c67fff47;background:#0f0a169e}.triggerReadoutLabel{font-size:9px;letter-spacing:1px;opacity:.62}.triggerReadoutValue{margin-top:2px;font-size:12px}.triggerReadoutHint{margin-top:1px;font-size:9px;opacity:.58}.triggerPatternStage{flex:1 1 0;min-height:0;min-height:86px;display:flex;flex-direction:column;justify-content:center;padding:8px 9px;border-radius:10px;border:1px solid rgba(208,169,236,.4);background:#080c13b8}.triggerStepGrid{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:4px;align-content:start}.triggerStepCell{height:10px;border-radius:4px}.triggerStepCell.on{box-shadow:0 0 10px #c67fff73}.faceplateSpacer{flex:1 1 auto;min-height:0}.faceplateSection--controls,.faceplateSection--secondary{display:grid;gap:var(--faceplate-gap-sm)}.faceplateSection--bottom{display:flex;flex-direction:column;gap:var(--faceplate-gap-xs);margin-top:auto}.face-bottom{margin-top:auto;width:100%}.surfaceMainBottom{align-self:end}.triggerPulseRack,.voicePrimaryGrid,.drumMainPrimaryGrid,.voiceBottomStrip,.controlMainKnobGrid,.moduleKnobGrid,.controlBody,.utilityPanel,.surfaceSettingsPanel{min-height:0}.triggerPulseRack,.voicePrimaryGrid,.drumMainPrimaryGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--faceplate-gap-sm)}.drumMainPrimaryGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.drumMainLayout>.drumMainSecondaryGrid{margin-top:3px}.drumMainSecondaryGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.drumMainFeature{display:flex;flex-direction:column;gap:3px;border:1px solid rgba(74,163,255,.35);border-radius:10px;background:linear-gradient(180deg,#09141eb8,#080c12b3);padding:4px 7px 5px;min-height:92px;overflow:visible}.synthMainFeature{display:flex;flex-direction:column;gap:3px;border:1px solid rgba(96,143,202,.34);border-radius:10px;background:linear-gradient(180deg,#0a1220b8,#080c14b3);padding:4px 7px 5px;min-height:92px;overflow:hidden}.synthBehaviorStage{display:grid;grid-template-columns:minmax(0,1fr) 74px;gap:6px;align-items:stretch;min-height:0;margin-top:0}.synthBehaviorGraph{width:100%;height:100%;min-height:62px}.synthBehaviorBaseline{fill:none;stroke:#abc8e761;stroke-width:1.2}.synthBehaviorWave{fill:none;stroke:#74aff6eb;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.synthBehaviorEnvelope{fill:none;stroke:#c6e1ffa6;stroke-width:1.2;stroke-dasharray:3 2}.synthBehaviorCutoff{fill:none;stroke:#77a9e6b8;stroke-width:1.2}.synthBehaviorSpreadField{fill:#28527e1f;stroke:#a6d5ffc2;stroke-width:1.3;cursor:ew-resize}.synthBehaviorSpreadAxis{stroke:#b4dcff8f;stroke-width:1;stroke-linecap:round}.synthBehaviorSpreadMarker{fill:#d2e9fff2;stroke:#b4dcffdb;stroke-width:1;cursor:ew-resize}.synthFeatureSide{min-height:0;display:flex;flex-direction:column;justify-content:center;gap:4px}.synthFeatureSide .synthHeaderSelect{gap:2px}.synthFeatureSide .synthHeaderSelect .compactSelectLabel{font-size:8px;letter-spacing:.44px;opacity:.62;margin-bottom:0}.synthFeatureSide .synthHeaderSelect.compactSelectField:after{right:7px;bottom:6px;font-size:8px;opacity:.46}.synthFeatureSide .synthHeaderSelect .compactSelectInput{border-radius:999px;min-height:18px;min-width:0;max-width:100%;padding:3px 17px 3px 8px;font-size:9px;letter-spacing:.3px;border-style:dashed;border-color:#78a6c757;background:linear-gradient(180deg,#0a1119cc,#080d15cc),linear-gradient(135deg,#608fca1a,#608fca00)}.drumEnvelopeStage{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:7px;align-items:stretch;min-height:0}.drumEnvelopeGraph{width:100%;height:100%;min-height:62px}.drumFeatureSide{min-height:0;display:flex;flex-direction:column;gap:3px;align-content:start}.drumFeatureSideLabel{text-transform:uppercase;letter-spacing:.55px;opacity:.68}.drumFeatureSideValue{min-height:18px;padding:2px 6px 1px;border-radius:7px;border:1px solid rgba(125,173,208,.3);background:#080f18ad;font-size:9px;letter-spacing:.4px;text-transform:uppercase;display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drumFeatureSideValue--focus{min-height:18px;padding:3px 8px;border-radius:999px;border-style:dashed;border-color:#ba6f7966;background:linear-gradient(180deg,#0a1119cc,#080d15cc),linear-gradient(135deg,#c76b7824,#c76b7800);font-size:9px;letter-spacing:.24px}.drumFeatureSideRoute{border-style:dashed;border-color:#7ca5c661;opacity:.86}.drumFeatureSide .compactSelectField{margin-top:0}.drumFeatureSide .compactSelectLabel{font-size:9px;letter-spacing:.36px;margin-bottom:2px}.drumFeatureSide .drumTrigField{gap:2px}.drumFeatureSide .drumTrigField .compactSelectLabel{font-size:8px;letter-spacing:.44px;opacity:.62;margin-bottom:0}.drumFeatureSide .drumTrigField.compactSelectField:after{right:7px;bottom:6px;font-size:8px;opacity:.46}.drumFeatureSide .drumTrigField .compactSelectInput{border-radius:999px;min-height:18px;padding:3px 17px 3px 8px;font-size:9px;letter-spacing:.3px;border-style:dashed;border-color:#ba6f7966;background:linear-gradient(180deg,#0a1119cc,#080d15cc),linear-gradient(135deg,#c76b7824,#c76b7800)}.drumFeatureSide .drumChannelField{gap:2px;position:relative}.drumFeatureSide .drumChannelField .compactSelectLabel{font-size:8px;letter-spacing:.44px;opacity:.62;margin-bottom:0}.drumFeatureSide .drumChannelField.compactSelectField:after{right:7px;bottom:6px;font-size:8px;opacity:.46}.drumFeatureSide .drumChannelField .compactSelectInput{border-radius:999px;min-height:18px;padding:3px 17px 3px 8px;font-size:9px;letter-spacing:.3px;border-style:dashed;border-color:#db6a6a57;background:linear-gradient(180deg,#0a1119cc,#080d15cc),linear-gradient(135deg,#e86d6d29,#e86d6d00)}.drumEnvelopeBaseline{fill:none;stroke:#9cc0df66;stroke-width:1.2}.drumEnvelopeCurve{fill:none;stroke:#c76b78eb;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.drumEnvelopeContour{fill:none;stroke:#c3e0f88f;stroke-width:1.25;stroke-linecap:round;stroke-dasharray:3 2}.drumEnvelopeNoise{fill:none;stroke:#add5f6b3;stroke-width:1.1;stroke-linecap:round;stroke-dasharray:2 2}.drumEnvelopeToneTilt{fill:none;stroke:#9cbee038;stroke-width:1.1;stroke-linecap:round}.drumEnvelopeDriveGhost{fill:none;stroke:#eb8e9e75;stroke-width:1.1;stroke-linecap:round;stroke-dasharray:2 2}.drumEnvelopePanField{fill:none;stroke:#aadcff70;stroke-width:1.2;stroke-linecap:round}.drumEnvelopePanMarker{fill:none;stroke:#bce5ffeb;stroke-width:1.1}.drumAdvancedPanel{display:flex;flex-direction:column;gap:4px;overflow:hidden}.drumAdvancedHeaders{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;min-height:9px}.drumAdvancedHeader{font-size:8px;letter-spacing:.62px;text-transform:uppercase;font-variant:all-small-caps;color:#aac0d49e;line-height:1;justify-self:center}.drumAdvancedGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,auto));gap:6px}.drumAdvancedGrid .drumFocusField{gap:2px;grid-column:span 2}.drumAdvancedGrid .drumFocusField .compactSelectLabel{font-size:8px;letter-spacing:.4px;opacity:.66}.drumAdvancedEmptySlot{width:52px;height:52px;justify-self:center}.drumInfoBar{display:flex;flex-direction:row;align-items:center;gap:8px;min-height:16px;height:16px;padding:0 3px;margin-top:0;border-radius:0;border-top:1px solid rgba(119,154,180,.2);border-left:0;border-right:0;border-bottom:0;background:#080e1633;overflow:hidden;white-space:nowrap;flex-wrap:nowrap}.drumInfoToken{font-size:9px;letter-spacing:.5px;opacity:.7;flex:0 0 auto;white-space:nowrap;line-height:1.2}.drumInfoToken--meta{margin-left:auto;opacity:.68;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1 1 auto;text-align:right}.drumIdentity{gap:6px}.surfaceBadge--drumFamily{border-style:solid;border-color:#c76b788a;background:#c76b784d;color:#f8dde2f2}.surfaceBadge--synthFamily{border-color:#608fca8a;background:#608fca4d;color:#d8e8faf2}.surfaceBadge--triggerFamily{border-color:#c67fff8f;background:#c67fff4d;color:#e8cdfff5}.surfaceBadge--controlFamily{border-color:#70e0ff94;background:#70e0ff47;color:#dbf8fff5}.surfaceBadge--visualFamily{border-color:#ffc77094;background:#ffc77047;color:#ffe9c4f5}.surfaceHeaderChip{padding:2px 6px;font-size:10px}.drumSurface .surfaceHeader,.synthSurface .surfaceHeader,.triggerSurface .surfaceHeader{align-items:flex-start;margin-bottom:9px;padding-bottom:0}.triggerSurface--withStatus{--module-header-h: 36px;grid-template-rows:var(--module-header-h) minmax(0,1fr) var(--module-tabs-h) 16px;row-gap:0}.triggerSurface--withStatus .surfaceHeader{margin-bottom:0}.triggerSurface--withStatus .surfaceTabPanel{padding-top:0}.drumSurface .knobCtl,.synthSurface .knobCtl{width:52px;gap:1px;padding-top:0}.synthSurface .ctlLabel{font-size:9px;letter-spacing:.2px;line-height:1;min-height:10px;margin-bottom:-1px}.synthSurface .knob{width:34px;height:34px}.synthSurface .knob svg{width:34px;height:34px}.synthSurface .knobVal{font-size:8px;line-height:1;margin-top:0;padding-top:0}.drumSurface .ctlLabel{font-size:9px;letter-spacing:.2px;line-height:1;min-height:10px;margin-bottom:-1px}.drumSurface .knob{width:34px;height:34px}.drumSurface .knob svg{width:34px;height:34px}.drumSurface .knobVal{font-size:8px;line-height:1;margin-top:0;padding-top:0}.drumSurface .surfaceHeaderAction,.synthSurface .surfaceHeaderAction,.triggerSurface .surfaceHeaderAction{min-height:24px;padding:2px 8px;border-radius:7px;font-size:11px;line-height:1}.triggerSurface button.primary{border-color:#c67fffa8;box-shadow:0 0 0 1px #c67fff38 inset}.drumSurface .rightControls,.synthSurface .rightControls{gap:6px;align-items:center}.drumSurface--withStatus,.synthSurface--withStatus{--module-header-h: 36px;grid-template-rows:var(--module-header-h) minmax(0,1fr) var(--module-tabs-h) 16px;row-gap:0}.synthSurface--withStatus .surfaceTabPanel{padding-top:0}.synthSurface--withStatus .surfaceMainLayout{margin-top:0}.synthSurface--withStatus .surfaceSettingsPanel,.synthSurface--withStatus .utilityPanel--voiceRouting{padding-top:1px}.synthMainPrimaryGrid{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,auto));gap:6px}.synthAdvancedPanel{display:flex;flex-direction:column;gap:4px;overflow:hidden}.synthAdvancedHeaders{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;min-height:9px}.synthAdvancedHeader{font-size:8px;letter-spacing:.62px;text-transform:uppercase;font-variant:all-small-caps;color:#adc8e2a3;line-height:1;justify-self:center}.synthAdvancedGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,auto));gap:6px}.synthAdvancedEmptySlot{width:52px;height:52px;justify-self:center}.synthInfoBar{border-top-color:#608fca3d;background:#0a121e47}.synthInfoBar .drumInfoToken{color:#d8e8fae6}.drumSurface--withStatus .surfaceTabPanel{padding-top:0}.drumSurface--withStatus .surfaceMainLayout,.drumSurface--withStatus .drumMainFeature{margin-top:0}.drumSurface--withStatus .surfaceSettingsPanel,.drumSurface--withStatus .utilityPanel--voiceRouting{padding-top:1px}.transportSubtitle{white-space:pre-line}.drumSurface .routingCard{padding:6px 7px}.drumSurface .utilityPanel--voiceRouting .routingCardTitle{letter-spacing:.65px}.drumSurface .utilityPanel--voiceRouting .routingCardSubtitle{font-size:9px;opacity:.68}.drumSurface .utilityPanel--voiceRouting .utilityRouteMap{padding:3px 6px;border:1px solid rgba(104,146,179,.32);border-radius:7px;background:#0a141f85;letter-spacing:.35px}.drumSurface .compactSelectField select,.drumSurface .compactSelectInput{color-scheme:dark;color:#deecf8f0;background:#080d14eb;border-color:#65849b85}.drumSurface .compactSelectField select option,.drumSurface .compactSelectInput option{color:#deecf8f0;background:#0a111afa}.drumSurface .compactSelectField select option:checked,.drumSurface .compactSelectInput option:checked,.drumSurface .compactSelectField select option:hover,.drumSurface .compactSelectInput option:hover{color:#ecf6fffa;background:#7a3f4ccc}.triggerSurface .compactSelectField select,.triggerSurface .compactSelectInput{color-scheme:dark;color:#e8cdfff2;background:#0e0b17eb;border-color:#aa79d180}.triggerSurface .compactSelectField select option,.triggerSurface .compactSelectInput option{color:#e8cdfff2;background:#120d1dfa}.triggerSurface .compactSelectField select option:checked,.triggerSurface .compactSelectInput option:checked,.triggerSurface .compactSelectField select option:hover,.triggerSurface .compactSelectInput option:hover{color:#f3e5fffa;background:#623a85d1}.drumSurface .knobArc{stroke:#c76b78f0}.synthSurface .knobArc{stroke:#608fcaf0}.triggerSurface .knobArc{stroke:#c67ffff0}.drumSurface .modTab[role=tab][aria-selected=true]{color:#f8dde2f2;border-color:#c76b7875;background:#5728345c}.synthSurface .modTab[role=tab][aria-selected=true]{color:#d8e8faf2;border-color:#608fca75;background:#1e3c634d}.triggerSurface .modTab[role=tab][aria-selected=true]{color:#e8cdfff5;border-color:#c67fff70;background:#582d7d52}.drumSurface .routingChip-connected{border-color:#c76b7870;background:#7a3f4c42}.synthSurface .routingChip-connected{border-color:#608fca70;background:#24487442}.triggerSurface .routingChip-connected{border-color:#c67fff6b;background:#582d7d3d}.drumSurface .utilityRouteMap{background:#7a3f4c33}.synthSurface .utilityRouteMap{background:#24487433}.triggerSurface .utilityRouteMap{background:#582d7d33}.triggerPrimaryRack{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.triggerPrimary>.triggerPrimaryRack{opacity:.9}.triggerInfoBar{border-top-color:#c67fff3d;background:#120c1b4d}.triggerInfoBar .drumInfoToken{color:#e8cdffe6}.triggerInfoBar .triggerTransportReadout{letter-spacing:.5px;text-align:right}.triggerMetaRow{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,3.2fr) minmax(0,1.8fr);align-items:center;gap:6px}.triggerMetaChip{display:inline-flex;align-items:center;min-width:0;min-height:22px;border-radius:999px;border:1px solid rgba(197,142,233,.4);background:#0e0d1abf;color:#e4d2f4f0;font-size:10px;letter-spacing:.5px;padding:2px 9px;white-space:nowrap}.triggerMetaChip--gen{position:relative;width:100%;gap:6px}.triggerMetaChip--routing{width:100%;justify-content:center;min-height:22px;opacity:.86;padding-inline:6px;font-size:9px;letter-spacing:.45px;overflow:hidden;text-overflow:clip}.triggerMetaChipLabel,.triggerSeedLabel{font-size:10px;letter-spacing:.6px;text-transform:uppercase;opacity:.84}.triggerModeButton{position:absolute;inset:0;border:0;background:transparent;cursor:pointer;border-radius:999px}.triggerModeButton:focus{outline:none}.triggerModeValue{position:absolute;right:9px;top:50%;transform:translateY(-50%);font-size:10px;letter-spacing:.5px;color:#e4d2f4f0;pointer-events:none}.triggerModeSelectorPanel{background:#0e0d1afa;border:1px solid rgba(197,142,233,.35);border-radius:12px;box-shadow:0 18px 34px #00000070;padding:6px}.triggerModeSelectorList{display:grid;gap:4px}.triggerModeSelectorRow{width:100%;text-align:left;min-height:24px;border-radius:8px;border:1px solid rgba(197,142,233,.22);background:#1a1226b8;color:#e9d7f9f0;font-size:10px;letter-spacing:.4px;padding:3px 7px}.triggerModeSelectorRow.isSelected{border-color:#dcb1ff8c;background:#381f4ec7}.triggerSeedGroup{width:100%;min-height:22px;border:1px solid rgba(197,142,233,.34);border-radius:999px;background:#0e0d1aa8;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:5px;padding:1px 3px 1px 8px}.triggerSeedInput{width:100%;border:0;background:transparent;color:#e5d8f7f2;font-size:10px;line-height:1;letter-spacing:.45px;font-variant-numeric:tabular-nums;min-width:0;padding:0;overflow:visible}.triggerSeedInput::-webkit-outer-spin-button,.triggerSeedInput::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.triggerSeedInput[type=number]{appearance:textfield}.triggerSeedInput:focus{outline:none}.triggerSeedRandomize{min-height:18px;min-width:20px;border-radius:999px;border:1px solid rgba(205,166,239,.42);background:#41245a6b;color:#f0e4fff2;line-height:1;padding:0}.triggerRoutingSelectorPanel{background:#0e0d1afa;border:1px solid rgba(197,142,233,.35);border-radius:12px;box-shadow:0 18px 34px #00000070;padding:6px}.triggerRoutingSelectorList{display:grid;gap:4px}.triggerRoutingSelectorRow{display:grid;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:24px;border-radius:8px;border:1px solid rgba(197,142,233,.22);background:#1a1226b8;color:#e9d7f9f0;font-size:10px;letter-spacing:.4px;padding:3px 7px}.triggerRoutingSelectorRow.isSelected{border-color:#dcb1ff8c;background:#381f4ec7}.triggerRoutingSelectorMark{width:12px;text-align:center}.triggerRoutingSelectorLabel{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.triggerRoutingSelectorFamily{opacity:.72}.triggerRoutingSelectorEmpty{border-radius:8px;border:1px dashed rgba(197,142,233,.28);color:#dfc9f3ad;font-size:10px;letter-spacing:.4px;padding:8px;text-align:center}.triggerDisplaySurface{border:1px solid rgba(208,169,236,.4);border-radius:10px;background:#080c13b8;padding:7px;min-height:136px;height:136px;max-height:136px;flex:0 0 136px;display:flex;flex-direction:column;gap:0;overflow:clip}.triggerDisplayCanvas{flex:1 1 auto;min-height:0;overflow:clip;border-radius:8px;border:1px solid rgba(180,134,215,.25);background:#070910e6;padding:6px;contain:layout paint size}.triggerDisplayStepGrid,.triggerDisplayCellular{height:100%;display:grid;grid-template-columns:repeat(var(--trigger-display-cols, 16),minmax(0,1fr));grid-template-rows:repeat(var(--trigger-display-rows, 8),minmax(0,1fr));gap:var(--trigger-cell-gap, 3px);align-content:stretch;overflow:clip;min-height:0;max-width:100%}.triggerDisplayStepView{width:100%;height:100%;min-height:0;display:flex;--trigger-step-density: .5;--trigger-step-accent-depth: .5}.triggerDisplayStepGrid{flex:1 1 auto;min-height:0;-webkit-user-select:none;user-select:none;position:relative;background:linear-gradient(to bottom,#c5d8ec0f,#7596b505) left top / 100% 100% no-repeat,repeating-linear-gradient(to right,transparent 0,transparent calc((100% / var(--trigger-display-cols, 16)) * var(--trigger-step-phrase, 4) - 1px),rgba(150,186,220,.18) calc((100% / var(--trigger-display-cols, 16)) * var(--trigger-step-phrase, 4) - 1px),rgba(150,186,220,.18) calc((100% / var(--trigger-display-cols, 16)) * var(--trigger-step-phrase, 4)));border-radius:6px;pointer-events:none}.triggerDisplayCell{min-height:0;border-radius:3px;background:#6b87a01c;border:1px solid rgba(129,157,181,.18);transition:background-color 70ms linear,border-color 70ms linear,box-shadow 70ms linear,opacity 70ms linear;box-shadow:inset 0 1px #ffffff09}.triggerDisplayCell.on{background:rgba(172,202,228,calc(.26 + var(--trigger-step-intensity, .5) * .46));border-color:rgba(168,211,246,calc(.34 + var(--trigger-step-intensity, .5) * .48));box-shadow:inset 0 0 0 1px rgba(211,233,252,calc(.14 + var(--trigger-step-intensity, .5) * .32))}.triggerDisplayCell.off{background:#59718814}.triggerDisplayCell.is-ghost{background:#7291ac29;border-color:#87abc83b}.triggerDisplayCell.is-strong{box-shadow:inset 0 0 0 1px #e1f5ff7a,0 0 0 1px #94bce052}.triggerDisplayCell.is-soft{opacity:.86}.triggerDisplayCell.is-playhead{box-shadow:inset 0 0 0 1px #f8fdffe0,0 0 0 1px #c4dff6d9;border-color:#e1f3ffeb;background:rgba(199,230,253,calc(.4 + var(--trigger-step-intensity, .5) * .54))}.triggerDisplayCell.is-secondary{box-shadow:inset 0 0 0 1px #aac4d852}.triggerDisplayStepGrid .triggerDisplayCell.is-measure-start{border-left-color:#ecd0ff8c}.triggerDisplayStepGrid .triggerDisplayCell.is-subdivision-start{border-left-color:#dcb7f452}.triggerDisplayStepGrid .triggerDisplayCell.is-overflow{opacity:.3;background:#4a566629;border-color:#6e809224;box-shadow:none}.triggerDisplayCell.echo{opacity:.55}.triggerDisplayCell.accent{background:#e9c9fff2}.triggerDisplayFractal{width:100%;height:100%}.triggerDisplayFractalPath{fill:none;stroke:#dcb0faf0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.triggerDisplayFractalPath--echo{stroke:#b285dd7a;stroke-width:1.3}.triggerDisplayFractalPath--child{stroke:#a4ddff94;stroke-width:1.15;stroke-dasharray:2.6 2.1}.triggerDisplayFractalCursor{fill:#e4d0fbf5;filter:drop-shadow(0 0 5px rgba(198,127,255,.7))}.triggerDisplayFractalWrap{height:100%}.triggerDisplayHybrid{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:8px}.triggerDisplayHybridMeter{grid-column:1 / -1;height:7px;border-radius:999px;border:1px solid rgba(190,148,226,.4);background:#805ba42e;overflow:hidden}.triggerDisplayHybridMeterFill{display:block;height:100%;width:50%;background:linear-gradient(90deg,#97dbffd9,#dcb0faf5);box-shadow:0 0 8px #a4ddff73}.triggerDisplayEuclideanWrap{height:100%;display:flex;align-items:center;justify-content:center}.triggerDisplayEuclideanRing{position:relative;margin:0 auto;width:86px;height:86px;border-radius:50%;border:1px solid rgba(206,157,239,.35)}.triggerDisplayEuclideanDot{position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:999px;background:#c67fff33;transform:translate(calc(-50% + var(--dot-x)),calc(-50% + var(--dot-y)));cursor:pointer}.triggerDisplayEuclideanDot.on{background:#deb6faf0;box-shadow:0 0 8px #c67fff66}.triggerDisplayEuclideanDot.is-playhead{box-shadow:0 0 0 1px #f1e8fff2,0 0 11px #f1e8ffb3}.triggerDisplayEuclideanIndicator{position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:999px;background:#97dbfffa;transform:translate(calc(-50% + var(--dot-x, 0px)),calc(-50% + var(--dot-y, -46px)));box-shadow:0 0 10px #97dbffbf}.triggerDisplayNonEuclidean{height:100%;display:grid;align-items:stretch}.triggerDisplayNonEuclideanMap{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:stretch;gap:2px;border:1px solid rgba(201,160,233,.25);border-radius:8px;padding:3px;background:#4a2e601f}.triggerDisplayNonEuclideanCell{position:relative;border-radius:3px;background:color-mix(in srgb,rgba(183,127,230,.16),rgba(130,92,175,.22) calc(var(--ne-edge-bias, 0) * 100%));border:1px solid rgba(201,160,233,.14);min-height:20px;opacity:calc(.4 + var(--ne-seg-density, .4) * .5)}.triggerDisplayNonEuclideanCell.is-local-pulse:before{content:"";position:absolute;left:50%;bottom:3px;width:4px;height:4px;border-radius:999px;transform:translate(-50%);background:#b693dfbf}.triggerDisplayNonEuclideanCell.is-hit{background:linear-gradient(180deg,#e0b3fff2,#9265c2d9);box-shadow:0 0 8px #c493ed6b}.triggerDisplayNonEuclideanCell.is-playhead{outline:1px solid rgba(239,230,252,.95);box-shadow:0 0 8px #f4eaff99}.triggerDisplayNonEuclideanCell.is-dropped:after{content:"";position:absolute;inset:4px 2px;border-top:1px dashed rgba(245,227,251,.65)}.triggerDisplayNonEuclideanEdge{align-self:stretch;justify-self:center;width:1px;margin:1px 0;background:rgba(234,207,255,var(--ne-edge-strength, .5));box-shadow:0 0 6px #e0b3ff73;z-index:2}.triggerDisplayMarkov{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 76px;grid-template-rows:minmax(0,1fr) 18px;gap:8px}.triggerDisplayMarkovNodes{position:relative;border:1px solid rgba(194,153,225,.25);border-radius:8px}.triggerDisplayMarkovNode{position:absolute;width:20px;height:20px;border-radius:999px;font-size:8px;display:grid;place-items:center;background:#a877d047;border:1px solid rgba(203,169,230,.45)}.triggerDisplayMarkovNode:nth-child(1){left:14px;top:50%;transform:translateY(-50%)}.triggerDisplayMarkovNode:nth-child(2){right:14px;top:50%;transform:translateY(-50%)}.triggerDisplayMarkovNode.is-playhead{box-shadow:0 0 0 1px #f5eefff2,0 0 9px #e9d5ffc7}.triggerDisplayMarkovMatrix{grid-row:1;grid-column:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:3px}.triggerDisplayMarkovCell{min-height:16px;border-radius:4px;background:#b17ed840;border:1px solid rgba(205,168,231,.32);font-size:8px;display:grid;place-items:center}.triggerDisplayMarkovPath{grid-column:1 / -1;grid-row:2;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(2px,1fr);gap:2px}.triggerDisplayMarkovPathCell{border-radius:2px;background:#70538859;border:1px solid rgba(181,145,209,.18)}.triggerDisplayMarkovPathCell.is-hit{background:#d2aeedd9}.triggerDisplayMarkovPathCell.is-playhead{outline:1px solid rgba(244,235,255,.95)}.triggerDisplayMarkov.is-switch .triggerDisplayMarkovNodes{box-shadow:inset 0 0 0 1px rgba(232,205,255,calc(.25 + var(--markov-switch-strength, .5) * .4))}.triggerDisplayLSystem,.triggerDisplayLSystemSvg{width:100%;height:100%}.triggerDisplayLSystemBranch{fill:none;stroke:#bcf3cdeb;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.triggerDisplayLSystemTracer{fill:#daf6e3f5;filter:drop-shadow(0 0 4px rgba(176,238,199,.8))}.triggerDisplayXronoMorph{height:100%;display:grid;grid-template-rows:repeat(5,minmax(0,1fr));gap:4px}.triggerDisplayXronoLane,.triggerDisplayXronoMerge,.triggerDisplayOneOverFGrid,.triggerDisplayGeneticRow{display:grid;grid-template-columns:repeat(var(--trigger-linear-cols, 16),minmax(0,1fr));gap:2px}.triggerDisplayLinearCell{height:6px;border-radius:2px;background:#aa76d433}.triggerDisplayLinearCell.on{background:#e1b8fce6}.triggerDisplayLinearCell.is-playhead{box-shadow:0 0 0 1px #f5ecffe6,0 0 7px #dec2ffc2}.triggerDisplayXronoLane--euclid .triggerDisplayLinearCell.on{background:#e1b8fce6}.triggerDisplayXronoLane--ca .triggerDisplayLinearCell.on{background:#97dbffe6}.triggerDisplayXronoLane--step .triggerDisplayLinearCell.on{background:#b0f8cde6}.triggerDisplayXronoLane--agreement .triggerDisplayLinearCell.on{background:#fff1a6eb}.triggerDisplayXronoMerge .triggerDisplayLinearCell.on,.triggerDisplayXronoLane--output .triggerDisplayLinearCell.on{background:linear-gradient(90deg,#97dbffe6,#e2bbfcf2)}.triggerDisplayGenetic{height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:4px}.triggerDisplayGeneticPopulation{display:grid;grid-template-rows:repeat(6,minmax(0,1fr));gap:3px}.triggerDisplayGeneticRow{padding:1px;border-radius:6px;border:1px solid rgba(188,145,224,.24);background:#75539926;box-shadow:inset 0 0 0 1px rgba(255,255,255,calc(var(--genetic-fit, 0) * .1));opacity:calc(.52 + var(--genetic-fit, 0) * (.42 + var(--genetic-cull, 0) * .06))}.triggerDisplayGeneticRow.is-elite{border-color:rgba(168,245,184,calc(.26 + var(--genetic-selection, 0) * .36))}.triggerDisplayGeneticRow.is-selected{box-shadow:0 0 0 1px #d2f8ddb8,inset 0 0 0 1px rgba(255,255,255,calc(var(--genetic-fit, 0) * .18))}.triggerDisplayGeneticRow .triggerDisplayLinearCell.elite.on{background:#b4ffbde6}.triggerDisplayGeneticOutput{padding:2px;border-radius:6px;border:1px solid rgba(134,219,242,.5);background:linear-gradient(180deg,#346d8442,#17384933)}.triggerDisplayGeneticOutput .triggerDisplayLinearCell.on{background:#a3ecfff2;box-shadow:0 0 calc(3px + var(--genetic-mutation, 0) * 6px) #9ae6ff80}.triggerDisplayOneOverF{height:100%;display:grid;grid-template-rows:1fr auto;gap:6px}.triggerDisplayOneOverFPath{position:relative;border-radius:7px;border:1px solid rgba(180,142,218,.3);background:radial-gradient(circle at var(--spark-x, 50%) var(--spark-y, 50%),rgba(180,255,222,.24),transparent 32%),linear-gradient(180deg,#cda8ea29,#583e7a1f),repeating-linear-gradient(90deg,rgba(219,199,241,.08),rgba(219,199,241,.08) 1px,transparent 1px,transparent 12px)}.triggerDisplayOneOverFSpark{position:absolute;width:7px;height:7px;border-radius:999px;background:#b9ffd8f5;box-shadow:0 0 10px #99ffcab3;transform:translate(-50%,-50%);pointer-events:none}.triggerDisplayGear{height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:6px;transition:filter .14s ease;overflow:clip}.triggerDisplayGearStage{position:relative;width:min(100%,140px);aspect-ratio:1;margin-inline:auto;border-radius:11px;border:1px solid rgba(175,139,205,.3);background:repeating-radial-gradient(circle at 50% 50%,rgba(175,145,210,.04) 0 1px,transparent 1px 14px),linear-gradient(180deg,#181225db,#090a11db);overflow:clip}.triggerDisplayGearWheel{position:absolute;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(var(--gear-angle, 0deg));transition:filter .12s ease,opacity .12s ease;opacity:.9;width:calc(100% - ((var(--gear-ring-index, 0) + 1) * 18px));aspect-ratio:1}.triggerDisplayGearWheel.is-enabled{opacity:1}.triggerDisplayGearWheel--1{z-index:5}.triggerDisplayGearWheel--2{z-index:6}.triggerDisplayGearWheel--3{z-index:7}.triggerDisplayGearWheel--4{z-index:8}.triggerDisplayGearRingBody{position:absolute;inset:8px;border-radius:50%;border:1px solid rgba(229,207,250,.3);background:#422c5f29}.triggerDisplayGearRingBody:before{content:"";position:absolute;inset:22%;border-radius:50%;border:1px solid rgba(174,141,206,.2)}.triggerDisplayGearTick{position:absolute;left:50%;top:50%;width:1px;height:11%;border-radius:1px;background:rgba(197,162,234,calc(.22 + (var(--gear-tick-major, 0) * .3)));transform:translate(-50%,-50%) rotate(var(--gear-tooth-angle)) translateY(-45%);transform-origin:50% 50%}.triggerDisplayGearSlot{position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:999px;background:#8972a959;transform:translate(-50%,-50%) rotate(var(--gear-tooth-angle)) translateY(-39%);transition:background .1s ease,box-shadow .1s ease}.triggerDisplayGearSlot.on{background:#d6b6f6bf}.triggerDisplayGearSlot.is-playhead{background:#a3e4fff5;box-shadow:0 0 8px #99dcffc2}.triggerDisplayGearSlot.is-aligned{background:#a7ffcffa;box-shadow:0 0 10px #a1fccbc7}.triggerDisplayGearMarker{position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;transform:translate(-50%,-50%) rotate(var(--gear-marker-angle, 0deg)) translateY(-42%);background:#baecffe0;box-shadow:0 0 8px #96ddff99;transition:transform .12s linear,background .1s ease}.triggerDisplayGearMarker:before{content:"";position:absolute;left:50%;bottom:50%;width:1px;height:8px;transform:translate(-50%);background:#a0dbfcb3}.triggerDisplayGearCoincidence{position:absolute;left:50%;top:50%;width:2px;height:46%;border-radius:3px;background:linear-gradient(180deg,#99ffd2d9,#99ffd20f);transform-origin:50% 100%;transform:translate(-50%,-100%) rotate(var(--gear-coincidence-angle, 0deg));opacity:0;transition:opacity .11s ease;pointer-events:none}.triggerDisplayGearRatio{min-height:11px;font-size:8px;letter-spacing:.45px;line-height:1.2;color:#d2e9fbcc;text-transform:uppercase;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.triggerDisplayGear.is-aligned{filter:drop-shadow(0 0 10px rgba(170,255,213,.35))}.triggerDisplayGearStage.is-aligned .triggerDisplayGearMarker{background:#acffd6f0}.triggerDisplayGearStage.is-coincident .triggerDisplayGearCoincidence{opacity:1}.triggerDisplayRadar{height:100%;display:flex;align-items:center;justify-content:center}.triggerDisplayRadarStage{width:min(100%,132px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(173,193,227,.36);--radar-range-reach: 1;--radar-ring-gap: 16px;--radar-target-scale: 1;background:radial-gradient(circle at 50% 50%,#19273b00 calc(var(--radar-range-reach) * 100%),#060a109e calc(var(--radar-range-reach) * 100% + .8%)),repeating-radial-gradient(circle at 50% 50%,rgba(166,214,248,.07) 0 1px,transparent 1px var(--radar-ring-gap, 16px)),linear-gradient(180deg,#111b29db,#080c14e6);position:relative;overflow:clip}.triggerDisplayRadarSweep{position:absolute;left:50%;top:50%;width:2px;height:52%;transform-origin:50% 100%;transform:translate(-50%,-100%) rotate(var(--radar-angle, 0deg));background:linear-gradient(180deg,#9de5fff0,#9de5ff0f);box-shadow:0 0 calc(6px + var(--radar-sweep-glow, 0) * 14px) rgba(150,218,255,calc(.26 + var(--radar-sweep-glow, 0) * .5))}.triggerDisplayRadarRange{position:absolute;left:50%;top:50%;width:calc(var(--radar-range-reach) * 124px);height:calc(var(--radar-range-reach) * 124px);transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(152,225,255,.34);box-shadow:inset 0 0 14px #84ccff1a;pointer-events:none}.triggerDisplayRadarBlip{position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;transform:translate(calc(-50% + var(--radar-x, 0px)),calc(-50% + var(--radar-y, 0px))) scale(calc(var(--radar-target-scale, 1) * (.78 + var(--radar-hit, 0) * .54)));background:rgba(173,222,255,calc((.14 + var(--radar-hit, .1) * .72) * var(--radar-range-dim, 1)));box-shadow:0 0 calc(2px + var(--radar-hit, 0) * 11px) rgba(160,223,255,calc(.18 + var(--radar-hit, 0) * .36));transform-origin:center;transition:background 90ms linear,box-shadow 90ms linear}.triggerDisplayRadarBlip.is-hot{background:rgba(176,255,211,calc(.48 + var(--radar-hit, 0) * .46))}.triggerDisplayRadarReturn{position:absolute;left:50%;top:50%;width:8px;height:2px;border-radius:999px;transform:translate(calc(-50% + var(--radar-return-x, 0px)),calc(-50% + var(--radar-return-y, 0px)));background:rgba(182,255,223,calc(var(--radar-return-hit, 0) * .8));box-shadow:0 0 calc(2px + var(--radar-return-hit, 0) * 10px) #aff8da94;opacity:var(--radar-return-visible, 0);pointer-events:none}.triggerDisplayRadarTrail{position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;transform:translate(calc(-50% + var(--radar-trail-x, 0px)),calc(-50% + var(--radar-trail-y, 0px)));background:rgba(158,209,246,calc(.03 + var(--radar-trail-hit, 0) * .12));box-shadow:0 0 3px #96d8ff29;opacity:calc(.42 - var(--radar-trail-index, 1) * .08);pointer-events:none}.synthHeaderSelect{min-width:0}.synthHeaderSelect .compactSelectLabel{font-size:9px}.synthHeaderSelect .compactSelectInput{min-width:58px;max-width:66px;font-size:10px;padding:2px 14px 2px 6px}.triggerDisplayPlaceholder{height:100%;border:1px dashed rgba(190,140,230,.34);border-radius:8px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;padding:10px;color:#e4d6f3d1}.triggerPrimaryControls{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.triggerSurface .knobCtl{width:52px;gap:1px;padding-top:0}.triggerSurface .ctlLabel{font-size:9px;letter-spacing:.2px;line-height:1;min-height:10px;margin-bottom:-1px}.triggerSurface .knob{width:34px;height:34px}.triggerSurface .knob svg{width:34px;height:34px}.triggerSurface .knobVal{font-size:8px;line-height:1;margin-top:0;padding-top:0}.voiceBottomStrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--faceplate-gap-sm)}.controlMainKnobGrid,.controlAdvancedKnobGrid,.moduleKnobGrid{display:grid}.controlMainKnobGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.controlFeatureRack{display:grid;gap:6px}.controlMeter--feature{height:14px}.moduleKnobGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.moduleKnobGrid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.controlAdvancedKnobGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.utilityPanel,.surfaceSettingsPanel{display:flex;flex-direction:column;gap:var(--faceplate-gap-sm)}.triggerFineTunePanel{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;align-content:start}.triggerFineTuneSection{grid-column:span 3;min-width:0;padding:5px 7px 6px;border:1px solid rgba(50,63,76,.58);border-radius:10px;background:linear-gradient(180deg,#0a0e13b3,#080c1180);display:flex;flex-direction:column;gap:4px}.triggerFineTuneSection--span2{grid-column:span 2}.triggerFineTuneSection--span3{grid-column:span 3}.triggerFineTuneSection--span6{grid-column:span 6}.triggerFineTuneSection--compact{padding-bottom:5px}.triggerAdvancedSectionTitle{display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#d6e1eacc;text-shadow:0 1px 0 rgba(0,0,0,.35);padding:0;margin:0}.triggerAdvancedSectionTitle:before{content:"";flex:0 0 8px;height:1px;background:linear-gradient(90deg,#4aa3ff8c,#4aa3ff1f)}.triggerAdvancedGrid{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;border:0;border-radius:0;background:transparent;gap:6px 8px}.triggerSettingsPanel>.triggerAdvancedGrid:not(:last-child){margin-bottom:4px}.transportRowMain{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;flex-wrap:nowrap}.transportZone{min-width:0;display:flex;align-items:center;gap:10px;flex-wrap:nowrap}.transportZoneIdentity{flex:0 0 auto}.transportZoneCenter{flex:1 1 auto;justify-content:center}.transportZoneRight{flex:0 0 auto;margin-left:auto;justify-content:flex-end;gap:8px}.transportCenterGroup,.transportSessionBlock,.transportSessionSelectRow{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:nowrap}.transportCenterGroup{justify-content:center}.transportSessionBlock,.transportSessionSelectRow,.transportPresetWrap{width:auto;max-width:none;overflow:visible;flex:0 1 auto}.transportCluster{display:flex;align-items:center;gap:8px;width:auto;flex:0 1 auto}.transportClusterPrimary,.transportClusterStatus{justify-content:flex-start}.transportClusterTempo{display:flex;align-items:stretch;gap:8px}.transportDial{width:136px;flex:0 0 136px}.transportClusterSession{min-width:228px}.transportSettingsDock{display:flex;align-items:center;justify-content:flex-end;margin-left:auto}@media(max-width:1100px){.transportRowMain{flex-wrap:wrap;justify-content:flex-start}.transportZoneCenter{order:2;flex:1 1 100%;justify-content:flex-start}.transportZoneRight{order:3;flex:1 1 100%;justify-content:space-between}.transportCenterGroup{justify-content:flex-start}}@media(max-width:760px){:root{--module-cell-w: min(100%, 330px)}.workspaceViewportInner{justify-content:flex-start;width:100%;min-width:100%}.workspaceViewport{scrollbar-gutter:auto}.moduleCell{width:100%}.transportRowMain,.transportZone,.transportCenterGroup{flex-wrap:wrap}.transportZoneCenter,.transportZoneRight{justify-content:flex-start}}.controlSurface .surfaceHeaderAction,.visualSurface .surfaceHeaderAction{min-height:24px;padding:2px 8px;border-radius:7px;font-size:11px;line-height:1}.controlSurface .rightControls,.visualSurface .rightControls{gap:6px;align-items:center}.controlChipRow,.visualMetaRow{display:flex;align-items:center;justify-content:flex-start;gap:6px;flex-wrap:nowrap;min-height:26px}.controlChipRow .routingChip,.visualMetaRow .routingChip{font-size:10px}.controlChipRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;justify-items:stretch;gap:6px}.visualChipRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;justify-content:stretch}.visualChipButton{display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:24px;padding:3px 8px;white-space:nowrap;min-width:0;max-width:100%;cursor:pointer;overflow:hidden;text-overflow:ellipsis}.visualChipButton.isOpen,.visualChipButton:hover,.visualChipButton:focus-visible{border-color:#ffd8949e}.visualChipSelectorPanel{background:#110f0afa;border:1px solid rgba(255,199,112,.34);border-radius:12px;box-shadow:0 18px 34px #00000070;padding:6px}.visualChipSelectorList{display:grid;gap:4px}.visualChipSelectorRow{display:grid;grid-template-columns:14px minmax(0,1fr);align-items:center;gap:6px;min-height:24px;border-radius:8px;border:1px solid rgba(255,199,112,.2);background:#21190fb8;color:#ffe9c4f0;font-size:10px;letter-spacing:.4px;padding:3px 7px}.visualChipSelectorRow.isSelected{border-color:#ffd8948c;background:#4d371fc7}.visualChipSelectorMark{width:12px;text-align:center}.visualChipSelectorValue{min-width:0;overflow:hidden;text-overflow:ellipsis}.controlFeatureRack{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:122px}.controlDisplayCanvas{width:100%;height:100%;min-height:84px;border:1px solid rgba(110,219,255,.3);border-radius:9px;background:linear-gradient(180deg,#09141ae6,#080f14a6)}.controlDisplayReadout{font-size:10px;opacity:.86}.visualSurfaceBody.visualMainLayout{grid-template-rows:auto minmax(0,1fr);gap:6px}.visualDisplayWrap{display:grid;place-items:center;position:relative;min-height:0;border:1px solid rgba(255,199,112,.36);border-radius:10px;background:linear-gradient(180deg,#12110d9e,#080c12b8);padding:3px;overflow:hidden}.visualDisplayWrap .scope{width:100%;height:100%;min-height:214px}.visualReadout{position:absolute;left:8px;right:8px;bottom:8px;margin:0;padding:3px 8px;border-radius:999px;font-size:10px;letter-spacing:.35px;color:#ffebcae6;background:linear-gradient(90deg,#0c0f14a8,#0c0f1433);text-shadow:0 1px 0 rgba(0,0,0,.28);pointer-events:none}.controlChipRow .compactSelectField{width:100%;min-width:0}.controlChipRow .compactSelectField--chip{display:flex;align-items:center;gap:6px;padding:1px 8px;border-radius:999px}.controlChipRow .compactSelectField--chip .compactSelectLabel{flex:0 0 auto;margin:0;opacity:.72;letter-spacing:.7px;font-size:9px}.controlChipRow .compactSelectField--chip .compactSelectInput{border:0;background:transparent;box-shadow:none;padding:3px 16px 3px 0;min-height:22px;font-size:10px}.controlChipRow .compactSelectField--chip:after{right:8px;bottom:7px}.controlChipRow .routingChip{width:100%;white-space:nowrap;text-align:center}.controlSurface .knobCtl{width:52px;gap:1px;padding-top:0}.controlSurface .ctlLabel{font-size:9px;letter-spacing:.2px;line-height:1;min-height:10px;margin-bottom:-1px}.controlSurface .knob{width:34px;height:34px}.controlSurface .knob svg{width:34px;height:34px}.controlSurface .knobVal{font-size:8px;line-height:1;margin-top:0;padding-top:0}.controlGridGhostSlot{width:52px;height:52px;justify-self:center}@media(max-width:1180px){.workspaceViewport{overflow-x:hidden}}.transportHeader.isCompactGlobal{gap:4px;padding:6px 8px;margin-bottom:8px}.transportHeader.isCompactGlobal .transportTitle{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px;row-gap:2px;padding:0}.transportHeader.isCompactGlobal .transportTitle h1{grid-column:1;grid-row:1;margin:0;font-size:clamp(15px,2.4vw,19px);line-height:1.03;letter-spacing:.55px}.transportHeader.isCompactGlobal .transportWordmark{height:clamp(15px,2.4vw,19px)}.transportHeader.isCompactGlobal .transportSubtitle{grid-column:1;grid-row:2;margin:0;max-width:min(64vw,340px);font-size:9px;line-height:1.1;opacity:.62}.transportHeader.isCompactGlobal .transportMain{display:none}.transportHeader.isCompactGlobal.compactExpanded .transportMain{position:absolute;top:calc(100% + 6px);left:8px;right:8px;z-index:320;display:block;max-height:min(60vh,420px);overflow:auto;padding:8px;border-radius:12px;border:1px solid rgba(74,163,255,.24);background:linear-gradient(180deg,#090f16f5,#080d14f2);box-shadow:0 16px 36px #00000073}.transportHeader.isCompactGlobal .transportRowMain{flex-direction:column;align-items:stretch;gap:6px}.transportHeader.isCompactGlobal .transportZone,.transportHeader.isCompactGlobal .transportCenterGroup{width:100%;flex-wrap:wrap;justify-content:flex-start;gap:6px}.transportHeader.isCompactGlobal .transportZoneCenter,.transportHeader.isCompactGlobal .transportZoneRight{width:100%;margin-left:0;justify-content:flex-start}.transportHeader.isCompactGlobal .transportCluster{gap:6px;padding:4px 5px;border-radius:8px}.transportHeader.isCompactGlobal .transportClusterTempo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.transportHeader.isCompactGlobal .transportDial{width:100%;min-width:0;flex:1 1 auto}.transportHeader.isCompactGlobal .transportClusterSession{min-width:0;width:100%}.transportHeader.isCompactGlobal .transportMobileToggle{display:none}.transportHeader.isShortHeightCompact{padding:4px 8px;margin-bottom:6px}.transportHeader.isShortHeightCompact .transportSubtitle{display:none}.transportHeader.isShortHeightCompact .transportTitle h1{font-size:clamp(13px,2.2vw,16px);line-height:1}.transportHeader.isShortHeightCompact .transportWordmark{height:clamp(13px,2.2vw,16px)}.transportHeader.isShortHeightCompact .transportMain{max-height:min(72vh,340px)}.transportHeader.isShortHeightCompact .transportRowMain,.transportHeader.isShortHeightCompact .transportZone,.transportHeader.isShortHeightCompact .transportCenterGroup{gap:4px}.transportHeader.isShortHeightCompact .transportCluster{gap:4px;padding:3px 4px}.transportHeader.isShortHeightCompact .transportIconBtn{width:30px;min-width:30px;min-height:30px}.transportHeader.isShortHeightCompact .transportIconGlyph{width:13px;height:13px}.transportHeader.isShortHeightCompact .transportDial{width:108px;flex-basis:108px;gap:2px}.transportHeader.isShortHeightCompact .transportDial>.small{font-size:8px}.transportHeader.isShortHeightCompact .transportDial input[type=range]{height:14px}.transportHeader.isShortHeightCompact .transportDialNumber{max-width:66px;padding:2px 5px;font-size:10px}.transportHeader.isShortHeightCompact .transportStatus{font-size:8px;gap:1px}.transportHeader.isShortHeightCompact .transportStatusLine:last-child{display:none}.transportHeader.isShortHeightCompact .transportOutputMeter{width:58px;height:12px}@media(max-width:760px){:root{--module-cell-w: min(100%, 340px);--workspace-grid-pad: 6px;--workspace-grid-gap: 8px}.workspaceViewportInner{justify-content:center;width:100%;min-width:100%}.transportHeader{gap:6px;padding:6px 8px;margin-bottom:8px}.transportTitle{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px;padding:0}.transportTitle h1{margin:0;font-size:clamp(16px,5vw,18px);letter-spacing:.65px;grid-column:1;grid-row:1}.transportSubtitle{font-size:9px;line-height:1.15;max-width:min(62vw,260px);opacity:.66;grid-column:1;grid-row:2;min-width:0;white-space:normal}.transportMobileToggle{display:none}.transportHeader.isCompactGlobal .transportStatus{font-size:10px;line-height:1.2}}@media(min-width:1181px){.transportCompactLauncher{display:none}}@media(max-width:760px)and (orientation:portrait){:root{--module-cell-w: 100%}.workspaceViewport{overflow-x:hidden;padding-inline:0}.workspaceViewportInner,.workspaceGrid{width:100%;max-width:100%}.workspaceGrid{grid-template-columns:minmax(0,1fr);justify-content:stretch;padding-inline:6px}.moduleCell{width:100%;max-width:100%}}@media(max-width:420px){.transportClusterTempo{grid-template-columns:1fr}.transportUtilitySummaryLabel{display:none}}.transportMidiChip{min-width:9.5rem;max-width:18rem;padding:.2rem .5rem;border-radius:999px;border:1px solid rgba(206,188,255,.28);background:#56407842;color:#eee8ffeb;font-size:.68rem;line-height:1.2;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.moduleSurface.midiTargetModule{box-shadow:0 0 0 1px #aa80ff61,0 10px 22px #30144647}.globalControlsDrawer{position:fixed;inset:0;z-index:220;pointer-events:none}.globalControlsDrawerBackdrop{position:absolute;inset:0;border:0;border-radius:0;background:#060a107a;opacity:0;transition:opacity .2s ease}.globalControlsDrawerPanel{position:absolute;top:0;left:0;height:100%;width:min(86vw,320px);padding:16px 12px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;background:linear-gradient(180deg,#0a0f16f7,#080c12f7);border-right:1px solid rgba(73,96,120,.48);transform-origin:0 var(--launcher-y, 90%);transform:translate(-102%) scale(.985);transition:transform .24s ease;overflow-y:auto}.globalControlsDrawerPanel:before{content:"";position:absolute;left:0;top:clamp(22px,calc(var(--launcher-y, 84vh) - 80px),calc(100% - 120px));width:3px;height:72px;border-radius:999px;background:linear-gradient(180deg,#79b9ff3d,#79b9ffb3,#79b9ff33);box-shadow:0 0 28px #79b9ff38}.globalControlsDrawer.isOpen{pointer-events:auto}.globalControlsDrawer.isOpen .globalControlsDrawerBackdrop{opacity:1}.globalControlsDrawer.isOpen .globalControlsDrawerPanel{transform:translate(0) scale(1)}.globalControlsDrawerGroup{display:grid;gap:12px}.globalControlsDrawerGroupMiddle{margin-block:8px}.globalControlsDrawerGroupBottom{margin-top:auto;padding-top:8px;border-top:1px solid rgba(123,147,180,.16)}.globalControlsDrawerMainView,.globalControlsDrawerUtilityView{display:grid;gap:12px;min-height:100%}.globalControlsDrawerNav{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px}.globalControlsDrawerBackBtn{min-height:38px;padding:0 10px;border-radius:10px;border:1px solid rgba(128,157,192,.4);background:#141e2ab8;color:#ecf2fff0;font-size:12px}.globalControlsDrawerNavTitle{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#d6e2ffe0}.globalControlsDrawerSection{display:grid;grid-template-columns:1fr 1fr;gap:10px}.globalControlsDrawerCoreBtn,.globalControlsDrawerNavBtn,.globalControlsDrawerChip,.globalControlsChipEditorStep{min-height:52px;border-radius:12px}.globalControlsDrawerCoreBtn,.globalControlsDrawerNavBtn{display:inline-flex;align-items:center;justify-content:center}.globalControlsDrawerCoreBtn .transportIconGlyph,.globalControlsDrawerNavBtn .transportIconGlyph,.globalControlsDrawerSettings .transportIconGlyph{width:22px;height:22px}.globalControlsDrawerChip{font-size:14px;letter-spacing:.08em}.globalControlsDrawerAccess{grid-template-columns:1fr}.globalControlsDrawerNavBtn{justify-content:flex-start;gap:10px;padding-inline:10px}.globalControlsDrawerNavIcon{width:28px;height:28px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:#709cdc2e;border:1px solid rgba(126,170,224,.36)}.globalControlsDrawerNavText{font-size:13px;letter-spacing:.03em;color:#eef2fff0}.globalControlsDrawerStatus{grid-template-columns:auto 1fr;align-items:center;gap:8px 10px}.globalControlsDrawerStatusDot{width:10px;height:10px;border-radius:999px;border:1px solid rgba(255,255,255,.24);background:#ffffff29}.globalControlsDrawerStatusDot.isOn{background:var(--acc-green);box-shadow:0 0 12px #62d68b8c}.globalControlsDrawerStatusText{font-size:12px;color:var(--muted)}.globalControlsDrawerStatusText:last-child{grid-column:1 / -1}.globalControlsDrawerSettings{grid-column:1 / -1}.globalControlsDrawerAudioBtn{grid-column:1 / -1;justify-content:flex-start;gap:10px;padding-inline:14px}.globalControlsDrawerAudioText{font-size:13px;letter-spacing:.03em}.globalControlsDrawerUtilitySection{display:grid;gap:8px}.globalControlsDrawerActionBtn{width:100%;justify-content:flex-start;text-align:left}.globalControlsDrawerSessionList{max-height:min(40vh,260px);overflow-y:auto;display:grid;gap:6px}.globalControlsDrawerStub{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.globalControlsChipEditor{width:min(240px,calc(100vw - 24px))}.globalControlsChipEditorRow{margin-top:8px;display:grid;grid-template-columns:64px 1fr 64px;gap:8px}.globalControlsChipEditorInput{width:100%;min-height:52px;text-align:center;font-size:18px;border-radius:12px}@media(min-width:761px){.globalControlsDrawer{display:none}}.addSlotMenuPhaseHint{padding:0 2px 5px;color:#e2e9ef8f;line-height:1.25}.addSlotSearchWrap{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;padding:4px 6px;border:1px solid rgba(207,214,221,.12);border-radius:10px;background:#ffffff06}.addSlotSearchLabel{color:#e2e9ef94;text-transform:uppercase;letter-spacing:.62px}.addSlotSearchInput{width:100%;min-width:0;min-height:32px;padding:5px 8px;border:1px solid rgba(207,214,221,.12);border-radius:8px;background:#04080c7a;color:#eef4faeb;font-size:12px;outline:none}.addSlotSearchInput::placeholder{color:#e2e9ef61}.addSlotSearchInput:focus-visible{border-color:#7dd4ff85;box-shadow:0 0 0 2px #7dd4ff1f}.addSlotSearchSubtypeList{display:grid;gap:5px;padding-left:10px;border-left:1px solid rgba(125,212,255,.16)}.addSlotSearchSubtype{min-height:38px;padding:8px;background:#7dd4ff0b}.addSlotMenuSectionLabel{padding:2px 2px 0;color:#e2e9ef8a;font-size:10px;font-weight:700;letter-spacing:.65px;text-transform:uppercase}.addSlotFactoryPresetList{display:grid;gap:5px;padding-left:10px;border-left:1px solid rgba(0,224,150,.16)}.addSlotFactoryPreset{min-height:38px;padding:8px;background:#00e0960a}.addSlotMenuEmpty{padding:8px;border:1px solid rgba(207,214,221,.1);border-radius:10px;color:#e2e9ef9e;background:#ffffff05}.addSlotFamilyRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:stretch}.addSlotFamilyRow.accent .addSlotFamilyMain{border-color:#4aa3ff61}.addSlotFamilyMain,.addSlotBackButton{text-align:left;width:100%;border-radius:10px;padding:9px;border:1px solid rgba(207,214,221,.16);background:#ffffff05}.addSlotBackButton{min-height:38px;border-color:#cfd6dd1f;background:#ffffff04}.addSlotQuickAdd{min-width:58px;min-height:44px;border-radius:10px;padding:0 9px;border:1px solid rgba(125,212,255,.24);background:#7dd4ff14;color:#e2f2ffdb;font-size:11px;font-weight:700;letter-spacing:.35px;white-space:nowrap}.addSlotFamilyMain:hover,.addSlotBackButton:hover,.addSlotQuickAdd:hover,.addSlotMenuItem:hover,.addSlotFamilyMain:focus-visible,.addSlotBackButton:focus-visible,.addSlotQuickAdd:focus-visible,.addSlotMenuItem:focus-visible{border-color:#7dd4ff80;background:#7dd4ff1a}.presetManagerBatchNote{margin-top:10px}.presetManagerBatchActions{align-items:center}.presetManagerSelectionSummary{min-width:150px;opacity:.82}.presetRow.selected{border-color:#00e09675;background:#00e09614}.presetSelectToggle{display:inline-flex;align-items:center;gap:6px;width:max-content;-webkit-user-select:none;user-select:none}.presetSelectToggle input:disabled+span{opacity:.62}