:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#dce9f5;background:#061019;font-synthesis:none;--bg:#07111a;--panel:#0a1621;--panel2:#0c1925;--line:#1c3142;--muted:#7d91a3;--text:#e8f0f8;--blue:#286dff}*{box-sizing:border-box}body{margin:0;min-width:1180px;min-height:100vh;background:radial-gradient(circle at 40% -20%,#102840 0,#061019 38%,#040b12 100%)}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.appShell{min-height:100vh;display:flex;flex-direction:column}header{height:72px;padding:10px 14px;display:grid;grid-template-columns:245px auto 330px minmax(210px,1fr) 38px;gap:12px;align-items:center;border-bottom:1px solid #132736;background:rgba(4,12,19,.9);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.brand{display:flex;flex-direction:column}.brand strong{font-size:22px;letter-spacing:-.4px}.brand span{font-size:12px;color:#8ea3b5;margin-top:2px}.transport{display:flex;align-items:center;gap:7px}.transport>button,.iconButton{width:40px;height:40px;border:1px solid #294257;border-radius:7px;background:#101d2a;display:grid;place-items:center}.transport .play{background:#0c7237;border-color:#19bb62;box-shadow:0 0 20px rgba(25,187,98,.15)}.transport .play.on{background:#53328d;border-color:#8f67ff}.bpm,.meter,.seed{height:42px;border:1px solid #172c3c;border-radius:7px;background:#0a1621;display:flex;align-items:center}.bpm strong{font-size:16px;padding-left:12px}.bpm>span,.meter span,.seed>span{font-size:10px;color:#7f95a7;margin:0 10px 0 5px}.bpm button,.seed button{height:100%;min-width:31px;border:0;border-left:1px solid #172c3c;background:transparent}.meter{padding:0 12px;flex-direction:column;justify-content:center;align-items:flex-start;min-width:74px}.meter span{margin:0}.seed{min-width:128px}.seed input{width:70px;background:transparent;border:0;outline:0}.topTabs{display:flex;border:1px solid #1c3244;border-radius:7px;padding:2px;background:#07121c}.topTabs button{border:0;background:transparent;padding:9px 16px;color:#9aafc1;border-radius:5px}.topTabs .active{background:#163dca;color:white;box-shadow:0 0 14px rgba(38,91,255,.35)}.midiButton{height:40px;border:1px solid #1b3142;border-radius:7px;background:#0c1924;display:flex;gap:9px;align-items:center;padding:0 13px;overflow:hidden}.midiButton span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.statusDot{width:9px;height:9px;border-radius:50%;background:#5e6b74;box-shadow:0 0 0 4px rgba(255,255,255,.03)}.statusDot.connected{background:#28d16c;box-shadow:0 0 12px rgba(40,209,108,.7)}main{padding:12px;display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:12px;flex:1}.leftWide{min-width:0}.panel,.sectionTimeline{border:1px solid #193043;border-radius:7px;background:linear-gradient(180deg,rgba(12,26,38,.96),rgba(7,18,27,.96));box-shadow:inset 0 1px rgba(255,255,255,.02)}.panelTitle{height:39px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #142837;font-size:13px}.micro{color:#71889b;font-size:11px}.sectionTimeline{margin-bottom:8px;overflow:hidden}.sectionRailHeader{height:37px;padding:0 12px;display:flex;align-items:center;gap:18px}.sectionRailHeader strong{font-size:13px}.sectionRailHeader span{font-size:11px;color:#6f8496}.sectionRail{height:66px;display:flex;gap:2px;padding:0 3px 4px}.sectionBlock{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--section) 80%,white 10%);border-radius:5px;background:color-mix(in srgb,var(--section) 60%,#0b1721 40%);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:70px}.sectionBlock .sectionName{font-weight:700;font-size:14px}.sectionBlock span:nth-child(2){font-size:10px;opacity:.78}.sectionBlock em{position:absolute;right:6px;top:4px;font-size:8px;font-style:normal;letter-spacing:.12em;background:#f2f7ff;color:#152131;border-radius:3px;padding:2px 4px}.sectionBlock.active{box-shadow:inset 0 0 0 1px #fff,0 0 18px color-mix(in srgb,var(--section) 25%,transparent)}.sectionBlock.next{outline:1px dashed rgba(255,255,255,.5);outline-offset:-5px}.sectionBlock i{position:absolute;height:3px;background:white;left:0;bottom:0;opacity:.9}.curvesPanel{overflow:hidden}.drawToggle{display:flex;align-items:center;gap:6px;border:1px solid #284153;border-radius:5px;background:#0b1a26;padding:6px 9px;font-size:11px;color:#89a2b5}.drawToggle.active{background:#173c65;color:#dfefff;border-color:#2e6ea4}.curveLanes{padding:0 8px}.curveLane{height:43px;display:grid;grid-template-columns:138px 1fr;border-bottom:1px solid rgba(29,50,66,.55)}.curveLabel{display:flex;align-items:center;gap:8px;font-size:11px;color:#b7c6d2}.dot{width:9px;height:9px;border-radius:50%;box-shadow:0 0 8px currentColor}.curve{width:100%;height:42px;touch-action:none;background-image:linear-gradient(to right,rgba(31,53,69,.33) 1px,transparent 1px);background-size:4% 100%}.curve.editable{cursor:crosshair}.playheadLine{stroke:#e8f6ff;stroke-width:1.3;opacity:.9;vector-effect:non-scaling-stroke}.curveHint{font-size:10px;color:#5f7688;padding:6px 12px 8px;text-align:right}.nextPanel{grid-column:2;grid-row:1}.committed{margin:10px;padding:10px;border:1px solid color-mix(in srgb,var(--section) 80%,white 10%);border-left:5px solid var(--section);border-radius:6px;background:linear-gradient(90deg,color-mix(in srgb,var(--section) 20%,transparent),rgba(7,16,24,.9));display:grid;grid-template-columns:1fr 90px;gap:8px}.committed>div:first-child{display:flex;flex-direction:column}.commitLabel{font-size:8px;letter-spacing:.16em;color:#9cb0c0}.committed strong{font-size:24px;line-height:1.1;margin:4px 0}.committed small{color:#91a6b7}.miniCurve svg{width:100%;height:48px}.branchHeader{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#70889c;padding:8px 10px}.branchList{padding:0 10px}.branchRow{display:grid;grid-template-columns:8px 44px 1fr 32px;gap:8px;align-items:center;padding:7px 3px;font-size:11px;color:#8398aa}.branchRow.chosen{color:#dce8f2}.branchSwatch{width:8px;height:14px;border-radius:2px}.weightTrack{height:4px;border-radius:2px;background:#172a39;overflow:hidden}.weightTrack i{display:block;height:100%;background:#526b7d}.secondary{border:1px solid #2a455a;background:#0c1b28;border-radius:6px;padding:8px 10px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px}.secondary:hover{background:#12283a}.secondary.full{margin:10px;width:calc(100% - 20px)}.chordWindow{grid-column:1/-1;min-height:134px}.currentChordRow{display:grid;grid-template-columns:130px 1fr}.nowBlock{margin:8px;border-radius:6px;border:1px solid #235b87;background:#0c263a;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;align-items:center;padding:9px 12px}.nowBlock span{font-size:8px;letter-spacing:.13em;color:#69b5e8}.nowBlock strong{font-size:27px;align-self:end}.nowBlock small{font-size:11px;color:#8ca8bb}.progressionStrip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(90px,1fr);padding:8px 8px 8px 0;gap:4px}.chordCell{border:1px solid #1b3345;border-radius:4px;background:#0a1722;display:grid;grid-template-rows:1fr auto;grid-template-columns:1fr auto;padding:8px 10px;align-items:center;position:relative}.chordCell strong{font-size:15px}.chordCell span{color:#71889a}.chordCell small{grid-column:1/-1;color:#506b7e;font-size:9px}.chordCell.live{border-color:#36a3ee;background:#0e2c42;box-shadow:0 0 14px rgba(54,163,238,.16)}.nextHarmony{height:40px;display:flex;align-items:center;gap:12px;padding:0 12px;border-top:1px solid #142938}.nextHarmony>span{font-size:8px;letter-spacing:.13em;color:#72899b}.nextName{font-weight:700}.nextChords{display:flex;gap:8px;align-items:center;font-size:12px}.nextChords b{color:#486071;font-weight:400}.workspace{grid-column:1/-1;display:grid;grid-template-columns:270px minmax(520px,1fr) 330px;gap:10px}.channelPanel,.patternPanel,.inspector{min-height:444px}.channelRows{padding:4px 8px}.channelRow{height:24px;display:grid;grid-template-columns:24px 9px 1fr 24px 24px;gap:6px;align-items:center;border-bottom:1px solid rgba(27,46,60,.42);font-size:10px}.channelRow.utility{background:rgba(100,85,190,.035)}.channelNum{color:#8da1b0;text-align:center}.channelDot{width:8px;height:8px;border-radius:50%}.channelName{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny{height:19px;width:22px;padding:0;border-radius:4px;border:1px solid #243c4f;background:#0d1b27;font-size:9px;color:#8fa3b2}.tiny.active{background:#8b2f43;border-color:#d6586f;color:white}.patternPanel{min-width:0}.patternGrid{position:relative;margin:8px;height:390px;overflow:hidden;background:repeating-linear-gradient(to right,rgba(31,53,69,.3) 0,rgba(31,53,69,.3) 1px,transparent 1px,transparent calc(100% / 16)),#07131d}.patternRow{height:25px;display:grid;grid-template-columns:repeat(48,1fr);gap:1px;border-bottom:1px solid rgba(30,51,65,.38)}.patternRow span{margin:7px 0 3px;border-radius:1px;background:transparent}.modPreview{height:31px;border-bottom:1px solid rgba(30,51,65,.38)}.modPreview svg{height:31px;width:100%}.gridPlayhead{position:absolute;top:0;bottom:0;width:2px;background:#f4fbff;z-index:3;box-shadow:0 0 7px rgba(255,255,255,.5)}.inspector .tabs{height:37px;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #1a2f40}.tabs button{background:transparent;border:0;color:#7e92a3;font-size:10px}.tabs .selected{color:#fff;border-bottom:2px solid #2a70ff;background:#0f2030}.inspector h3{font-size:13px;margin:13px}.inspector label{margin:8px 13px;display:grid;grid-template-columns:128px 1fr;align-items:center;gap:8px;font-size:10px;color:#a8bac8}.inspector input[type=number],.inspector select{height:28px;background:#0e1d29;border:1px solid #243d50;border-radius:5px;padding:0 8px}.inspector select{width:100%}.sliderLabel{grid-template-columns:82px 1fr 34px!important}.sliderLabel input{accent-color:#3c92ff}.sliderLabel output{text-align:right;color:#89a1b3}.inspectorButtons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 13px}.divider{height:1px;background:#1a3041;margin:12px 13px}.inspector h4{font-size:11px;margin:10px 13px}.inspector p{font-size:10px;line-height:1.5;color:#7e94a6;margin:0 13px}.iconButton{padding:0}.nextPanel .iconButton{width:29px;height:29px}.panelTitle .drawToggle{height:27px}.statusDot.connected+span{color:#cceada}footer{height:31px;border-top:1px solid #173044;background:#05101a;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-size:10px;color:#71899b;position:sticky;bottom:0;z-index:10}@media(max-width:1350px){header{grid-template-columns:210px auto 250px minmax(180px,1fr) 38px}.topTabs button{padding:9px 9px}.workspace{grid-template-columns:245px minmax(480px,1fr) 300px}}@media(max-width:900px){body{min-width:0}header{position:relative;height:auto;grid-template-columns:1fr auto;align-items:start}.brand{grid-column:1}.transport{grid-column:1/-1;overflow-x:auto}.topTabs{grid-column:1/-1}.midiButton{grid-column:1/-1}.iconButton{grid-column:2;grid-row:1}main{display:block;padding:8px}.nextPanel,.chordWindow,.workspace{margin-top:8px}.workspace{display:block}.channelPanel,.patternPanel,.inspector{min-height:auto;margin-top:8px}.sectionRail{overflow-x:auto}.sectionBlock{flex:0 0 120px!important}.curveLane{grid-template-columns:92px 1fr}.curveLabel{font-size:9px}.currentChordRow{grid-template-columns:105px 1fr}.progressionStrip{overflow-x:auto;grid-auto-columns:110px}footer{position:relative;gap:8px;overflow:auto;white-space:nowrap}}

/* --- Live Player View --------------------------------------------------- */
.liveDeck{--live-panel-height:calc((100vh - 64px)/2);height:100vh;overflow:hidden;background:#030a10;color:#eef7ff;display:flex;flex-direction:column}.liveTopbar{height:64px;flex:0 0 64px;display:grid;grid-template-columns:210px 260px 1fr;align-items:center;border-bottom:1px solid #1a3447;background:linear-gradient(180deg,#091722,#050e15);padding:0 16px;gap:16px;position:relative;z-index:5}.liveBrand{display:flex;flex-direction:column;line-height:1.05}.liveBrand strong{font-size:16px}.liveBrand span{margin-top:5px;font-size:9px;letter-spacing:.22em;color:#58b8f5}.liveTransport{display:flex;height:42px;border:1px solid #1d384b;border-radius:7px;background:#08131d;overflow:hidden}.liveTransport>div{min-width:96px;padding:5px 12px;border-left:1px solid #1b3040;display:flex;flex-direction:column;justify-content:center}.liveTransport strong{font-size:15px}.liveTransport span{font-size:8px;letter-spacing:.09em;color:#758da0;text-transform:uppercase}.livePlay{width:48px;border:0;background:#0d2638;color:#d8efff}.livePlay.active{background:#173ec9;color:white}.performerControls{display:flex;justify-content:flex-end;align-items:center;gap:8px;min-width:0}.performerControls label{height:42px;border:1px solid #1c374a;border-radius:7px;padding:4px 8px;background:#08141e;display:flex;flex-direction:column;min-width:105px}.performerControls label span{font-size:7px;color:#6f899d;letter-spacing:.12em}.performerControls select{border:0;background:transparent;color:#dcecf7;font-size:12px;outline:0}.takeover,.liveUtility{height:42px;border:1px solid #27465c;border-radius:7px;background:#0b1924;color:#9db3c3;padding:0 12px;font-size:10px}.takeover.active{background:#5f2332;border-color:#a84c61;color:#ffeaf0}.liveUtility:hover,.takeover:hover{background:#11283a;color:#eaf6ff}.liveCards{height:calc(2 * var(--live-panel-height));transition:transform .65s cubic-bezier(.3,.85,.25,1);will-change:transform}.liveDeck.transitioning .liveCards{transform:translateY(calc(-1 * var(--live-panel-height)))}.liveSection{height:var(--live-panel-height);box-sizing:border-box;display:grid;grid-template-columns:minmax(270px,28%) minmax(520px,1fr) minmax(235px,23%);gap:0;border-bottom:1px solid #203748;background:radial-gradient(circle at 14% 48%,color-mix(in srgb,var(--live-accent) 12%,transparent),transparent 34%),linear-gradient(180deg,#07131c,#050d14);position:relative;overflow:hidden}.liveSection.preview{background:radial-gradient(circle at 14% 48%,color-mix(in srgb,var(--live-accent) 8%,transparent),transparent 34%),linear-gradient(180deg,#050e15,#03090e);opacity:.92}.liveSection:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--live-accent);box-shadow:0 0 22px color-mix(in srgb,var(--live-accent) 60%,transparent)}.livePrimary{padding:14px 18px 12px 22px;border-right:1px solid #162c3b;min-width:0}.liveSectionLabel{font-size:8px;letter-spacing:.22em;color:#6c8ba1;margin-bottom:5px}.liveSectionTitle{display:flex;align-items:baseline;gap:10px}.liveSectionTitle strong{font-size:24px;color:var(--live-accent)}.liveSectionTitle span{font-size:10px;color:#7890a2}.liveChordHero{display:flex;align-items:baseline;gap:10px;margin:5px 0 7px}.liveChordHero strong{font-size:42px;line-height:1;font-weight:750;letter-spacing:-.03em}.liveChordHero span{font-size:9px;color:#6c879a}.liveProgression{display:grid;grid-template-columns:repeat(4,minmax(48px,1fr));gap:4px}.liveProgChord{border:1px solid #183246;background:#071722;border-radius:5px;padding:6px 7px;display:flex;flex-direction:column}.liveProgChord strong{font-size:12px}.liveProgChord span{font-size:8px;color:#5f7a8e}.liveProgChord.active{border-color:var(--live-accent);background:color-mix(in srgb,var(--live-accent) 16%,#071722);box-shadow:0 0 15px color-mix(in srgb,var(--live-accent) 14%,transparent)}.liveStructureLine{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.liveStructureLine span{font-size:8px;border:1px solid #1a3446;border-radius:4px;background:#07141e;color:#7891a3;padding:3px 5px}.liveInstrument{padding:10px 14px;min-width:0;display:flex;flex-direction:column;justify-content:center}.liveSubhead{height:22px;display:flex;align-items:center;justify-content:space-between;gap:10px}.liveSubhead strong{font-size:11px}.liveSubhead span{font-size:8px;color:#647f92}.fretboardWrap{min-width:0}.fretNumbers{display:grid;grid-template-columns:24px repeat(13,1fr);padding:0 1px;margin-bottom:1px;color:#4f697b;font-size:7px;text-align:center}.fretboard{border:1px solid #1b3a4e;border-radius:5px;overflow:hidden;background:linear-gradient(90deg,#07151f,#0b1c27)}.stringRow{display:grid;grid-template-columns:24px repeat(13,1fr);height:27px;position:relative}.stringRow:not(:last-child){border-bottom:1px solid rgba(95,122,139,.22)}.stringName{font-size:8px;color:#8ca4b4;display:flex;align-items:center;justify-content:center;border-right:2px solid #526472;background:#08141d}.fretCell{display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(78,105,123,.28);position:relative}.fretCell:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#7d8d96;opacity:.42}.fretCell span{position:relative;z-index:1;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:7px;font-weight:700;background:#142633;color:#718b9c;border:1px solid #294456}.fretCell.scale span{background:#10202a;color:#6d8b9c;border-color:#203b4d}.fretCell.next span{background:transparent;color:#91c7ef;border:1px dashed #4f9ad0}.fretCell.chord span{background:#1c6ba0;color:white;border-color:#59baf0;box-shadow:0 0 7px rgba(61,170,235,.25)}.fretCell.root span{background:#f4d65d;color:#17202a;border-color:#fff0a1;box-shadow:0 0 9px rgba(244,214,93,.35)}.fretCell.common span{background:#49d58a;color:#062217;border-color:#9bf3c2;box-shadow:0 0 10px rgba(73,213,138,.35)}.bassBoard .stringRow{height:35px}.fretLegend{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:5px;color:#627e91;font-size:7px;white-space:nowrap}.legend:before{content:"";width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:4px;vertical-align:-1px;background:#173042;border:1px solid #335267}.legend.root:before{background:#f4d65d;border-color:#fff0a1}.legend.chord:before{background:#1c6ba0;border-color:#59baf0}.legend.common:before{background:#49d58a;border-color:#9bf3c2}.legend.next:before{background:transparent;border-style:dashed;border-color:#4f9ad0}.legend.scale:before{background:#10202a;border-color:#203b4d}.keyboardGuide{display:flex;flex-direction:column;justify-content:center}.pianoNotes{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.pianoNote{height:62px;border:1px solid #263f50;background:#f0f3f5;color:#18242d;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center}.pianoNote strong{font-size:17px}.pianoNote span{font-size:7px;text-transform:uppercase;opacity:.7}.pianoNote.chord{background:#7ac8f4}.pianoNote.next{background:#d8e7ef;border-style:dashed}.pianoNote.common{background:#68dfa0}.liveCoach{padding:12px 16px;border-left:1px solid #162c3b;display:grid;grid-template-columns:1fr 1fr;gap:7px;align-content:center}.coachBlock{border:1px solid #19384b;border-radius:5px;background:#071722;padding:7px 9px;min-width:0}.coachBlock.wide,.lyricsBlock{grid-column:1/-1}.coachBlock span,.lyricsBlock span{display:block;font-size:7px;letter-spacing:.13em;color:#658198;margin-bottom:3px}.coachBlock strong{font-size:13px}.coachBlock p,.lyricsBlock p{font-size:9px;line-height:1.35;color:#b2c6d3;margin:0}.lyricsBlock{border-top:1px solid #1d3544;padding-top:6px}.liveSection.preview .liveChordHero strong{font-size:36px}.liveSection.preview .fretCell span{opacity:.86}
@media(max-width:1100px){.liveTopbar{grid-template-columns:165px 220px 1fr;padding:0 8px;gap:8px}.performerControls{gap:4px}.takeover,.liveUtility{padding:0 7px}.liveSection{grid-template-columns:245px 1fr 210px}.liveChordHero strong{font-size:34px}.livePrimary{padding-left:15px}.liveInstrument{padding:8px}.liveCoach{padding:8px}.fretLegend{gap:5px}.stringRow{height:24px}}
@media(max-width:760px){.liveDeck{overflow:auto;height:auto}.liveTopbar{position:sticky;top:0;height:auto;min-height:64px;grid-template-columns:1fr auto;padding:8px}.liveTransport{grid-column:1/-1;order:3}.performerControls{grid-column:1/-1;flex-wrap:wrap;justify-content:flex-start}.liveCards{height:auto}.liveSection{height:auto;min-height:520px;grid-template-columns:1fr}.livePrimary,.liveInstrument,.liveCoach{border:0;border-bottom:1px solid #162c3b}.liveDeck.transitioning .liveCards{transform:none}.liveSection.preview{opacity:1}.fretLegend{overflow:auto;justify-content:flex-start}}

/* --- Standalone Song Studio -------------------------------------------- */
.songShell header{grid-template-columns:245px 1fr minmax(250px,420px);}.songMain{display:block;padding:14px;}.songStudio{max-width:1500px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.songHero{display:grid;grid-template-columns:minmax(420px,1fr) minmax(420px,.95fr);padding:22px 24px;gap:28px;align-items:center}.songModeLabel{font-size:9px;letter-spacing:.18em;color:#65b8ef}.songHero h2{font-size:30px;margin:5px 0 8px}.songHero p{max-width:760px;color:#91a8ba;font-size:13px;line-height:1.55;margin:0}.modeTriad{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #1e3b50;border-radius:8px;overflow:hidden;background:#07141e}.modeTriad button{min-height:74px;border:0;border-right:1px solid #183246;background:transparent;color:#8199ab;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:10px 13px;text-align:left}.modeTriad button:last-child{border-right:0}.modeTriad strong{font-size:12px;color:#c6d6e2}.modeTriad span{font-size:9px;margin-top:4px}.modeTriad button.active{background:linear-gradient(180deg,#173e69,#0e2945);box-shadow:inset 0 -2px #3ea6ff}.modeTriad button.active strong{color:white}.songGrid{display:grid;grid-template-columns:minmax(620px,1.25fr) minmax(410px,.75fr);gap:12px}.songPromptPanel,.songExportPanel{padding-bottom:14px}.promptLabel{display:flex;flex-direction:column;gap:7px;padding:14px 14px 8px;font-size:10px;color:#9bb0c0}.promptLabel textarea{resize:vertical;min-height:112px;border:1px solid #29485e;border-radius:7px;background:#07141e;color:#e8f2f9;padding:12px;font:inherit;font-size:12px;line-height:1.5;outline:none}.promptLabel textarea:focus{border-color:#3b91d5;box-shadow:0 0 0 2px rgba(59,145,213,.12)}.songFormRow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:0 14px}.songFormRow label{display:flex;flex-direction:column;gap:5px;font-size:9px;color:#708a9e}.songFormRow input{height:34px;border:1px solid #274357;border-radius:6px;background:#0a1823;padding:0 9px}.songActionRow{display:flex;gap:8px;padding:13px 14px 6px}.primarySong{border:1px solid #2e8bea;background:#145dad;color:white;border-radius:6px;padding:9px 13px;display:flex;align-items:center;gap:7px;font-size:11px}.seedPromise{margin:8px 14px 0;border-left:3px solid #3379ae;background:#091b28;padding:8px 10px;color:#708b9e;font-size:10px}.seedPromise strong{color:#c4d9e8}.exportButtons{padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.exportButtons button{min-height:38px;border:1px solid #29485d;border-radius:6px;background:#0b1b28;color:#a8bdcc;font-size:10px}.exportButtons button:hover{background:#102a3d;color:white}.exportButtons button:disabled{opacity:.42;cursor:not-allowed}.exportButtons .exportMain{grid-column:1/-1;background:#113a2a;border-color:#27885b;color:#dcffed}.exportNote{padding:0 14px;color:#738da0;font-size:10px;line-height:1.45}.songStats{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:8px 14px}.songStats div{border:1px solid #193448;background:#071722;border-radius:5px;padding:8px 7px;display:flex;flex-direction:column}.songStats strong{font-size:17px}.songStats span{font-size:8px;color:#6c8598;text-transform:uppercase;letter-spacing:.08em}.frozenTimeline{overflow:hidden}.songTimeline{display:flex;min-height:178px;gap:3px;padding:10px;background:#06121b;overflow-x:auto}.songSection{min-width:120px;border:1px solid color-mix(in srgb,var(--section) 65%,#1a3140);border-top:4px solid var(--section);background:linear-gradient(180deg,color-mix(in srgb,var(--section) 10%,#0b1823),#08141d);border-radius:5px;padding:9px;display:flex;flex-direction:column}.songSectionHead{display:flex;justify-content:space-between;align-items:center}.songSectionHead strong{font-size:14px;color:#edf7ff}.songSectionHead span{font-size:8px;color:#7790a2}.songChordMini{display:flex;flex-wrap:wrap;gap:3px;margin-top:12px}.songChordMini span{font-size:8px;border:1px solid #234154;background:#081824;border-radius:4px;padding:3px 5px}.songSectionMeters{margin-top:auto}.songSectionMeters{height:22px;border-top:1px solid #173143;padding-top:6px;position:relative}.songSectionMeters i{height:3px;border-radius:2px;background:var(--section);display:block}.songSectionMeters small{display:block;margin-top:3px;color:#628095;font-size:7px}.songHint{border-top:1px solid #162f40;padding:9px 12px;color:#627f92;font-size:10px}.standaloneTabs{justify-self:center}@media(max-width:1000px){.songShell header{grid-template-columns:1fr}.songMain{padding:8px}.songHero,.songGrid{grid-template-columns:1fr}.songFormRow{grid-template-columns:1fr}.songTimeline{min-height:220px}.songSection{min-width:180px}.standaloneTabs{justify-self:stretch}}

/* --- Rich song model / editable ancestry -------------------------------- */
.identityStrip{margin:0 14px 4px;border-top:1px solid #173246;padding-top:10px;display:flex;flex-wrap:wrap;gap:6px}.identityStrip span{font-size:8px;color:#7490a3;border:1px solid #1b3a4d;border-radius:4px;padding:4px 6px;background:#071722}.songSection{appearance:none;text-align:left;color:inherit;cursor:pointer}.songSection:hover{border-color:color-mix(in srgb,var(--section) 90%,white 30%);transform:translateY(-1px)}.songSection.selected{box-shadow:inset 0 0 0 1px #dcefff,0 0 20px color-mix(in srgb,var(--section) 20%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--section) 18%,#0b1823),#091722)}.lineageBadge{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:6px;min-height:16px}.lineageBadge span{font-size:7px;color:#6c879a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lineageBadge b{font-size:7px;color:#e6cc75;font-weight:600;white-space:nowrap}.dnaPanel{overflow:hidden}.dnaGrid{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:1px;background:#173042}.dnaColumn{background:#081722;padding:14px;min-width:0}.dnaColumn h4{margin:0 0 11px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#7f99aa}.dnaMeta{display:grid;grid-template-columns:62px 1fr;gap:5px 8px;align-items:center;font-size:8px}.dnaMeta span{color:#5d788b;text-transform:uppercase;letter-spacing:.08em}.dnaMeta strong{font-size:9px;color:#bdd0dc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dnaProgression{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:12px}.dnaProgression div{border:1px solid #214156;border-radius:5px;background:#0a1c29;padding:7px;display:flex;flex-direction:column}.dnaProgression strong{font-size:11px}.dnaProgression span{font-size:7px;color:#5f7b8f;margin-top:2px}.dnaActions{display:flex;gap:6px;margin-top:10px}.dnaActions button,.motifCard button{border:1px solid #294a60;background:#0b2030;color:#9bb4c5;border-radius:5px;padding:6px 8px;font-size:8px}.dnaActions button:hover,.motifCard button:hover{background:#113149;color:white}.dnaActions button:disabled,.motifCard button:disabled{opacity:.34;cursor:not-allowed}.motifCard{border:1px solid #18384c;background:#07151f;border-radius:6px;padding:8px;margin-bottom:6px;display:grid;grid-template-columns:minmax(90px,1fr) minmax(100px,1.35fr) auto;gap:8px;align-items:center}.motifCard>div:first-child{display:flex;flex-direction:column;min-width:0}.motifCard strong{font-size:9px}.motifCard span{font-size:7px;color:#59758a;overflow:hidden;text-overflow:ellipsis}.dnaSteps{height:18px;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;align-items:end}.dnaSteps i{height:4px;border-radius:2px;background:#173143}.dnaSteps i.on{height:14px;background:#3aa8ef;box-shadow:0 0 6px rgba(58,168,239,.2)}.arpOrder{font-size:8px;color:#89a6b8;letter-spacing:.08em}.macroSummary{display:flex;flex-direction:column;gap:6px}.macroSummary>div{display:grid;grid-template-columns:54px 1fr 28px;gap:8px;align-items:center;font-size:8px}.macroSummary span{color:#6d899b;text-transform:capitalize}.macroSummary strong{text-align:right;color:#b9ccda}.miniMacro{height:5px;border-radius:3px;background:#142b3a;overflow:hidden}.miniMacro i{display:block;height:100%;background:linear-gradient(90deg,#2e83e7,#50d7a0)}.transitionCard,.guidanceCard{margin-top:10px;border:1px solid #1c3b4f;background:#07151f;border-radius:6px;padding:8px;display:flex;flex-direction:column}.transitionCard span,.guidanceCard span{font-size:7px;color:#607d91;letter-spacing:.1em;text-transform:uppercase}.transitionCard strong{font-size:13px;margin-top:3px;text-transform:capitalize}.transitionCard small{font-size:8px;color:#7893a5;margin-top:3px}.guidanceCard p{margin:5px 0 0;font-size:9px;line-height:1.4;color:#a8becb}.lockBar{min-height:48px;border-top:1px solid #173043;background:#07131d;padding:8px 12px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.lockBar>strong{font-size:8px;letter-spacing:.16em;color:#5d778a;margin-right:4px}.lockBar button{border:1px solid #203e51;background:#091a26;color:#708c9e;border-radius:5px;padding:6px 8px;font-size:8px;text-transform:capitalize}.lockBar button.locked{border-color:#7c6932;background:#2a2412;color:#f1d879}.historyPanel{overflow:hidden}.historyList{padding:8px 12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.historyList>div{border:1px solid #18384b;background:#071722;border-radius:5px;padding:8px;display:flex;flex-direction:column;min-width:0}.historyList strong{font-size:9px;color:#c3d4df}.historyList span{font-size:8px;color:#75a3bf;margin-top:2px}.historyList small{font-size:7px;color:#526f83;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.historyList p{grid-column:1/-1;margin:4px;color:#647f91;font-size:9px}
@media(max-width:1100px){.dnaGrid{grid-template-columns:1fr}.historyList{grid-template-columns:1fr 1fr}}
.dnaMacroSlider{display:grid;grid-template-columns:58px 1fr 28px;gap:8px;align-items:center;font-size:8px}.dnaMacroSlider span{color:#6d899b;text-transform:capitalize}.dnaMacroSlider input[type=range]{width:100%;accent-color:#43a7ea}.dnaMacroSlider strong{text-align:right;color:#b9ccda;font-size:8px}

/* --- Motif editor + inheritance visualization --------------------------- */
.inheritancePanel,.motifWorkbench{overflow:hidden}.inheritanceRail{display:flex;align-items:center;gap:8px;padding:14px;overflow-x:auto;background:#06141d}.inheritNode{min-width:150px;border:1px solid #214257;background:#0a1b27;color:#a8bfce;border-radius:8px;padding:10px;text-align:left;display:flex;flex-direction:column;gap:3px}.inheritNode.selected{border-color:#56b8ff;box-shadow:0 0 0 1px #56b8ff inset,0 0 20px rgba(65,164,230,.16);background:#0d2434}.inheritNode strong{font-size:16px;color:#f0f8ff}.inheritNode small{font-size:8px;color:#668399}.inheritType{font-size:7px;letter-spacing:.13em;text-transform:uppercase;color:#7fb6d8}.inheritArrow{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:36px;color:#668aa1}.inheritArrow span{font-size:18px}.inheritArrow small{font-size:7px;color:#87a8bb}.inheritMini{margin-top:7px;border-top:1px solid #183548;padding-top:6px;display:flex;flex-direction:column;gap:4px}.inheritMini i{display:block;height:3px;border-radius:3px;background:#3ca4ec}.inheritMini span{font-size:7px;color:#7292a6}.motifTabs{display:flex;gap:5px;padding:10px 12px 6px;border-bottom:1px solid #183448;overflow-x:auto}.motifTabs button{border:1px solid #24475d;background:#081823;color:#748fa2;border-radius:6px;padding:7px 11px;font-size:9px;text-transform:capitalize;white-space:nowrap}.motifTabs button.active{background:#12334a;color:white;border-color:#3f99cf}.motifLegend{display:flex;gap:12px;align-items:center;padding:8px 12px 0;color:#69879b;font-size:8px;flex-wrap:wrap}.motifLegend i{display:inline-block;width:11px;height:5px;border-radius:3px;margin-right:4px;vertical-align:middle}.legendCurrent{background:#40aef0}.legendParent{border:1px dashed #e0a852;background:transparent}.motifGrid{display:grid;grid-template-columns:repeat(8,minmax(68px,1fr));gap:5px;padding:10px 12px 12px;overflow-x:auto}.motifStep{min-width:68px;border:1px solid #1b394c;border-radius:7px;background:#071722;padding:5px;display:flex;flex-direction:column;gap:5px}.motifStep.inherited{border-color:#786633;box-shadow:inset 0 0 0 1px rgba(222,187,86,.18)}.motifLane{height:86px;position:relative;border:1px solid #153246;border-radius:5px;background:linear-gradient(180deg,#0a2030,#07131c);overflow:hidden}.motifLane:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px dashed #183a50}.noteBlock,.parentGhost{position:absolute;left:12%;right:12%;height:10px;border-radius:5px;transform:translateY(-50%)}.noteBlock{border:0;background:#40aef0;box-shadow:0 0 7px rgba(64,174,240,.28);cursor:pointer}.noteBlock.off{opacity:.2;background:#426071;box-shadow:none}.noteBlock:disabled{cursor:not-allowed}.parentGhost{border:1px dashed #dea94f;background:transparent;pointer-events:none}.motifStep>strong{text-align:center;font-size:8px;color:#6e899d}.motifStep select{width:100%;height:26px;border:1px solid #214256;border-radius:4px;background:#0b1f2c;color:#a9bfcc;font-size:8px;padding:0 3px}.motifStep small{text-align:center;font-size:7px;color:#547083}.contourStrip{display:grid;grid-template-columns:repeat(8,minmax(90px,1fr));gap:5px;padding:0 12px 12px;overflow-x:auto}.contourStrip label{min-width:90px;display:flex;flex-direction:column;gap:3px;font-size:7px;color:#607d90}.contourStrip select{height:26px;border:1px solid #214256;border-radius:4px;background:#0b1f2c;color:#a9bfcc;font-size:8px}.drumEditor{padding:12px;display:flex;flex-direction:column;gap:6px;overflow-x:auto}.drumRow{display:grid;grid-template-columns:48px minmax(720px,1fr);align-items:center;gap:8px}.drumRow>span{font-size:8px;text-transform:uppercase;color:#708ea2}.drumCells{display:grid;grid-template-columns:repeat(16,1fr);gap:3px}.drumCells button{min-width:38px;height:34px;border:1px solid #1c3b4e;background:#081823;color:#587487;border-radius:4px;font-size:7px}.drumCells button.on{background:#2c8cc8;border-color:#51b5ee;color:white;box-shadow:0 0 7px rgba(65,169,225,.2)}.arpControls{padding:0 12px 12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.arpControls label{flex:1;min-width:220px;display:grid;grid-template-columns:70px 1fr 42px;gap:8px;align-items:center;font-size:8px;color:#6f8a9d}.arpControls input{width:100%;accent-color:#48a9e6}.arpControls button{border:1px solid #24475d;background:#081823;color:#7893a5;border-radius:5px;padding:7px 9px;font-size:8px}.arpControls button.active{background:#16374c;color:white;border-color:#43a7df}.similarityControl{border-top:1px solid #183448;background:#07131d;padding:11px 12px;display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1.4fr) 54px;gap:12px;align-items:center}.similarityControl>div{display:flex;flex-direction:column}.similarityControl strong{font-size:9px;color:#c4d6e2}.similarityControl span{font-size:8px;color:#638093;margin-top:2px}.similarityControl input{width:100%;accent-color:#d2aa4f}.similarityControl output{text-align:right;font-size:12px;color:#efd67f}.motifWorkbench .panelTitle{border-bottom:1px solid #183448}
@media(max-width:760px){.inheritanceRail{padding:10px}.inheritNode{min-width:132px}.motifGrid{grid-template-columns:repeat(8,74px);padding:9px}.motifStep{min-width:74px}.motifLane{height:92px}.contourStrip{grid-template-columns:repeat(8,92px);padding:0 9px 10px}.similarityControl{grid-template-columns:1fr 60px}.similarityControl>div{grid-column:1/-1}.drumRow{grid-template-columns:42px minmax(640px,1fr)}.songHero h2{font-size:24px}.songHero{padding:15px}.songMain{padding:5px}.songStudio{gap:8px}.panelTitle{min-height:34px}.songTimeline{padding:7px}.songSection{min-width:155px}.dnaColumn{padding:10px}.historyList{grid-template-columns:1fr}.motifLegend{padding-left:9px}.motifTabs{padding-left:9px}.motifWorkbench{border-radius:5px}}