/* Mr. Morton: ink, acid yellow and restrained mono type around a dark stage. */
:root{font-family:'IBM Plex Mono',ui-monospace,monospace;--blue:#c8f126;--text:#eef2e5;color-scheme:dark;font-size:16px}
body{min-width:0;background:#11110f}a{color:inherit}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c8f126;outline-offset:3px}button{min-height:40px}button:disabled{cursor:not-allowed;opacity:.5}.brand a,.liveBrand a{font-size:12px;letter-spacing:.06em;color:#c8f126;margin-bottom:6px;text-decoration:none}.brand strong,.liveBrand strong{font-size:24px;text-transform:uppercase;letter-spacing:.025em}.songShell header{height:auto;min-height:90px;grid-template-columns:240px 1fr 260px;background:#11110f;border-bottom:2px solid #c8f126}.topTabs{display:flex;flex-wrap:wrap;gap:6px}.topTabs button{font-size:14px;padding:10px 14px;white-space:normal}.topTabs button.active,.primarySong,.motifTabs button.active{background:#c8f126;border-color:#c8f126;color:#11110f}.songMain{padding:24px}.songStudio{gap:20px}.panel{border-radius:3px}.panelTitle{min-height:48px;font-size:16px}.micro{font-size:12px!important;white-space:normal}.songHero h2{font-size:32px}.songHero p{font-size:16px;line-height:1.6}.songModeLabel,.modeTriad span{font-size:12px}.modeTriad strong{font-size:16px}.songGrid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.songFormRow{grid-template-columns:1fr 1.25fr 1fr}.promptLabel,.songFormRow label{font-size:14px}.promptLabel textarea{font-size:16px}.songFormRow input{height:44px;font-size:16px}.songActionRow{flex-wrap:wrap}.songActionRow button,.exportButtons button,.midiButton{font-size:14px;padding:12px}.seedPromise,.exportNote,.songHint{font-size:14px;line-height:1.6}.songStats span,.identityStrip span{font-size:12px}.songSection{min-width:175px}.songSectionHead strong{font-size:22px}.songSectionHead span,.songChordMini span,.lineageBadge span,.lineageBadge b,.songSectionMeters small{font-size:12px}.songSectionMeters{height:auto;padding-bottom:10px}.midiSelect{display:grid;gap:8px;margin:12px 14px;font-size:14px}.midiSelect select{padding:10px;max-width:100%;background:#0a1823;border:1px solid #29485e}.dnaGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.dnaColumn h4{font-size:14px}.dnaMeta,.dnaMeta strong{font-size:12px}.dnaMeta{grid-template-columns:65px 1fr}.dnaProgression strong{font-size:16px}.dnaProgression span,.motifCard span{font-size:12px}.dnaActions{flex-wrap:wrap}.dnaActions button,.motifCard button,.lockBar button{font-size:14px;padding:8px}.motifCard{grid-template-columns:1fr auto}.motifCard .dnaSteps,.motifCard .arpOrder{grid-column:1/-1;grid-row:2}.motifCard strong{font-size:16px}.dnaMacroSlider{font-size:14px;grid-template-columns:72px 1fr 34px}.dnaMacroSlider strong{font-size:14px}.transitionCard span,.guidanceCard span,.transitionCard small{font-size:12px}.transitionCard strong{font-size:18px}.guidanceCard p{font-size:14px;line-height:1.6}.lockBar>strong{font-size:14px}.sectionDetails{padding:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sectionDetails label{display:flex;flex-direction:column;gap:8px;text-transform:capitalize;font-size:14px}.sectionDetails input,.sectionDetails textarea,.sectionDetails select{width:100%;background:#07141e;color:#eef2e5;border:1px solid #29485e;padding:10px;font-size:16px}.sectionDetails button{padding:10px}.inheritNode{min-width:185px}.inheritNode small,.inheritType,.inheritMini span,.inheritArrow small{font-size:12px}.inheritNode.selected{border-color:#c8f126;box-shadow:inset 0 0 0 1px #c8f126}.motifTabs button{font-size:16px;padding:10px 16px}.motifLegend{font-size:14px}.motifGrid{grid-template-columns:repeat(8,minmax(84px,1fr))}.motifStep>strong,.motifStep small,.contourStrip label{font-size:12px}.motifStep select,.contourStrip select{height:40px;font-size:14px}.noteBlock{min-height:14px}.drumRow>span,.drumCells button,.arpControls,.similarityControl strong,.similarityControl span{font-size:14px}.similarityControl output{font-size:18px}.similarityControl{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 68px}.historyList strong,.historyList span,.historyList small,.historyList p{font-size:12px}.liveDeck{--live-panel-height:calc((100dvh - 142px)/2);height:100dvh;min-height:650px}.liveTopbar{height:auto;flex:0 0 94px;grid-template-columns:170px 225px minmax(0,1fr);gap:12px;padding:10px 16px;background:#11110f;border-bottom:2px solid #c8f126}.liveBrand span{font-size:12px;color:#c8f126}.liveTransport{height:48px}.liveTransport strong{font-size:20px}.liveTransport span{font-size:12px}.liveTransport>div{min-width:84px;padding:5px 8px}.performerControls{flex-wrap:wrap;gap:6px}.performerControls label{height:auto;min-height:44px;min-width:100px}.performerControls label span{font-size:12px}.performerControls select,.takeover,.liveUtility{font-size:14px;min-height:42px}.liveRoute{display:flex;align-items:center;gap:8px;min-height:48px;flex:0 0 48px;padding:8px 16px;overflow-x:auto;background:#11110f;font-size:14px;white-space:nowrap}.liveRoute>span{padding:4px 8px;border:1px solid #30414a}.liveRoute>span.active{background:#c8f126;color:#11110f}.liveRoute>span:last-child{margin-left:auto;font-size:12px;color:#c0d0dc}.liveCards{height:calc(100dvh - 142px);overflow:visible;transition:transform .65s ease}.liveSection{height:var(--live-panel-height);grid-template-columns:minmax(210px,.9fr) minmax(320px,1.6fr) minmax(220px,1fr);min-height:0}.livePrimary{padding:16px}.liveSectionLabel{font-size:14px;color:#b0c5d3}.liveSectionTitle strong{font-size:28px}.liveSectionTitle span{font-size:14px}.liveChordHero strong{font-size:clamp(40px,4vw,68px)}.liveChordHero span{font-size:14px}.liveProgression{grid-template-columns:repeat(4,minmax(0,1fr))}.liveProgChord strong{font-size:16px}.liveProgChord span{font-size:12px}.liveToneList{display:flex;flex-wrap:wrap;gap:5px 10px;margin-top:10px;font-size:14px}.liveToneList span{font-size:12px;color:#b0c5d3}.liveToneList strong{font-size:14px}.liveStructureLine span{font-size:12px}.liveSubhead{height:auto;margin-bottom:12px;flex-wrap:wrap}.liveSubhead strong{font-size:18px}.liveSubhead span{font-size:12px}.stringRow{height:32px;grid-template-columns:24px repeat(13,minmax(0,1fr))}.stringName{font-size:12px}.fretNumbers{font-size:12px}.fretCell span{font-size:12px;width:24px;height:24px}.fretLegend{font-size:12px;flex-wrap:wrap;white-space:normal;justify-content:flex-start;gap:6px}.coachBlock span,.lyricsBlock span{font-size:12px}.coachBlock strong{font-size:18px}.coachBlock p,.lyricsBlock p{font-size:16px;line-height:1.5}.lyricsBlock p{white-space:pre-line}.liveCoach{padding:12px;gap:8px}.liveSection.preview .liveChordHero strong{font-size:44px}.pianoNote span{font-size:12px}.pianoNote strong{font-size:22px}.liveDeck.transitioning .liveCards{transform:translateY(calc(-1 * var(--live-panel-height)))}
@media(max-width:1200px){.liveTopbar{grid-template-columns:160px 210px 1fr}.liveSection{grid-template-columns:minmax(210px,.8fr) minmax(290px,1.3fr) minmax(200px,.8fr)}.liveCoach p{font-size:14px}.fretCell span{width:19px;height:19px;font-size:11px}.dnaGrid{grid-template-columns:1fr}.sectionDetails{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.songShell header{grid-template-columns:1fr;gap:12px}.songGrid,.songHero{grid-template-columns:1fr}.songHero{padding:16px}.songMain{padding:12px}.songHero p{max-width:none}.liveDeck{height:auto;min-height:100dvh;overflow:visible;--live-panel-height:auto}.liveTopbar{grid-template-columns:1fr auto;flex-basis:auto;position:sticky;top:0}.performerControls{grid-column:1/-1;justify-content:flex-start}.liveCards{height:auto;transform:none!important}.liveSection{height:auto;grid-template-columns:1fr;min-height:0}.livePrimary,.liveInstrument,.liveCoach{border:0;border-bottom:1px solid #29485e;padding:18px}.liveSection.preview{opacity:1}.liveInstrument{min-height:180px}.liveChordHero strong{font-size:64px}.liveRoute{flex-basis:auto;min-height:48px}.liveDeck.transitioning .liveSection.preview{animation:handoff .65s ease both}.liveCoach{grid-template-columns:1fr 1fr}.fretCell span{width:24px;height:24px;font-size:12px}.fretboardWrap{overflow-x:auto}.fretboard,.fretNumbers{min-width:540px}.liveTransport{grid-column:auto;order:0}.liveBrand strong{font-size:20px}}
@media(max-width:600px){.songFormRow,.sectionDetails{grid-template-columns:1fr}.songMain{padding:8px}.songActionRow button{flex:1 1 180px}.songStats{grid-template-columns:repeat(2,1fr)}.modeTriad{grid-template-columns:1fr}.modeTriad button{min-height:60px}.topTabs button{flex:1 1 130px}.panelTitle{flex-wrap:wrap;gap:8px;height:auto;padding:14px}.songTimeline{min-height:230px}.liveTopbar{grid-template-columns:1fr}.liveTransport{width:230px}.liveRoute{font-size:12px}.liveSectionTitle{flex-wrap:wrap}.liveSubhead{align-items:flex-start}.liveCoach{grid-template-columns:1fr}.coachBlock.wide,.lyricsBlock{grid-column:auto}.performerControls button{flex:1 1 130px}.songStudio{gap:12px}.similarityControl{grid-template-columns:1fr 68px}.similarityControl>div{grid-column:1/-1}.inheritanceRail{gap:12px}.liveProgression{grid-template-columns:repeat(2,minmax(0,1fr))}}
@keyframes handoff{from{opacity:.7;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.liveDeck.transitioning .liveCards{transform:none}}
.descendantActions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.descendantActions button{padding:12px 18px;background:#c8f126;color:#11110f;border:0;font-size:16px}.descendantActions span{font-size:14px;color:#b0c5d3}.pianoNotes{grid-template-columns:repeat(12,minmax(0,1fr));min-width:500px}.keyboardGuide{overflow-x:auto}.pianoNote{min-width:36px}.pianoNote.scale{background:#172632;color:#b0c5d3}.inheritNode:disabled{opacity:.7;cursor:default}.fretCell span{font-size:12px!important}
.mixerDrawer{position:fixed;inset:20px;max-width:1180px;margin:auto;z-index:1000;overflow:auto;padding:24px;background:#0b1720;border:2px solid #c8f126;box-shadow:0 0 0 100vmax #000b;color:#eef2e5;font-size:16px}.mixerHeading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-bottom:1px solid #29485e;padding-bottom:18px}.mixerHeading h2{margin:0 0 10px;font-size:28px}.mixerHeading p{margin:0;max-width:760px;font-size:14px;line-height:1.6;color:#b0c5d3}.mixerDrawer button{padding:10px 14px;border:1px solid #517284;background:#132d3c;color:#eef2e5;white-space:nowrap;font-size:14px}.mixerHeading button{background:#c8f126;color:#11110f;border-color:#c8f126}.mixerGlobals{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:24px;padding:22px 0;border-bottom:1px solid #29485e}.mixerGlobals label{display:flex;flex-direction:column;gap:12px;font-size:14px}.mixerDrawer select{min-height:44px;width:100%;background:#07141e;color:#eef2e5;border:1px solid #517284;padding:8px;font-size:14px}.mixerDrawer input[type=range]{width:100%;accent-color:#c8f126;min-height:32px}.mixerGlobals output{color:#c8f126;font-size:18px}.mixerMidi{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:18px 0}.mixerMidi select{max-width:350px}.mixerMidi span{font-size:14px}.channelMixer{display:flex;flex-direction:column;gap:8px}.mixerChannel{display:grid;grid-template-columns:180px minmax(200px,1fr) minmax(200px,.8fr) 80px;gap:14px;align-items:center;background:#07141e;padding:14px;border:1px solid #29485e}.mixerChannel strong{font-size:14px}.mixerChannel label{display:grid;grid-template-columns:60px 1fr 50px;gap:8px;align-items:center;font-size:14px}.mixerChannel output{color:#c8f126;font-size:14px}.mixerChannel button.muted{background:#7d2430;color:white;border-color:#ff6b85}.drumKitLabel{font-size:14px;color:#b0c5d3}.mixerNote{font-size:14px;line-height:1.6;color:#b0c5d3}.composerRecovery{max-width:650px;margin:80px auto;padding:30px;color:#eef2e5;line-height:1.6}.composerRecovery button,.composerRecovery a{display:inline-block;padding:12px 18px;margin:10px;background:#c8f126;color:#11110f}.mixerDrawer:focus-within{outline:none}
@media(max-width:850px){.mixerDrawer{inset:8px;padding:16px}.mixerGlobals{grid-template-columns:1fr;gap:18px}.mixerChannel{grid-template-columns:1fr 80px;gap:12px}.mixerChannel strong{grid-column:1/-1}.mixerChannel select,.drumKitLabel{grid-column:1/-1}.mixerChannel label{grid-template-columns:60px minmax(60px,1fr) 50px}.mixerHeading{flex-wrap:wrap}.mixerHeading h2{font-size:24px}.mixerHeading button{min-width:140px}.mixerGlobals select{max-width:100%}}

.composerMenu{position:relative;z-index:30;flex:0 0 44px;padding:0 16px;background:#11110f;border-bottom:1px solid #394324;grid-column:1/-1}.composerMenu summary{cursor:pointer;font-size:16px;min-height:44px;display:list-item;align-content:center;color:#c8f126;width:max-content}.composerMenuContent{position:absolute;top:44px;left:8px;width:min(800px,calc(100vw - 16px));max-height:calc(100dvh - 60px);overflow:auto;display:flex;flex-wrap:wrap;gap:16px;padding:20px;background:#111c23;border:1px solid #c8f126;box-shadow:0 16px 40px #0009}.composerMenuContent>div{flex:1 1 240px}.composerMenuContent .brand{display:flex;flex-direction:column}.composerMenuContent button{font-size:14px;padding:10px}.liveDeck{--live-panel-height:calc((100dvh - 92px)/2);min-height:650px}.liveCards{height:calc(100dvh - 92px)}.liveProgression{display:flex;flex-wrap:wrap;gap:5px}.liveProgChord{flex:1 1 60px;min-width:60px}.performanceMeters{display:flex;gap:16px;margin-top:12px}.performanceMeter{display:flex;align-items:end;gap:6px;font-size:14px}.performanceMeter>div{position:relative;width:16px;height:48px;background:#23323b}.performanceMeter i{position:absolute;bottom:0;left:0;width:100%;transition:height .3s}.cyclePosition{margin-top:10px;font-size:14px;color:#b0c5d3}.phraseBarPicker{display:flex;align-items:center;gap:12px;padding:12px;font-size:16px}.phraseBarPicker select{padding:8px;background:#07141e;color:#eef2e5;border:1px solid #517284}.dnaSteps{overflow:hidden}.dnaSteps i{min-width:1px}@media(max-width:1000px){.liveDeck{height:auto}.liveCards{height:auto}.liveSection{height:auto;min-height:0}.performanceMeters{flex-wrap:wrap}}@media(min-width:1001px){.liveCoach .coachBlock p{font-size:14px}.livePrimary{padding:12px}.liveToneList,.liveStructureLine{display:none}}

.grooveControls{display:grid;grid-template-columns:minmax(180px,1.4fr) repeat(3,minmax(95px,1fr));gap:12px;padding:14px;border-top:1px solid #29485e}.grooveControls label{display:flex;flex-direction:column;gap:6px;font-size:14px}.grooveControls select{max-width:100%;padding:8px;background:#07141e;color:#eef2e5;border:1px solid #517284;min-height:40px;font-size:14px}.grooveControls input{width:100%;accent-color:#c8f126}.grooveControls output{font-size:14px}.grooveControls small{grid-column:1/-1;font-size:12px;color:#b0c5d3;line-height:1.5}.liveStory,.storyRole{font-size:14px;color:#c8f126;margin:8px 0}.engineSummary{font-size:14px;line-height:1.5}.checkSetting{flex-direction:row!important;align-items:center!important}.checkSetting input{width:20px!important;min-height:20px;accent-color:#c8f126}.composerMenuContent .grooveControls{flex-basis:100%}.workspace{grid-template-columns:minmax(0,1fr) minmax(250px,.65fr)}@media(max-width:700px){.grooveControls{grid-template-columns:repeat(3,minmax(0,1fr))}.grooveControls>label:first-child{grid-column:1/-1}.workspace{grid-template-columns:1fr}}

.explorationControl{grid-column:1/-1;max-width:660px}.explorationControl small{font-size:12px;color:#b0c5d3;line-height:1.5}.explorationControl input{accent-color:#c8f126;min-height:32px}.explorationControl output{font-size:14px;color:#c8f126}

.compactHeader,.songShell .compactHeader{position:fixed;inset:10px 12px auto auto;width:auto;height:auto;min-height:0;display:block;padding:0;border:0;background:transparent;backdrop-filter:none;z-index:100;box-shadow:none}.composerDropdown{position:relative}.composerDropdown>summary{min-height:38px;padding:9px 14px;background:#11110f;color:#c8f126;border:1px solid #c8f126;cursor:pointer;font-size:14px;list-style:none}.composerDropdown>summary::after{content:' ▾'}.composerDropdown[open]>summary::after{content:' ▴'}.composerMenuBody{position:absolute;right:0;top:44px;width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 68px);overflow:auto;padding:18px;display:flex;flex-direction:column;gap:12px;background:#0b1720;color:#eef2e5;border:1px solid #c8f126;box-shadow:0 16px 50px #0009;font-size:16px}.menuTitle{display:flex;flex-direction:column;gap:8px}.menuTitle strong{font-size:22px}.menuTitle a{font-size:12px;color:#c8f126}.composerMenuBody nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}.composerMenuBody button{min-height:42px;font-size:14px;padding:10px;border:1px solid #355368;background:#102433;color:#eef2e5;text-align:left}.composerMenuBody button[aria-current=page]{color:#c8f126;border-color:#c8f126}.composerMenuBody label{display:flex;flex-direction:column;gap:6px;font-size:14px}.composerMenuBody input:not([type=checkbox]),.composerMenuBody select{font:inherit;min-height:40px;padding:8px;width:100%;background:#07141e;border:1px solid #355368;color:inherit}.menuTransport{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:8px;align-items:end}.menuTransport label{min-width:0}.composerMenuBody .menuCheck{display:flex;flex-direction:row;align-items:center;gap:10px}.menuCheck input{width:20px;height:20px;accent-color:#c8f126}.menuStatus{font-size:12px;line-height:1.6;color:#b0c5d3}.menuStructure summary{cursor:pointer;font-size:14px;padding:8px 0}.menuStructure ol{padding-left:22px;font-size:12px;line-height:1.8}.menuStructure li.active{color:#c8f126}.songMain{padding-top:62px}.appShell:not(.songShell)>main{padding-top:62px}.liveDeck{--live-panel-height:50dvh;height:100dvh;min-height:0;overflow:hidden}.liveCards{height:100dvh;width:100%;display:flex;flex-direction:column;flex:1;transition:transform .65s ease}.liveSection{height:50dvh;min-height:0;flex:0 0 50dvh;display:grid;grid-template-columns:minmax(220px,.9fr) minmax(330px,1.8fr) minmax(205px,.8fr);background:#07131b;border-bottom:2px solid #29485e}.liveSection.preview{background:#0c101b;opacity:1}.livePrimary{padding:20px 22px;border-right:1px solid #29485e;display:flex;flex-direction:column;justify-content:center}.liveSection.current .livePrimary{padding-top:48px}.liveSectionLabel{font-size:12px;letter-spacing:.16em}.liveSectionTitle{gap:8px;flex-wrap:wrap}.liveSectionTitle strong{font-size:clamp(18px,2vw,28px);color:#eef2e5}.liveSectionTitle span{font-size:12px}.liveChordHero{margin:8px 0;gap:14px}.liveChordHero strong,.liveSection.preview .liveChordHero strong{font-size:clamp(40px,4.5vw,70px)}.liveChordHero span{font-size:16px;color:#c8f126}.tonalTag{color:#b0c5d3;font-size:14px;margin:0 0 12px}.liveProgression{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.liveProgChord{padding:7px 5px}.liveProgChord strong{font-size:14px}.liveProgChord span{font-size:12px;line-height:1.6}.cycleCaption{font-size:12px;color:#b0c5d3;margin-top:8px;line-height:1.5}.returnChords{color:#facc15;font-size:14px;margin-top:8px}.liveInstrument{padding:20px 18px;justify-content:center;border:0}.singleCue{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px;font-size:14px;color:#b0c5d3}.singleCue strong{font-size:18px;color:#eef2e5}.singleCue>span:first-child{font-size:12px;color:#c8f126}.liveCoach{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 12px;border-left:1px solid #29485e;gap:12px;overflow:auto}.sectionMeters{display:flex;gap:14px;width:100%;max-width:250px;justify-content:space-around}.performanceMeter{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:36px}.meterWell{width:26px;height:clamp(64px,12vh,128px);background:#10212c;border:1px solid #355368;position:relative;overflow:hidden}.meterFill{display:block;position:absolute;bottom:0;left:0;right:0;background:var(--meter-color);transition:height .15s linear}.meterPeak{position:absolute;left:0;right:0;border-top:2px solid var(--meter-color);opacity:.9}.performanceMeter>span{font-size:12px}.performanceMeter small{font-size:12px;color:var(--meter-color)}.meterCaption{font-size:12px;line-height:1.5;color:#b0c5d3;text-align:center}.liveCoach .coachBlock{width:100%}.liveCoach .coachBlock p{font-size:14px;line-height:1.5}.liveCoach .coachBlock small{font-size:12px;line-height:1.5;color:#b0c5d3}.pianoNote.outside{background:#09141c;color:#476070}.pianoNote.outside span{visibility:hidden}.motifGrid.longPhrase{grid-template-columns:repeat(8,minmax(84px,1fr));overflow:visible}.motifGrid.longPhrase .motifStep:nth-child(8n+1){border-left:3px solid #c8f126}.phraseCaption{margin:12px 14px 0;font-size:14px;color:#c8f126}.contourStrip{grid-template-columns:repeat(8,minmax(90px,1fr));overflow:visible}.dnaProgression{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1050px){.liveSection{grid-template-columns:minmax(185px,.9fr) minmax(270px,1.5fr) minmax(175px,.75fr)}.livePrimary{padding:18px 12px}.liveInstrument{padding:12px}.liveCoach{padding:12px 8px}.liveProgChord strong{font-size:13px}.liveProgression{grid-template-columns:repeat(2,minmax(0,1fr))}.sectionMeters{gap:6px}.fretboard,.fretNumbers{min-width:0}.stringRow{height:28px}.fretCell span{width:18px;height:18px}.fretLegend{gap:4px;font-size:12px}.liveSectionTitle strong{font-size:19px}}
@media(max-width:760px){.liveDeck{height:auto;min-height:100dvh;overflow:visible;--live-panel-height:auto}.liveCards{height:auto;display:flex;transform:none!important}.liveSection{flex-basis:auto;height:auto;min-height:50dvh;grid-template-columns:minmax(0,1fr) 170px;grid-template-areas:'harmony meters' 'instrument instrument'}.livePrimary{grid-area:harmony;border:0;padding:24px 14px 12px}.liveSection.current .livePrimary{padding-top:54px}.liveCoach{grid-area:meters;justify-content:center;border:0;padding:54px 12px 12px}.liveSection.preview .liveCoach{padding-top:24px}.liveInstrument{grid-area:instrument;min-height:0;padding:10px 14px 18px}.fretboardWrap{overflow:auto}.fretboard,.fretNumbers{min-width:490px}.stringRow{height:25px}.fretCell span{width:20px;height:20px}.liveChordHero strong,.liveSection.preview .liveChordHero strong{font-size:48px}.liveProgression{grid-template-columns:repeat(4,minmax(0,1fr))}.sectionMeters{gap:6px}.meterWell{height:90px;width:22px}.performanceMeter>span{font-size:12px}.singleCue{margin-top:10px}.motifGrid.longPhrase{grid-template-columns:repeat(4,minmax(66px,1fr))}.contourStrip{grid-template-columns:repeat(4,minmax(60px,1fr))}.phraseCaption{font-size:12px}.liveCoach .coachBlock{grid-column:1/-1}.liveDeck.transitioning .liveSection.preview{animation:handoff .65s ease both}}
@media(max-width:480px){.liveSection{grid-template-columns:minmax(0,1fr) 140px}.livePrimary{padding-left:12px;padding-right:4px}.liveCoach{padding-left:4px;padding-right:8px}.performanceMeter{min-width:28px}.performanceMeter>span{font-size:10px}.meterWell{width:18px}.liveProgression{grid-template-columns:repeat(2,minmax(0,1fr))}.liveChordHero strong,.liveSection.preview .liveChordHero strong{font-size:40px}.liveSectionTitle strong{font-size:18px}.tonalTag{font-size:12px}.fretLegend .legend.scale{display:none}}
@media(prefers-reduced-motion:reduce){.meterFill,.liveCards{transition:none!important}}
.phraseLengthControls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:14px;font-size:14px;border-bottom:1px solid #29485e}.phraseLengthControls label{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.phraseLengthControls select{padding:8px;font-size:16px;background:#07141e;color:#eef2e5;border:1px solid #355368}.phraseLengthControls button{padding:8px 12px;font-size:14px;background:#102433;color:#eef2e5;border:1px solid #355368}.phraseLengthControls span{color:#c8f126}

.composerMenuBody .grooveControls{grid-column:1/-1}.explorationControl{grid-column:auto}

.rainbowBoard .fretCell.degreeNote span{background:#07131b;color:var(--degree-color);border:2px solid var(--degree-color);box-shadow:none;font-weight:700}.rainbowBoard .fretCell.filledTone span{background:var(--degree-color);color:#07131b;border-color:var(--degree-color)}.rainbowLegend{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:12px}.rainbowLegend>span{display:flex;align-items:center;gap:4px}.rainbowLegend i{width:12px;height:12px;border-radius:50%;background:var(--degree-color);display:inline-block}.rainbowLegend .toneKey{flex-basis:100%;color:#c6d4df}
/* Primary songwriting controls */
.songHero{padding:18px 22px;min-height:0;align-items:center}.songHeroCopy{max-width:780px}.songHeroCopy h2{font-size:28px;margin:6px 0}.songHeroCopy p{font-size:16px;line-height:1.5;margin:0}.songModeLabel{font-size:12px}.advancedModes summary,.advancedEditing>summary{cursor:pointer;font-size:16px;padding:14px;color:#c8f126}.advancedModes .modeTriad{margin-top:12px}.songGrid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.songPromptPanel,.songExportPanel{min-width:0}.generateAgain{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:66px;font-size:24px!important;font-weight:800;letter-spacing:.01em;background:#c8f126!important;color:#07131b!important;border:2px solid #c8f126!important;cursor:pointer;margin:12px 0 8px;padding:14px}.generateAgain:hover{background:#defc77!important}.generateAgain:focus-visible{outline:3px solid #fff;outline-offset:4px}.generateHelp{font-size:14px;color:#b9cbd9;line-height:1.5}.briefPresets{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.briefPresets button,.quickRegenerate button,.quickSectionEditor button{min-height:40px;font-size:14px;padding:8px 14px;color:#eef2e5;background:#102433;border:1px solid #355368;cursor:pointer}.songFormRow{grid-template-columns:1fr 1fr}.songFormRow input,.promptLabel textarea{font-size:16px}.songActionRow{display:flex;flex-wrap:wrap;gap:8px}.songActionRow button{font-size:15px;min-height:44px}.seedPromise{font-size:14px;padding-top:14px}.seedPromise summary{cursor:pointer}.seedPromise label{display:flex;gap:10px;margin:12px 0;align-items:center}.seedPromise input{font-size:16px;padding:8px;max-width:160px}.seedPromise button{font-size:14px;padding:8px}.seedPromise small{margin-left:12px}.composerMenuBody .menuGenerate{background:#c8f126;color:#07131b;font-weight:800}.quickSectionEditor{padding:18px}.quickSectionEditor>.panelTitle{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:18px}.quickRegenerate{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.sectionDetails{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}.sectionDetails>label{font-size:14px;min-width:0}.sectionDetails input,.sectionDetails select,.sectionDetails textarea{font-size:16px;width:100%;min-width:0;box-sizing:border-box;background:#07141e;color:#eef2e5;border:1px solid #355368;padding:10px}.sectionDetails select{min-height:44px}.chordSequenceEditor{grid-column:1/-1;border:1px solid #355368;padding:16px;min-width:0}.chordSequenceEditor legend{font-size:16px;color:#c8f126;padding:0 8px}.chordEditRows{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}.chordEditCell{display:grid;grid-template-columns:minmax(70px,1fr) 76px;gap:8px;width:210px;padding:12px;background:#102433;border:1px solid #29485e}.chordEditCell label{display:flex;flex-direction:column;gap:6px;font-size:14px}.chordEditCell button,.chordEditCell small{grid-column:1/-1}.chordEditCell input[aria-invalid=true]{border-color:#ff7979}.chordEditCell small{font-size:12px;color:#ffaaaa}.advancedEditing{border:1px solid #29485e;background:#07131b;margin:16px 0}.advancedEditing>summary{padding:18px}.songChordMini{display:flex;flex-wrap:wrap}.songChordMini span{font-size:13px;white-space:nowrap}.songTimeline{overflow:auto}.songSection{min-width:155px}.liveProgression,.dnaProgression{display:flex;flex-wrap:wrap}.liveProgChord{flex:1 0 52px}.songSection .lineageBadge,.historyPanel{font-size:12px}button:disabled{opacity:.45;cursor:not-allowed!important}
@media(max-width:800px){.songGrid{grid-template-columns:1fr}.songHero{display:block;padding:16px}.advancedModes{margin-top:8px}.songMain{padding-left:12px;padding-right:12px}.generateAgain{font-size:22px!important}.songPromptPanel{padding:16px}.quickSectionEditor{padding:12px}.sectionDetails{grid-template-columns:1fr 1fr}.chordEditCell{width:calc(50% - 6px);box-sizing:border-box;grid-template-columns:minmax(45px,1fr) 62px;padding:8px}.chordEditCell input{padding:8px 5px}.songHeroCopy h2{font-size:24px}.songHeroCopy p{font-size:16px}.songStats{flex-wrap:wrap}}
@media(max-width:460px){.sectionDetails{grid-template-columns:1fr}.chordSequenceEditor{padding:10px}.songFormRow{grid-template-columns:1fr 1fr}.songTimeline{gap:8px}.songSection{min-width:170px}.quickRegenerate{gap:6px}.quickRegenerate button{flex:1 0 40%}.songActionRow button{flex:1 0 42%}.songPromptPanel .panelTitle{font-size:16px}}
