:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;min-height:100%}body{min-width:320px;min-height:100vh}a{color:inherit}:root{--bg: #0b1220;--panel: #0f1b2d;--panel2: #0c1626;--text: #e5e7eb;--muted: rgba(229,231,235,.7);--border: rgba(148,163,184,.18);--shadow: 0 12px 30px rgba(0,0,0,.35);--blue: #60a5fa;--blue2: #2563eb;--red: #ef4444;--play-1: #4ade80;--play-2: #15803d}html,body{background:radial-gradient(1200px 700px at 20% 0%,rgba(37,99,235,.18),transparent 60%),radial-gradient(1000px 600px at 100% 10%,rgba(239,68,68,.12),transparent 55%),var(--bg);color:var(--text)}#root{max-width:1280px;margin:0 auto;padding:12px}.section{border-top:1px solid var(--border);padding-top:14px;margin-top:14px}.trackCard{border:1px solid var(--border);border-radius:14px;padding:12px;background:linear-gradient(180deg,#ffffff0a,#ffffff05);box-shadow:var(--shadow)}.inspectorGrid{display:grid;gap:14px;grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}.inspectorTitle{margin:0 0 14px;font-size:1.05rem;font-weight:800}.inspectorCard{display:grid;gap:14px;padding:18px;border-radius:20px;background:linear-gradient(180deg,#09101ff5,#0b1220f0);border-color:#94a3b824}.inspectorCardTrack,.inspectorCardProject{align-content:start}.inspectorCardHeader,.inspectorHeadingBlock,.inspectorStack,.inspectorField{display:grid;gap:6px}.inspectorCardTitle,.inspectorSectionTitle{font-weight:800;letter-spacing:-.01em}.inspectorCardTitle{font-size:1.02rem}.inspectorSectionTitle{font-size:.98rem}.inspectorCardCopy{line-height:1.5}.inspectorFormGrid{display:grid;gap:14px 16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.inspectorFormGridTight{gap:12px}.inspectorProjectGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.inspectorFieldCompact{gap:8px}.inspectorField input,.inspectorField select{min-height:44px;border-radius:12px;background:#ffffff08;border-color:#94a3b824}.inspectorSelectRow{display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto}.inspectorNewTrackButton{min-width:122px}.inspectorButtonRow{display:flex;gap:10px;flex-wrap:wrap}.inspectorButtonRowThree>*{flex:1 1 0}.inspectorButtonRowSplit{align-items:center;justify-content:space-between}.inspectorActionButton{min-height:46px;border-radius:14px;background:#ffffff06}.inspectorDangerButton{border-color:#ef444440;color:#fda4af}.inspectorSubCard{margin-top:0;padding:16px;border-top:0;border-radius:16px;background:#ffffff06;border:1px solid rgba(148,163,184,.1)}.inspectorSectionHeader,.inspectorMetricHeader{display:flex;gap:16px;align-items:end;justify-content:space-between;flex-wrap:wrap}.inspectorMetricLabel{font-size:.92rem;font-weight:700}.inspectorMetricValue{display:grid;justify-items:end;gap:2px;font-size:1.05rem;font-weight:800;font-variant-numeric:tabular-nums}.inspectorMetricHint{font-size:.78rem;font-weight:500;color:var(--muted)}.inspectorSlider{width:100%}.inspectorNumericField{max-width:220px}.inspectorInlineNote{max-width:460px}.inspectorRecentRail{padding-top:8px}.inspectorMonitorButton{min-width:118px;min-height:44px}.inspectorSummaryCard{gap:14px}.inspectorSummaryGrid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.inspectorSummaryItem{display:grid;gap:4px}.inspectorSummaryItem strong{font-size:.98rem}.tabPane{display:grid;gap:12px}.tabBar{display:inline-flex;gap:8px;flex-wrap:wrap}.tabButton{padding:10px 14px;border-radius:999px;border:1px solid var(--border);background:#ffffff0a;color:var(--text)}.commandPanel{display:grid;gap:14px}.commandCard{display:grid;gap:14px;padding:16px;border-radius:18px;background:linear-gradient(180deg,#09101ff5,#0b1220e6);border:1px solid rgba(148,163,184,.14);box-shadow:var(--shadow)}.commandCardHeader{display:flex;align-items:start;justify-content:space-between;gap:12px}.commandHeaderActions{display:flex;align-items:center;gap:8px}.commandHelpButton{min-width:34px;width:34px;min-height:34px;padding:0;border-radius:999px;font-size:.92rem;opacity:.72}.commandSuggestions{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.commandSuggestionButton,.commandOptionButton,.commandChip{border:1px solid rgba(148,163,184,.2);background:#ffffff08;color:var(--text)}.commandSuggestionButton{display:grid;gap:4px;text-align:left;padding:12px 14px;border-radius:16px}.commandSuggestionButton span{color:var(--muted);font-size:.9rem}.commandSentence{display:flex;flex-wrap:wrap;gap:10px}.commandComposer{display:grid;gap:12px}.commandComposerChips{display:flex;flex-wrap:wrap;gap:10px;min-height:50px}.commandChip{min-height:44px;padding:10px 14px;border-radius:999px;font-weight:700}.commandChipToneAction{border-color:#60a5fa47;background:#3b82f61f}.commandChipTonePattern{border-color:#2dd4bf47;background:#14b8a61f}.commandChipToneTiming{border-color:#facc1547;background:#eab3081f}.commandChipToneNote{border-color:#c084fc47;background:#a855f71f}.commandChipToneTrack{border-color:#fb923c47;background:#f973161f}.commandChipToneEffect{border-color:#f472b647;background:#ec48991f}.commandChipToneParameter{border-color:#34d39947;background:#10b9811f}.commandChipToneMode{border-color:#94a3b857;background:#64748b29}.commandChipStatic{display:inline-flex;align-items:center;gap:8px}.commandChipLabel{font-size:.78rem;color:var(--muted);font-weight:600}.commandChipActive,.commandOptionButtonActive{border-color:#60a5fa99;background:#2563eb38;box-shadow:inset 0 0 0 1px #60a5fa38}.commandEditorCard{display:grid;gap:10px;padding:12px;border-radius:16px;background:#ffffff05;border:1px solid rgba(148,163,184,.1)}.commandEditorCard select{min-height:46px;border-radius:12px;background:#ffffff08;border-color:#94a3b824}.commandInputWrap{display:grid;gap:8px}.commandInputRow{display:flex;gap:10px;align-items:center}.commandInputLabel{font-size:.85rem;color:var(--muted);font-weight:700}.commandValidation{font-size:.82rem;line-height:1.2}.commandValidationNeutral{color:var(--muted)}.commandValidationValid{color:#86efac}.commandValidationInvalid{color:#fca5a5}.commandInput{flex:1 1 auto;min-width:0;min-height:48px;padding:12px 14px;border-radius:14px;border:1px solid rgba(148,163,184,.18);background:#ffffff08;color:var(--text)}.commandInput::placeholder{color:#e5e7eb73}.commandRunButton{flex:0 0 auto;min-width:48px;width:48px;min-height:48px;align-self:center;padding:0;font-size:1.2rem;font-weight:800}@media(max-width:640px){.commandCardHeader{align-items:center}.commandHeaderActions{gap:6px}.commandHelpButton{min-width:30px;width:30px;min-height:30px;font-size:.82rem;opacity:.6}.commandInputRow{gap:8px}.commandInstanceCard{gap:8px;padding:10px;align-items:center}.commandInstanceBodyButton{gap:8px;align-items:center}.commandInstanceMeta{display:flex;align-items:center;gap:2px;min-width:0}.commandInstanceMetaSegments{flex:1 1 auto;min-width:0}.commandInstanceChips{flex-wrap:wrap;gap:3px;min-width:0;min-height:0}.commandInstanceChips .commandChip{min-height:14px;padding:3px 4px;gap:2px;flex:0 1 auto}.commandInstanceChips .commandChipLabel{font-size:.54rem}.commandInstanceChips .commandChip strong{font-size:.63rem;line-height:.95}.commandInstanceMeta span{flex:0 0 auto;white-space:nowrap;font-size:.58rem}.commandInstanceCard .inspectorActionButton{min-width:40px;min-height:40px;padding:0 10px}}.commandPickerGrid{display:grid;gap:10px}.commandPickerGridTwo{grid-template-columns:repeat(2,minmax(0,1fr))}.commandOptionButton{min-height:48px;border-radius:14px;padding:12px 14px;text-align:left}.commandSuggestionRail{display:grid;gap:10px}.commandSuggestionRail .commandOptionButton{display:grid;gap:4px}.commandSuggestionRail .commandOptionButton span{color:var(--muted);font-size:.88rem}.commandStatus,.commandEmptyState{color:var(--muted);font-size:.95rem}.commandInstanceList{display:grid;gap:10px}.commandInstanceCard{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border-radius:14px;background:#ffffff06;border:1px solid rgba(148,163,184,.1)}.commandInstanceBodyButton{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;background:transparent;border:0;color:var(--text);padding:0}.commandInstanceMeta{display:grid;gap:4px}.commandInstanceMetaSegments{width:100%}.commandInstanceChips{min-height:0}.commandInstanceChips .commandChip{cursor:default}.commandInstanceMeta span{color:var(--muted);font-size:.88rem}.commandEditingBadge{flex:0 0 auto;padding:4px 9px;border-radius:999px;background:#2563eb33;color:#bfdbfe;font-size:.78rem;font-weight:700}.commandHelpModal{width:min(760px,100%)}.commandHelpHeader{display:flex;align-items:start;justify-content:space-between;gap:12px}.commandHelpTitle{font-size:1.05rem;font-weight:800}.commandHelpCopy{color:var(--muted);font-size:.92rem;line-height:1.45}.commandHelpGrid{display:grid;gap:12px;margin-top:14px}.commandHelpCode{margin:10px 0 0;padding:10px 12px;border-radius:12px;background:#ffffff0a;color:#dbeafe;overflow:auto;white-space:pre-wrap}.tabButtonActive{background:#2563eb47;border-color:#60a5fab3;color:#fff}.tabPanel{min-width:0}.jumpTarget{scroll-margin-top:84px}.mobileJumpNav{display:none}.mobileJumpButton{padding:10px 12px;border-radius:999px;border:1px solid var(--border);background:#0f1b2de0;color:var(--text);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modalBackdrop{position:fixed;inset:0;z-index:200;background:#0006;display:flex;justify-content:center;align-items:flex-end;padding:12px}.modal{width:min(900px,100%);max-height:85vh;overflow:auto;background:linear-gradient(180deg,#0f1b2dfa,#0c1626fa);border-radius:14px;border:1px solid var(--border);padding:12px;box-shadow:var(--shadow);box-sizing:border-box}.card{border:1px solid var(--border);border-radius:12px;padding:10px;background:#ffffff08}.kv{display:grid;grid-template-columns:120px 1fr;gap:8px;align-items:center}@media(min-width:900px){.modalBackdrop{align-items:center}.modal{max-height:80vh}}.serverSoundsModalCard{width:min(760px,100%);max-height:min(92vh,860px);padding:14px;box-sizing:border-box}.serverSoundsHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.serverSoundsTitle{font-size:1.1rem;font-weight:800}.serverSoundsHeaderActions{position:relative;display:flex;align-items:center;gap:8px}.serverSoundsCloseButton,.serverSoundsIconButton,.serverSoundCircleButton{width:34px;height:34px;border-radius:999px;border:1px solid rgba(148,163,184,.22);background:#ffffff0a;color:var(--text);display:inline-flex;align-items:center;justify-content:center;padding:0}.serverSoundsIconButtonActive{background:#2563eb3d;border-color:#60a5fa99}.serverSoundsHeaderMenu,.serverSoundMenu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;z-index:30;display:grid;gap:4px;padding:6px;border-radius:12px;border:1px solid rgba(148,163,184,.22);background:#0b1220fa;box-shadow:var(--shadow)}.serverSoundsMenuItem{border:0;background:#ffffff0a;color:var(--text);text-align:left;padding:9px 10px;border-radius:10px}.serverSoundsMenuItemDanger{color:#fca5a5}.serverSoundsStorageCard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;padding:12px;border-radius:14px;border:1px solid rgba(148,163,184,.16);background:#ffffff08}.serverSoundsStorageSection{display:grid;gap:6px}.serverSoundsStorageLabel{font-size:.82rem;color:var(--muted)}.serverSoundsStorageValue{font-size:.92rem;font-weight:600}.serverSoundsProgressTrack{height:6px;border-radius:999px;background:#ffffff14;overflow:hidden}.serverSoundsProgressFill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#60a5fa,#2563eb)}.serverSoundsProgressFillMuted{background:linear-gradient(90deg,#94a3b8d9,#64748bd9)}.serverSoundsPrimaryButton{display:flex;align-items:center;justify-content:center;margin-top:12px;width:100%;min-height:44px;border-radius:14px;border:1px solid rgba(96,165,250,.7);background:linear-gradient(180deg,#60a5faf2,#2563ebeb);color:#fff;font-weight:700}.serverSoundsPrimaryButtonBusy{opacity:.7}.serverSoundsStickyZone{position:sticky;top:0;z-index:10;margin-top:12px;padding-top:4px;background:linear-gradient(180deg,#0f1b2dfa,#0f1b2df5 84%,#0f1b2d00)}.serverSoundsSearchRow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center}.serverSoundsSearchBox{min-width:0}.serverSoundsSearchBox input,.serverSoundsField input,.serverSoundsField select,.serverSoundsSortSelect{width:100%;min-height:38px;border-radius:12px;border:1px solid rgba(148,163,184,.18);background:#ffffff0a;color:var(--text);padding:8px 12px}.serverSoundsChipRow{display:flex;gap:8px;overflow-x:auto;padding:10px 0 2px;scrollbar-width:none}.serverSoundsChipRow::-webkit-scrollbar{display:none}.serverSoundsChip{flex:0 0 auto;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid rgba(148,163,184,.18);background:#ffffff0a;color:var(--text)}.serverSoundsChipActive{background:#2563eb3d;border-color:#60a5fa8c}.serverSoundsChipReset{color:var(--muted)}.serverSoundsFilterPanel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 0 2px}.serverSoundsField{display:grid;gap:4px}.serverSoundsListHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0 8px}.serverSoundsSortWrap{display:inline-flex;align-items:center;gap:8px}.serverSoundsSortSelect{width:auto;min-width:110px;padding-right:28px}.serverSoundsErrorCard{margin-top:8px;padding:10px 12px;border-radius:12px;border:1px solid rgba(239,68,68,.35);background:#7f1d1d2e;color:#fecaca;white-space:pre-wrap}.serverSoundsList{display:grid;gap:8px;padding-bottom:4px}.serverSoundCompactCard{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px;border-radius:14px;border:1px solid rgba(148,163,184,.14);background:#ffffff08}.serverSoundIconTile{width:40px;height:40px;border-radius:12px;background:#60a5fa24;color:#bfdbfe;font-size:.72rem;font-weight:800;display:flex;align-items:center;justify-content:center}.serverSoundMain{min-width:0;display:grid;gap:3px}.serverSoundName{font-weight:700;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.serverSoundId,.serverSoundMeta{min-width:0;font-size:.8rem;color:var(--muted)}.serverSoundMeta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.serverSoundActions{display:flex;align-items:center;gap:6px}.serverSoundButtonIcon{width:14px;height:14px}.serverSoundMenuWrap{position:relative}@media(max-width:720px){.serverSoundsModalCard{width:100%;max-width:100%;max-height:94vh;padding:12px}.serverSoundsStorageCard{grid-template-columns:1fr}.serverSoundsFilterPanel{grid-template-columns:1fr 1fr}.serverSoundsSortWrap{gap:6px}.serverSoundsListHeader{align-items:center}}@media(max-width:520px){.serverSoundsFilterPanel{grid-template-columns:1fr}}input,select,textarea{background:#ffffff0a;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:8px 10px}input[type=range]{padding:0}code{color:#e2e8f0eb}hr{border-color:var(--border)}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.btn{padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#ffffff0a;color:var(--text)}.btn:hover{border-color:#60a5fa59}.demoSelect{min-width:120px}.btnPlayback{border-color:color-mix(in srgb,var(--play-1) 42%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--play-1) 18%,transparent),color-mix(in srgb,var(--play-2) 16%,transparent))}.btnPlayback:hover{filter:brightness(1.08)}.topBar{display:grid;gap:10px}.topBarRow{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.topBarIdentityRow{justify-content:space-between}.topBarProjectNameField{display:grid;gap:6px;min-width:min(100%,420px);flex:1 1 320px}.topBarProjectNameInput{min-height:42px;font-size:1rem;font-weight:700}.menu{position:relative}.menuPanel{border:1px solid var(--border);border-radius:12px;background:linear-gradient(180deg,#0f1b2dfa,#0c1626fa);padding:10px}@media(max-width:700px){.btn{padding:12px 14px;font-size:14px}.topBarRow{gap:8px}.menuPanel{width:100%}}.btnPrimary{border-color:#60a5fa73;background:#2563eb2e}.btnActive{background:#2563eb59;border-color:#60a5fab3;color:#fff}.btnPlayback.btnActive{background:linear-gradient(180deg,color-mix(in srgb,var(--play-1) 40%,transparent),color-mix(in srgb,var(--play-2) 34%,transparent));border-color:color-mix(in srgb,var(--play-1) 72%,transparent)}.label{font-size:12px;color:var(--muted);opacity:1}.bigValue{font-variant-numeric:tabular-nums;font-size:14px;color:#e2e8f0f2}.slider{width:260px}@media(max-width:700px){#root{padding:12px}.slider{width:100%}.row{gap:8px}.btn{flex:1 1 auto}.inspectorGrid,.inspectorFormGrid,.inspectorProjectGrid,.inspectorSummaryGrid,.inspectorSelectRow{grid-template-columns:1fr}.inspectorButtonRowSplit,.inspectorMetricHeader,.inspectorSectionHeader{align-items:stretch}.inspectorMetricValue{justify-items:start}.mobileJumpNav{position:sticky;top:8px;z-index:150;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.mobileJumpButton{width:100%}}.timelineViewport{margin-top:10px;border:1px solid var(--border);border-radius:12px;overflow-x:auto;overflow-y:hidden;background:#ffffff05;touch-action:pan-x pinch-zoom}.timelineContent{position:relative;padding:8px}.timelineRuler{position:relative;height:26px}.timelineTick{position:absolute;top:0;width:1px}.timelineTickLine{height:18px;width:1px;background:#94a3b847}.timelineTickLabel{position:absolute;top:0;left:4px;font-size:11px;color:#e5e7eb8c}.timelineLane{position:relative;height:86px;border-top:1px solid var(--border);margin-top:6px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.03),rgba(255,255,255,.03) 1px,transparent 1px,transparent 20px)}.playhead{position:absolute;top:0;bottom:0;width:2px;background:#ef4444;box-shadow:0 0 0 1px #ef444440;pointer-events:none}.playheadHandle{position:absolute;top:0;width:20px;height:20px;transform:translate(-9px);background:#ef4444;border-radius:999px;border:2px solid #fff;box-shadow:0 6px 14px #00000026;pointer-events:auto;touch-action:none}.dragTooltip{position:fixed;left:12px;bottom:86px;z-index:60;padding:8px 10px;border-radius:12px;border:1px solid var(--border);background:#0f1b2deb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);font-size:12px;box-shadow:var(--shadow);pointer-events:none}.clipBlock,.clipHandle{touch-action:none}.clipBlock{position:absolute;top:18px;height:48px;border-radius:12px;background:linear-gradient(180deg,#2563eb40,#0f1b2d33);color:#fff;border:1px solid rgba(96,165,250,.25);box-shadow:0 10px 22px #00000047;-webkit-user-select:none;user-select:none;overflow:hidden}.clipPitchBadge{position:absolute;right:6px;top:6px;font-size:11px;line-height:1;padding:3px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:#0f1b2d99;color:#ffffffeb;pointer-events:none}.clipPitchUp{border-color:#22c55e8c}.clipPitchDown{border-color:#ef44448c}.clipBlockSelected{outline:2px solid #60a5fa;outline-offset:2px;box-shadow:0 8px 20px #2563eb40}.clipBlock .clipHandle{opacity:0}.clipBlockSelected .clipHandle{opacity:1}.clipLabel{padding:10px 12px;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.clipHandle{position:absolute;top:0;width:16px;height:100%;background:#ffffff1f}.clipHandleLeft{left:0;border-top-left-radius:12px;border-bottom-left-radius:12px}.clipHandleRight{right:0;border-top-right-radius:12px;border-bottom-right-radius:12px}.transportBar{display:flex;gap:10px;align-items:center;flex-wrap:nowrap;position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(1280px,calc(100vw - 24px));margin-top:0;padding:10px 12px;border-top:1px solid var(--border);background:#0f1b2deb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.transportBar::-webkit-scrollbar{display:none}body{padding-bottom:74px}@media(max-width:700px){.transportBar{left:0;right:0;transform:none;width:auto}}.mobileComposer{display:grid;gap:14px;margin-top:14px}.mobileComposerHeader,.effectsStageHeader{display:flex;gap:12px;align-items:flex-end;justify-content:space-between}.mobileComposerEyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#bfdbfec7}.mobileComposerTitle,.effectsTitle{margin:2px 0 4px;font-size:clamp(26px,6vw,40px);line-height:1}.mobileComposerStatus{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.mobilePitchGuide{display:grid;gap:8px;margin-top:2px;padding-top:10px;border-top:1px solid rgba(148,163,184,.14)}.mobilePitchGuideHeader{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}.mobilePitchGuideControls{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.mobilePitchGuideField{display:grid;gap:6px}.mobilePlaybackTime{color:#fca5a5;font-size:.9rem;font-variant-numeric:tabular-nums;font-weight:700}.mobileSampleStrip{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.mobileSampleGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.chip{flex:0 0 auto;border:1px solid rgba(96,165,250,.2);background:#0f1b2db3;color:var(--text);border-radius:999px;padding:10px 14px}.chipActive{border-color:#93c5fdcc;background:linear-gradient(180deg,#2563eb66,#1e40af61)}.recentRail{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.recentRailButton{white-space:nowrap}.grooveGridWrap{margin-top:10px;overflow-x:auto}.grooveToolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.groovePagesWrap{margin-top:10px;display:grid;gap:8px}.groovePages{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory}.groovePage{flex:0 0 100%;min-width:100%;scroll-snap-align:start;display:grid;gap:8px}.grooveGrid{display:grid;gap:8px;min-width:max-content}.grooveCorner,.grooveHeaderCell{min-width:var(--groove-cell-size, 64px);padding:8px 10px;border-radius:10px;background:#ffffff0a;border:1px solid var(--border);text-align:center;font-size:12px;color:var(--muted)}.grooveSampleGroup{display:grid;grid-template-columns:var(--groove-label-width, 180px) minmax(0,max-content);gap:8px;align-items:start}.grooveSampleRows,.grooveNoteRow{display:grid;gap:8px}.grooveRowLabel,.grooveCell{border:1px solid var(--sample-color-border, var(--border));border-radius:12px;background:var(--sample-color-fill-soft, rgba(255,255,255,.04));color:var(--text);min-height:44px}.grooveRowLabel{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:100%;padding:10px 12px;text-align:left;font-weight:700}.grooveRowLabelText{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grooveRowLabelExpanded{box-shadow:0 0 0 1px var(--sample-color-border, rgba(96,165,250,.7))}.grooveCell{font-size:12px;touch-action:none}.grooveSizeControl{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.grooveCompactList{display:grid;gap:10px}.grooveCompactRow{display:grid;gap:10px;padding:10px;border:1px solid var(--border);border-radius:14px;background:#ffffff08}.grooveCompactControls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.grooveTriggerButton{min-width:120px}.mobileTrackStage,.effectsStageBody{display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px;align-items:start}.pitchAxis,.effectsAxis{display:grid;background:linear-gradient(180deg,#0f1b2dd1,#0c1626d1);border:1px solid var(--border);border-radius:16px;overflow:hidden}.pitchAxis{max-height:75vh;overflow-x:hidden;overflow-y:hidden}.pitchAxisRow,.effectsAxisRow{box-sizing:border-box;height:30px;display:flex;align-items:center;justify-content:center;font-size:11px;color:#e5e7ebad;border-top:1px solid rgba(148,163,184,.12)}.pitchAxisRow:first-child,.effectsAxisRow:first-child{border-top:0}.pitchAxisNoteButton{width:100%;height:100%;border:0;padding:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.pitchAxisNoteButtonActive{background:linear-gradient(180deg,#facc1533,#f59e0b1f);color:#fff8dcf5}.mobileTimelineViewport,.effectsViewport{overflow-x:auto;overflow-y:hidden;border:1px solid var(--border);border-radius:22px;background:linear-gradient(180deg,#0b1220f5,#080d18f5);box-shadow:var(--shadow)}.mobileTimelineViewport{max-height:75vh;overflow-y:auto}.mobileTimelineContent,.effectsContent{position:relative}.mobileTimelineContent{min-height:75vh;touch-action:none}.pitchGridRow{box-sizing:border-box;position:absolute;left:0;right:0;border-top:1px solid rgba(148,163,184,.12);background:#ffffff04}.pitchGridRowZero{background:#3b82f61a;border-top-color:#60a5fa59}.pitchGridRowMarked{background:linear-gradient(180deg,#facc1529,#f59e0b14);border-top-color:#facc1547}.timeGridLine{position:absolute;top:0;bottom:0;width:1px;background:#94a3b829}.timeGridLineMajor{background:#bfdbfe57}.timeGridLabel{position:sticky;top:8px;margin-left:4px;font-size:10px;color:#e5e7eb8c}.playbackRangeHighlight{position:absolute;top:0;border-left:2px solid rgba(250,204,21,.85);border-right:2px solid rgba(250,204,21,.85);background:linear-gradient(180deg,#facc1524,#f59e0b14);box-shadow:inset 0 0 0 1px #facc151a;pointer-events:none;z-index:0}.playbackRangeHighlightMarkerLane{background:linear-gradient(180deg,#facc1538,#f59e0b1f)}.playbackRangeHighlightTimeline{border-left-color:#facc1547;border-right-color:#facc1547;background:linear-gradient(180deg,#facc150d,#f59e0b06);box-shadow:inset 0 0 0 1px #facc1509}.timelineSelectionBox{position:absolute;border:1px dashed rgba(250,204,21,.9);background:#facc1524;box-shadow:inset 0 0 0 1px #facc151f;pointer-events:none;z-index:3}.timelineSelectionActions{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(250,204,21,.24);border-radius:16px;background:linear-gradient(180deg,#34260a73,#231b0b57)}.mobileClip,.effectBlock,.effectRegionBody{position:absolute;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:0;padding:5px 10px;border-radius:14px;min-width:0;border:1px solid var(--sample-color-border, rgba(125,211,252,.35));background:linear-gradient(180deg,var(--sample-color-fill-strong, rgba(14,165,233,.32)),var(--sample-color-fill-soft, rgba(37,99,235,.28)));color:#fff;box-shadow:0 10px 18px var(--sample-color-shadow, rgba(2,132,199,.22));touch-action:none;z-index:1}.mobileClipSelected{border-color:#fef08ae6;box-shadow:0 0 0 2px #facc1559,0 16px 24px #0284c73d}.mobileClipHandle{position:absolute;top:2px;bottom:2px;width:16px;border-radius:999px;border:1px solid rgba(255,255,255,.32);background:#0f172ab8;box-shadow:0 8px 16px #0f172a47;touch-action:none}.mobileClipHandleLeft{left:-8px}.mobileClipHandleRight{right:-8px}.mobileClipGhost{border-color:#94a3b829;background:linear-gradient(180deg,#94a3b814,#64748b0f);box-shadow:none;color:#e2e8f06b;opacity:.34;pointer-events:none;z-index:0}.mobileClipGhost .mobileClipMeta{color:#e2e8f057}.effectBlock{border-color:#f472b666;background:linear-gradient(180deg,#ec489952,#a855f73d);box-shadow:0 10px 18px #ec48992e}.effectRegion{position:absolute;touch-action:none}.effectRegionBody{inset:0;width:100%;height:100%;align-items:center;padding-top:4px;padding-bottom:4px;border-color:#f472b666;background:linear-gradient(180deg,#ec489952,#a855f73d);box-shadow:0 10px 18px #ec48992e}.effectRegionSelected .effectRegionBody{border-color:#fef08ae6;box-shadow:0 0 0 2px #facc1559,0 16px 24px #ec48993d}.effectHandle{position:absolute;top:2px;bottom:2px;width:14px;border-radius:999px;border:1px solid rgba(255,255,255,.24);background:#0f1b2db3;box-shadow:0 8px 16px #00000038;z-index:2;touch-action:none}.effectHandleLeft{left:-7px}.effectHandleRight{right:-7px}.effectHandleMid{right:auto}.effectLoopTail{position:absolute;top:0;bottom:0;border-left:1px dashed rgba(255,255,255,.22);background:linear-gradient(90deg,#ec48991f,#ec48990a);pointer-events:none}.mobileClipTitle{display:block;min-width:0;width:100%;font-size:12px;font-weight:700;line-height:1.25;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobileClipMeta{font-size:10px;color:#ffffffc7;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobileComposerFooter{display:flex;justify-content:space-between;gap:10px}.effectsStage{display:grid;gap:12px;padding:14px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(180deg,#0f1b2d8c,#0a121f80)}.effectsContent{min-height:272px;touch-action:none}.effectsLaneRow{box-sizing:border-box;position:absolute;left:0;right:0;border-top:1px solid rgba(148,163,184,.12);background:#ffffff04}.effectRegionTools{display:grid;gap:10px;padding:12px;border:1px solid rgba(244,114,182,.22);border-radius:18px;background:linear-gradient(180deg,#310c2459,#1e091d3d)}.effectRegionToolsHeader{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.effectRegionActionRow{display:flex;flex-wrap:wrap;gap:8px}.effectRegionQuickParam{display:grid;gap:8px}@media(max-width:700px){#root{padding:10px}.mobileComposerHeader,.effectsStageHeader,.mobileComposerFooter{flex-direction:column;align-items:flex-start}.mobileComposerStatus{align-items:flex-start}.mobilePitchGuideHeader{flex-direction:column}.mobilePitchGuideControls{grid-template-columns:1fr}.mobileTrackStage,.effectsStageBody{grid-template-columns:42px minmax(0,1fr);gap:8px}.effectRegionToolsHeader{flex-direction:column}.mobileTimelineContent{min-height:72vh}.pitchAxis,.mobileTimelineViewport{max-height:72vh}}