:root{--bg:#121c29;--panel:#233248;--panel2:#2c3d54;--edge:#465771;--deep:#101a29;--text:#e0e7ed;--muted:#8999ad;--mint:#9bf6d2;--peach:#ffb28c;--line:#36465e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:12px 'Courier New',monospace}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;background:#304159;border:1px solid #506079;box-shadow:inset 1px 1px #5b6a7e,inset -1px -1px #1b293b;padding:7px 10px;border-radius:1px}button:hover{background:#3b506a}button:active,button.active{box-shadow:inset 1px 1px #132133;background:#18293b}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--mint);outline-offset:2px}button:disabled{opacity:.5;cursor:wait}input,select,textarea{background:var(--deep);color:var(--text);border:1px solid #101722;box-shadow:inset 1px 1px #080f18;padding:6px;outline:none;border-radius:1px}input[type=range]{accent-color:var(--mint);box-shadow:none;padding:0;height:5px}input[type=checkbox]{accent-color:var(--mint)}input[type=number]{appearance:textfield;-moz-appearance:textfield}input::-webkit-inner-spin-button{appearance:none}button.on{color:var(--mint);border-color:#75b69f;background:#263c43}.mint{color:var(--mint)}.muted{color:var(--muted)}.desktop{max-width:1510px;margin:auto;padding:0 30px 18px}.desktopbar{height:53px;display:flex;align-items:center;justify-content:space-between;color:#93a4b7;font-size:10px;letter-spacing:1.7px}.desktopbar i{font-style:normal;color:#5b6d83;margin:0 12px}.tinylogo{font-size:20px;color:var(--mint);vertical-align:middle;margin-right:8px}.desktopright{font-size:9px}.studio{border:1px solid #66768b;box-shadow:5px 5px #070e18,0 20px 70px #0004;background:var(--panel);position:relative}.titlebar{height:25px;background:#3d506a;border-bottom:2px solid #112035;display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:10px;letter-spacing:1.7px;color:#c4cfdb}.titlebar>span{display:flex;align-items:center;gap:9px}.window-dot{width:11px;height:11px;border:1px solid #172b3d;background:var(--mint);box-shadow:inset 1px 1px #e5fff5}.titlebar button{font-size:11px;padding:0 4px;height:16px;line-height:12px}.brandrow{display:flex;align-items:center;justify-content:space-between;padding:23px 24px 22px;background:linear-gradient(110deg,#2d3e56,#25354c);border-bottom:1px solid #101d2d;gap:16px}.brand{display:flex;gap:15px;align-items:center}.brand h1{font-family:'Arial Black','Arial',sans-serif;letter-spacing:-1.5px;font-size:35px;line-height:1;margin:0;font-weight:900;font-style:italic;color:#eef5f5;text-shadow:2px 2px #0f1c2e}.brand h1 span{color:var(--mint);font:12px monospace;vertical-align:top;margin-left:7px}.brand p{font-size:8px;letter-spacing:3px;margin:11px 0 0;color:#9dabbc}.brandmark{width:40px;height:42px;display:flex;align-items:center;gap:3px;transform:skew(-10deg)}.brandmark i{display:block;background:var(--mint);width:6px;box-shadow:1px 1px #132d35}.brandmark i:nth-child(1){height:18px}.brandmark i:nth-child(2){height:31px}.brandmark i:nth-child(3){height:42px}.brandmark i:nth-child(4){height:30px;background:var(--peach)}.brandmark i:nth-child(5){height:17px;background:var(--peach)}.mode-switch{display:flex;padding:4px;background:#152235;border:1px solid #0c1827;gap:4px}.mode-switch button{border:0;box-shadow:none;padding:10px 15px;font-weight:bold;font-size:11px;color:#a2afc0;background:transparent;letter-spacing:1px}.mode-switch button.active{background:var(--mint);color:#14372c;box-shadow:inset 1px 1px #dcfff1,2px 2px #0a131b}.mode-switch button#aiMode.active{background:var(--peach);color:#3f2c23}.menubar{height:36px;display:flex;justify-content:space-between;align-items:center;padding:0 14px;border-top:1px solid #506079;border-bottom:1px solid #111d2d;background:#304159}.menubar button{background:transparent;border:0;box-shadow:none;padding:6px 11px;font-size:11px}.menubar button:hover{background:#415470}.menubar kbd{color:#7d91a9;margin-left:3px}#saveStatus{font-size:9px;color:#99abba;display:flex;align-items:center;gap:7px}.status-dot{display:inline-block;width:5px;height:5px;background:var(--mint);border-radius:50%;margin-right:5px}.transport{display:flex;align-items:center;gap:23px;padding:15px 18px;border-bottom:2px solid #0c1725;box-shadow:inset 0 1px #465975;background:#2a3b53}.transport-buttons{display:flex;gap:6px;align-items:center}.transport-buttons button{height:36px;font-size:14px;padding:7px 11px}.transport-buttons .play{background:var(--mint);color:#163c30;border-color:#b8ffe3;box-shadow:inset 1px 1px #d3ffed,inset -1px -1px #50aa87}.transport-buttons button span{font-size:10px;font-weight:bold;margin-left:6px;letter-spacing:1px}.record{color:var(--peach)}.record.on{background:#69443f;border-color:var(--peach);color:#ffd3bd}.transport-stat label{font-size:8px;letter-spacing:1.3px;color:#99a8b9;display:block;margin-bottom:6px}.transport-stat>div{display:flex;align-items:center;background:var(--deep);border:1px solid #101925;padding-right:7px}.transport-stat input{width:47px;color:var(--mint);font-size:19px;padding:3px 6px;border:0;box-shadow:none}.transport-stat small{font-size:8px;color:#7d90a8}.transport-stat select{color:var(--mint);font-size:17px;padding:2px 8px;width:59px;height:29px}.time-display{background:#142032;border:1px solid #0b1421;padding:8px 13px;min-width:130px;margin-left:auto;text-align:center}.time-display>span{font-size:20px;color:var(--mint);letter-spacing:2px}.time-display small{display:block;font-size:8px;color:#829ab0;letter-spacing:1.4px;margin-top:4px}.master{width:107px}.master label{display:block;font-size:8px;color:#94a5b8;margin-bottom:13px;letter-spacing:1px}.master label span{float:right;color:var(--mint)}.master input{width:100%}.workspace{display:flex;min-height:490px}.library{width:251px;flex-shrink:0;border-right:2px solid #111e30;background:#26374d;display:flex;flex-direction:column}.panel-title{display:flex;align-items:center;justify-content:space-between;background:#304159;padding:8px 11px;border-top:1px solid #4d5e76;border-bottom:1px solid #16263a;color:#b1bfd0;font-size:9px;letter-spacing:1.3px;height:32px}.panel-title button{padding:0 4px;font-size:13px;height:19px}.library-head{padding:17px 14px 12px}.library h2{font-size:16px;margin:0 0 7px;color:#f0f0ed;letter-spacing:-.7px}.library-head p{font-size:9px;color:#93a5b9;margin:0}.search{display:flex;align-items:center;gap:7px;margin:0 12px;background:#172437;border:1px solid #121d2a;padding:7px 8px}.search>span{font-size:16px;color:#94aabc;line-height:12px}.search input{width:100%;border:0;box-shadow:none;background:transparent;padding:0;font-size:10px;min-width:0}.search kbd{font-size:8px;color:#7b8fa4;white-space:nowrap}.categories{display:flex;gap:4px;flex-wrap:wrap;padding:12px}.categories button{font-size:9px;padding:5px 8px;box-shadow:none;background:#30435b;border:1px solid #415570;color:#9eafc1}.categories button.active{color:var(--mint);border-color:#6fa991;background:#293e43}.library-caption{display:flex;justify-content:space-between;margin:0 13px 7px;color:#7e93ac;font-size:8px;letter-spacing:1px}.instrument-list{height:245px;overflow:auto;padding:0 7px;scrollbar-width:thin;scrollbar-color:#506179 #1b2b3f}.instrument{width:100%;display:flex;align-items:center;gap:8px;text-align:left;font-size:10px;background:transparent;border:1px solid transparent;box-shadow:none;padding:8px 7px}.instrument:hover{background:#354a62}.instrument.selected{background:#374e5f;border-color:#88b6a7;box-shadow:inset 2px 0 var(--mint)}.instrument .num{font-size:9px;color:#6d859c}.instrument .instrument-icon{width:22px;height:22px;color:#c3a8de;background:#1a293f;display:grid;place-items:center;font-size:14px}.instrument .instrument-name{flex:1;display:flex;flex-direction:column;gap:3px;color:#cfdbe5;white-space:nowrap;overflow:hidden}.instrument .instrument-name small{font-size:8px;color:#849bb0}.instrument.selected .instrument-name{color:var(--mint)}.instrument .inst-vol{color:#728aa2;font-size:9px}.sample-preview{margin:13px 12px 10px;background:#142337;border:1px solid #3a5066}.sample-label{display:flex;justify-content:space-between;align-items:center;padding:7px 8px;font-size:9px;color:var(--mint)}.sample-label button{padding:1px 5px;font-size:10px}#waveform{display:block;width:100%;height:48px}.sample-meta{display:flex;justify-content:space-between;color:#68849a;font-size:6px;padding:7px 8px}.library-footer{border-top:1px solid #3a4c65;padding:9px 10px;margin-top:auto;font-size:6.5px;color:#8fa4b7;letter-spacing:.2px}.editor{flex:1;min-width:0;background:#18263a}.songbar{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;background:#2a3b52;border-top:1px solid #465873;border-bottom:1px solid #142237;height:54px}.songname{display:flex;align-items:center;gap:12px;min-width:0}.songname>span{font-size:9px;color:#7e94af;white-space:nowrap}.songname input{font-size:13px;font-weight:bold;color:#e5e9e9;background:none;border:0;box-shadow:none;width:280px;max-width:100%;padding:4px 0}.songbar button{font-size:11px;color:var(--peach);padding:6px 9px;white-space:nowrap}.songbar button span{font-size:9px;letter-spacing:1px}.orderbar{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;border-bottom:1px solid #3c4b61;background:#223249;gap:8px;height:46px}.orderbar>div{display:flex;align-items:center;gap:9px;min-width:0}.orderbar .muted{font-size:8px}.orders{display:flex;gap:4px;max-width:310px;overflow:auto;scrollbar-width:thin}.orders button{padding:5px 9px;font-size:10px;min-width:33px;box-shadow:none;border-color:#455871;background:#1a2a40;color:#91a4bc}.orders button.active{background:var(--peach);border-color:#e8a787;color:#3c2c25;font-weight:bold}.orderbar>span{font-size:8px;color:#849bb4;white-space:nowrap}.orderbar #addOrder{padding:2px 5px;font-size:16px;box-shadow:none;background:none;border:0}.pattern-tools{display:flex;justify-content:space-between;align-items:center;padding:9px 13px;background:#293a51;border-bottom:1px solid #152339;height:37px}.pattern-tools>div{display:flex;align-items:center;gap:8px}.pattern-tools b{font-size:10px;color:#e5eaf1}.pattern-tools button{padding:0 4px;font-size:15px;line-height:18px;box-shadow:none;background:#25364c;border-color:#53627a}.pattern-tools #duplicate{font-size:10px;padding:1px 5px}.pattern-tools .muted{font-size:8px;margin-left:5px}.pattern-tools select{font-size:8px;background:#1e2e43;padding:3px 5px;border-color:#435770;box-shadow:none}.live-square{width:6px;height:6px;background:var(--mint)}.tracker-scroll{height:342px;overflow:auto;scrollbar-width:thin;scrollbar-color:#566b83 #17263b;background:#131f30;position:relative}.channel-headers{display:grid;grid-template-columns:34px repeat(var(--channels),minmax(120px,1fr));min-width:calc(34px + var(--channels) * 120px);position:sticky;top:0;z-index:2;background:#213248;border-bottom:1px solid #4d627a;height:32px}.channel-header{display:flex;gap:5px;align-items:center;justify-content:space-between;border-right:1px solid #485d76;padding:5px 6px;color:#9db6c8;font-size:8px}.channel-header button{font-size:7px;padding:2px 4px;box-shadow:none;background:#2c4354;border-color:#557186;color:var(--mint)}.channel-header button.muted-channel{color:#5d7184;background:#1b2a3a;border-color:#34485e}.row{display:grid;grid-template-columns:34px repeat(var(--channels),minmax(120px,1fr));min-width:calc(34px + var(--channels) * 120px);height:23px;font-size:11px;line-height:23px;white-space:nowrap;border-bottom:1px solid #24334a;color:#465e75}.row.beat{background:#1c2c41}.row.selected{background:#314d5a;box-shadow:inset 0 1px #8dc8ba,inset 0 -1px #8dc8ba}.row.playing{background:#354b50;box-shadow:inset 3px 0 var(--mint)}.row .row-num{text-align:center;color:#637a91;background:#1e2c40;font-size:10px;border-right:1px solid #4b6075}.row.beat .row-num{color:var(--peach)}.cell{display:flex;gap:6px;justify-content:center;border-right:1px solid #34465c;cursor:crosshair;padding:0 4px;min-width:0}.cell.active{background:#426462;outline:1px solid #a8d9cb;outline-offset:-1px}.cell .note{color:#9aefd6;min-width:25px}.cell.empty .note{color:#48647b}.cell .inst{color:#d3b1d6}.cell .vol{color:#e8b17f}.cell .fx{color:#8fadc9}.editor-footer{display:flex;align-items:center;justify-content:space-between;background:#2c3d53;padding:7px 12px;font-size:8px;color:#94a7b9;border-top:1px solid #4b6077;height:29px;gap:10px}.editor-footer span{white-space:nowrap}.bottom-panels{display:flex;border-top:2px solid #142238;background:#213147;height:116px}.scope-panel{flex:1;min-width:0;padding:9px 12px;border-right:1px solid #43536a}.mini-title{display:flex;justify-content:space-between;font-size:7px;color:#8fa4b9;letter-spacing:1px}.scope-panel canvas{display:block;width:100%;height:80px}.mixer-panel{width:46%;padding:9px 12px}.mixer{display:flex;justify-content:space-between;gap:5px;margin-top:8px}.mixer-strip{flex:1;text-align:center;color:#7d93ad;font-size:7px;min-width:13px}.meter{height:53px;margin:0 auto 5px;max-width:18px;background:repeating-linear-gradient(to top,#31495a 0px,#31495a 3px,#213147 3px,#213147 5px);position:relative}.meter i{display:block;position:absolute;bottom:0;left:0;width:100%;height:0;background:repeating-linear-gradient(to top,var(--mint) 0px,var(--mint) 3px,#213147 3px,#213147 5px);transition:height .09s}.mixer-strip button{font-size:7px;border:0;box-shadow:none;background:transparent;padding:0;color:inherit}.ai-panel{width:286px;flex-shrink:0;background:#29364a;border-left:2px solid #132135}.ai-intro{padding:17px 18px 9px}.ai-symbol{display:inline-block;color:var(--peach);font-size:27px;margin-bottom:10px}.ai-intro h2{font-family:Arial,sans-serif;font-size:23px;letter-spacing:-.6px;margin:0 0 10px;line-height:1.18;color:#f0e9df}.ai-intro p,.ai-hint{color:#9bacc1;font-size:10px;line-height:1.7}.ai-step{display:flex;align-items:center;gap:9px;margin:15px 17px 8px}.ai-step>span{font-size:9px;border:1px solid #5a7183;padding:4px;color:var(--peach)}.ai-step h3{font-size:11px;margin:0}.ai-hint{margin:0 18px 9px;font-size:9px}.wide{margin:0 18px;width:calc(100% - 36px);font-size:10px;color:var(--peach);padding:8px}.melody-info{margin:9px 18px;color:#8fb7b2;font-size:8px;line-height:1.5}.ai-panel textarea{resize:vertical;width:calc(100% - 36px);margin:0 18px;font-size:10px;line-height:1.6;padding:10px;border-color:#45576f;min-height:107px}.prompt-chips{display:flex;gap:4px;margin:9px 18px}.prompt-chips button{font-size:8px;padding:5px;box-shadow:none;border-color:#536078;color:#a7b7c6;background:#34435a}.preserve{display:flex;align-items:center;gap:5px;margin:14px 18px;font-size:9px;color:#a2b7c6}.generate{width:calc(100% - 36px);margin:0 18px;background:var(--peach);border-color:#ffcca4;color:#372921;box-shadow:inset 1px 1px #ffe2c5,inset -1px -1px #c67e5c;padding:11px 9px;font-size:10px;font-weight:bold}.generate span{float:right}.generate:hover{background:#ffc5a7}.ai-note{color:#8799ad;font-size:8px;line-height:1.6;margin:10px 18px}#aiResult{font-size:10px;line-height:1.7;padding:0 18px 15px;color:var(--mint)}.keyboard-panel{display:flex;gap:23px;padding:16px 19px;background:#2b3c52;border-top:2px solid #142236;box-shadow:inset 0 1px #50627b}.keyboard-label{width:190px;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;gap:8px}.keyboard-label>.muted{font-size:7px;letter-spacing:1px}.keyboard-label strong{font:14px Arial,sans-serif;font-weight:600;line-height:1.3;color:#d4e1e3}.keyboard-label>span:last-child{font-size:8px;line-height:1.8;color:#8fa1b7}.piano{height:100px;display:flex;position:relative;flex:1;min-width:240px;align-self:center;border:2px solid #101c2b;border-bottom:5px solid #111a27;background:#142033}.piano .key{position:relative;flex:1;height:100%;background:linear-gradient(#c7d2d8,#e2e6e6 88%,#aabcc7 89%);border:0;border-right:1px solid #657c8f;box-shadow:inset 1px 0 #f1f6f7;color:#52677e;min-width:0;padding:0;display:flex;align-items:end;justify-content:center;padding-bottom:7px;font-size:8px}.piano .key.black{position:absolute;top:0;z-index:1;width:3.4%;height:61%;background:linear-gradient(90deg,#101c29,#293b4c);border:1px solid #0d1621;box-shadow:2px 3px #0006,inset 0 -4px #0f1a25;color:#8296a9;padding-bottom:6px}.piano .key.pressed{background:var(--mint);box-shadow:inset 0 3px #4b9e8d;color:#183f36}.piano .key.black.pressed{background:#5cb79f}.keyboard-tip{width:150px;flex-shrink:0;font-size:8px;line-height:2.3;color:#95a6bb;align-self:center}.keyboard-tip>span{color:#bacad7;display:inline-block;min-width:57px}.keyboard-tip button{background:none;border:0;box-shadow:none;padding:4px 0 0;color:var(--mint);font-size:8px}.statusbar{display:flex;justify-content:space-between;gap:10px;background:#1c2c40;border-top:1px solid #4b5e75;color:#7c94ad;padding:9px 12px;font-size:7px;letter-spacing:.6px}.statusbar>span:first-child{color:#aec4ce}.desktopfooter{display:flex;justify-content:space-between;padding:20px 0 0;color:#62768f;font-size:8px;letter-spacing:1.5px}.dropdown{position:absolute;top:151px;left:15px;width:240px;z-index:9;background:#354860;border:1px solid #6c7f96;box-shadow:5px 5px #0b1628;padding:4px}.dropdown button{display:block;width:100%;text-align:left;background:transparent;box-shadow:none;border:0;font-size:11px;padding:10px}.dropdown button:hover{background:#4b626f;color:var(--mint)}.dropdown kbd{float:right;color:#91a9bb;font-size:9px}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{background:#293c53;color:var(--text);border:1px solid #7990a3;box-shadow:7px 7px #0c1826;max-width:760px;width:calc(100% - 40px);padding:0}dialog::backdrop{background:#08111dd9}.dialog-header{padding:12px 18px;border-bottom:1px solid #54677e;display:flex;justify-content:space-between;align-items:center;background:#3d506b}.dialog-header h2{font-size:15px;margin:0}.dialog-header button{padding:2px 8px;font-size:20px}.dialog-header+div{padding:20px;line-height:1.8;font-size:12px}.dialog-header+div h3{color:var(--mint);font-size:13px;margin:18px 0 6px}.help-table{width:100%;border-collapse:collapse;font-size:11px}.help-table td{border-bottom:1px solid #3f536d;padding:7px}.help-table td:first-child{color:var(--peach);width:180px}.export-options{display:grid;gap:12px}.export-options button{text-align:left;padding:16px;color:var(--mint)}.export-options small{display:block;color:#a8b9c9;margin:7px 0 0;font-size:10px}.sample-controls{display:flex;flex-wrap:wrap;gap:12px;margin:15px 0}.sample-controls label{display:flex;flex-direction:column;gap:5px;color:#a5b9ca;font-size:10px}.sample-controls input{width:95px}.sample-controls input[type=checkbox]{width:auto}.sample-controls select{max-width:165px}.sample-editor-canvas{width:100%;height:140px;background:#142337;border:1px solid #536982}.sample-actions{display:flex;gap:9px;flex-wrap:wrap}.note-form{display:flex;gap:14px;flex-wrap:wrap}.note-form label{display:flex;flex-direction:column;color:#9cb3c6;gap:6px}.note-form input{width:90px}.note-form select{max-width:180px}.note-form+button{margin-top:20px;background:var(--mint);color:#183e31}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90vw;background:#b0f5d8;color:#1b3930;border:1px solid #e4ffef;box-shadow:4px 4px #0008;z-index:30;padding:13px 20px;font-size:11px;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#152337}::-webkit-scrollbar-thumb{background:#495d74;border:1px solid #6a7e92}.studio.ai-active .library{width:225px}.studio.ai-active .keyboard-label{width:164px}.error{color:#ffba9d!important}.loading{animation:blink 1s infinite}@keyframes blink{50%{opacity:.5}}@media(min-width:1450px){.tracker-scroll{height:385px}.instrument-list{height:288px}}@media(max-width:1150px){.desktop{padding:0 15px 15px}.transport{gap:14px}.master{width:80px}.library{width:220px}.keyboard-label{width:165px}.keyboard-tip{width:128px}.studio.ai-active .library{width:190px}.ai-panel{width:265px}.brand h1{font-size:31px}}@media(max-width:900px){.transport{gap:12px;flex-wrap:wrap}.master{display:none}.time-display{min-width:112px}.library{width:200px}.brandrow{padding:18px}.brand h1{font-size:28px}.brand p{font-size:6px}.mode-switch button{padding:10px;font-size:9px}.keyboard-label{display:none}.keyboard-tip{width:128px}.desktopright{display:none}.studio.ai-active .workspace{flex-wrap:wrap}.studio.ai-active .library{width:200px}.studio.ai-active .editor{width:calc(100% - 200px)}.ai-panel{width:100%;display:grid;grid-template-columns:1fr 1fr;padding-bottom:15px;border-left:0;border-top:2px solid #102038}.ai-panel>.panel-title{grid-column:1/-1}.ai-intro{grid-row:2/5}.ai-panel .ai-step{margin-top:10px}.ai-panel textarea,.ai-panel .generate,.ai-panel .prompt-chips,.ai-panel .preserve,.ai-panel .ai-note,#aiResult{grid-column:2}.ai-panel .ai-step:nth-of-type(3){grid-column:2}.ai-panel .melody-info{grid-column:2}.ai-panel .ai-intro p{max-width:260px}.ai-hint{grid-column:2}.ai-panel .wide{grid-column:2}.statusbar>span:last-child{display:none}}@media(max-width:620px){.desktop{padding:0 7px 12px}.desktopbar{height:35px;font-size:8px}.titlebar{font-size:8px}.brandrow{align-items:flex-start;flex-direction:column;gap:16px;padding:17px 13px}.brand h1{font-size:29px}.brand p{font-size:7px;letter-spacing:2px}.mode-switch{width:100%}.mode-switch button{flex:1}.menubar{padding:0 4px}.menubar button{font-size:9px;padding:6px}#saveStatus{font-size:0}#saveStatus i{margin-right:6px}.transport{padding:11px 9px;gap:13px}.transport-buttons button{height:32px;padding:6px 9px}.transport-buttons .record span{display:none}.transport-stat label{font-size:7px}.transport-stat input{font-size:16px;width:40px}.transport-stat select{font-size:14px;width:45px}.time-display{margin-left:0;min-width:95px;padding:5px 8px}.time-display>span{font-size:15px}.library{display:none}.editor{width:100%}.studio.ai-active .library{display:none}.studio.ai-active .editor{width:100%}.songbar{padding:9px}.songname{gap:7px}.songname input{font-size:11px;width:200px}.songbar button span{display:none}.orderbar{padding:7px 9px}.orders{max-width:165px}.orderbar>span{font-size:7px}.pattern-tools{padding:7px}.pattern-tools #duplicate span{display:none}.pattern-tools .muted{display:none}.pattern-tools select{max-width:80px}.editor-footer{font-size:7px;padding:7px}.editor-footer>span:last-child{display:none}.tracker-scroll{height:330px}.bottom-panels{height:110px}.keyboard-panel{padding:13px 10px;gap:10px}.piano{min-width:210px;height:87px}.keyboard-tip{display:none}.statusbar{font-size:6px;padding:7px}.desktopfooter{font-size:6px;letter-spacing:.8px;padding-top:15px}.desktopfooter>span:last-child{display:none}.ai-panel{display:block}.ai-intro{padding-bottom:0}.ai-intro h2 br{display:none}.ai-intro h2{font-size:22px}.ai-symbol{display:none}.ai-intro p{max-width:none!important}.studio.ai-active .keyboard-label{display:none}.note-form label{width:45%}.scope-panel{width:50%}#projectInfo{font-size:5px}}

.harmony-controls{margin:0 18px 12px}.harmony-controls>label{display:block;color:var(--peach);font-size:8px;letter-spacing:1px;margin:0 0 6px}.harmony-controls>input{width:100%;font-size:13px;color:var(--mint);padding:9px;border-color:#506479}.harmony-controls>small{display:block;font-size:7px;color:#91a8bc;margin:6px 0 11px;line-height:1.5}.harmony-controls>div{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:7px}.harmony-controls>div label{font-size:7px;color:#9ab0c2}.harmony-controls select{font-size:9px;max-width:142px;padding:5px}.prompt-chips{flex-wrap:wrap}.reference-demo{margin:9px 18px 0;width:calc(100% - 36px);font-size:8px;padding:8px;box-shadow:none;background:#1d3043;color:var(--mint);border-color:#5c827c}.song-form{padding:8px 12px;background:#15283a;border-bottom:1px solid #486071;display:flex;align-items:center;gap:5px;overflow-x:auto;scrollbar-width:thin;min-height:38px}.song-form>span{font-size:8px;color:var(--mint);white-space:nowrap;margin-right:8px}.song-form button{font-size:7px;box-shadow:none;padding:5px;color:#95b3c1;background:#20394a;border-color:#3e5d70;white-space:nowrap}.song-form button.active{color:var(--mint);border-color:#91c2b2}.form-preview{display:flex;flex-wrap:wrap;gap:5px;margin:13px 0}.form-preview>span{padding:5px 8px;background:#1b2e42;border:1px solid #4c667a;font-size:9px;color:#aaccc9}.plan-harmony{color:var(--peach);font-size:18px;letter-spacing:1px}.ai-note{font-size:8px}@media(max-width:900px){.harmony-controls{grid-column:2}}@media(max-width:620px){.harmony-controls{margin-top:12px}.transport-stat select{width:57px}}

/* Free performance desk, separate from tracker editing. */
.performance{flex:1;min-width:0;background:linear-gradient(160deg,#20364a,#172738);padding-bottom:22px}.performance-head{padding:29px 27px 16px}.take-label{font-size:8px;letter-spacing:2px;color:var(--mint)}.performance-head h2{font:bold 34px/1.07 Arial,sans-serif;letter-spacing:-1px;color:#f4ede2;margin:18px 0 14px}.performance-head p{font-size:10px;line-height:1.8;color:#9db3c6}.take-transport{display:flex;gap:7px;flex-wrap:wrap;margin:4px 25px 17px}.take-transport button{font-size:10px;padding:10px 12px}.take-record{background:#ffb28c;color:#3a2b25;border-color:#ffd1ad}.take-record.on{background:#733d36;color:#ffd5b8;border-color:#f9ac86}.take-transport button:disabled{cursor:default}.take-display{margin:0 25px;border:1px solid #4a6877;background:#132335}.take-readout{display:flex;align-items:center;justify-content:space-between;padding:14px 13px;border-bottom:1px solid #2e4757;gap:8px}.take-readout>span{font-size:8px;letter-spacing:1px;color:var(--mint)}.take-readout strong{font-size:22px;color:#eee7d8;font-weight:normal}#takeTimeline{display:block;width:100%;height:150px}.take-display .melody-info{margin:0;padding:11px 13px;border-top:1px solid #2c4555;min-height:42px;font-size:9px}.take-instrument{display:flex;flex-direction:column;gap:8px;margin:20px 25px 12px;font-size:8px;letter-spacing:1px;color:#9bb6bf}.take-instrument select{width:100%;padding:11px;border-color:#4b6577;color:var(--mint);font-size:12px}.take-tip{font-size:9px;color:#92aabb;line-height:1.9;margin:14px 26px}.take-footnote{display:flex;gap:10px;margin:22px 26px 0;border-top:1px solid #3a5265;padding-top:16px}.take-footnote>span{font-size:9px;color:var(--peach)}.take-footnote p{font-size:9px;color:#8fa9b8;line-height:1.8;margin:0}.performance.is-recording .take-readout>span{color:var(--peach)}.studio.ai-active .editor{display:none}.studio.ai-active .transport-buttons,.studio.ai-active .transport-stat:has(#speed),.studio.ai-active .transport-stat:has(#step),.studio.ai-active .time-display{display:none}.studio.ai-active .master{margin-left:auto}.studio.ai-active .library{width:235px}.ai-panel .ai-intro p{max-width:none}.studio.ai-active .ai-panel{width:290px}.ai-panel .reference-demo{grid-column:2}.instrument-list{height:300px}
@media(max-width:1150px){.studio.ai-active .library{width:200px}.studio.ai-active .ai-panel{width:265px}.performance-head{padding:22px 18px 12px}.performance-head h2{font-size:28px}.take-transport{margin-left:17px;margin-right:17px;gap:5px}.take-transport button{font-size:9px;padding:9px}.take-display,.take-instrument{margin-left:17px;margin-right:17px}.take-tip,.take-footnote{margin-left:18px;margin-right:18px}}
@media(max-width:900px){.studio.ai-active .workspace{flex-wrap:wrap}.studio.ai-active .library{width:210px}.performance{width:calc(100% - 210px)}.studio.ai-active .ai-panel{width:100%;display:block;padding:0 12px 20px}.ai-panel .ai-intro{padding-bottom:0}.ai-panel .ai-intro h2 br{display:none}.ai-panel .ai-symbol{display:none}.ai-panel .ai-step{margin-top:12px}.studio.ai-active .ai-panel textarea{min-height:90px}.performance-head h2 br{display:none}}
@media(max-width:620px){.performance{width:100%}.studio.ai-active .library{display:none}.performance-head{padding:22px 18px 9px}.performance-head h2{font-size:30px}.take-transport button{flex:1;min-width:70px}.take-record{min-width:130px!important}.take-readout>span{letter-spacing:0;font-size:7px}.brand p{letter-spacing:1.5px}.desktopbar{font-size:7px}.desktopbar i{margin:0 5px}.performance .panel-title{height:32px}}

.studio.ai-active .keyboard-tip{display:none}

/* The keyboard has its own live bus and transport. */
.keyboard-panel{display:grid;grid-template-columns:164px minmax(240px,1fr) 130px;gap:18px 22px}.playalong-strip{grid-column:1/-1;border:1px solid #4d6678;background:#192d40;padding:15px 17px}.playalong-heading{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.playalong-heading .take-label{font-size:8px;letter-spacing:1.2px}.playalong-heading button{background:var(--mint);color:#153d30;border-color:#c0ffe5;font-size:11px;font-weight:bold;padding:10px 15px;min-width:172px}.playalong-heading button[aria-pressed=true]{background:var(--peach);color:#422b21;border-color:#ffd4b4}.playalong-heading>span:last-child{font-size:9px;color:#91afbc;flex:1;min-width:190px;line-height:1.7}.playalong-controls{display:grid;grid-template-columns:minmax(150px,1.25fr) minmax(110px,1fr) minmax(140px,1.2fr) 125px;gap:25px;align-items:center;margin-top:13px}.playalong-controls label{display:block;font-size:8px;letter-spacing:.8px;color:#99b1c3;margin-bottom:10px}.playalong-controls select{width:100%;font-size:11px;color:var(--mint);padding:9px;border-color:#476174}.along-fader input{width:100%;height:7px!important}.along-fader output{float:right;font-size:10px;color:#c4d7dc;letter-spacing:0}.live-fader label,.live-fader output{color:var(--mint)}.pitch-control{display:grid;grid-template-columns:1fr 30px;align-items:center;gap:3px 8px}.pitch-control label{margin:0;font-size:9px;color:var(--peach)}.pitch-control label>span{display:block;color:#839eb2;font-size:8px;margin-top:5px}.pitch-control input{grid-column:2;grid-row:1/3;writing-mode:vertical-lr;direction:rtl;width:24px;height:65px!important;accent-color:var(--peach);touch-action:none;cursor:ns-resize;background:#0d1c2b}.pitch-control output{font-size:9px;color:#c4d8df}.along-active .playalong-strip{border-color:#88b7a7;box-shadow:inset 3px 0 var(--mint)}.along-active .playalong-heading>span:last-child{color:var(--mint)}.keyboard-panel:focus{outline:none}.keyboard-label,.keyboard-tip{width:auto!important}.keyboard-panel .piano{width:100%}.studio.ai-active .keyboard-panel{grid-template-columns:164px minmax(240px,1fr)}
@media(max-width:1000px){.keyboard-panel{grid-template-columns:minmax(240px,1fr) 120px}.keyboard-label{display:none!important}.studio.ai-active .keyboard-panel{grid-template-columns:minmax(240px,1fr)}.playalong-controls{gap:14px;grid-template-columns:minmax(130px,1fr) 1fr 1fr 105px}.playalong-heading>span:last-child{min-width:150px}}
@media(max-width:620px){.keyboard-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.playalong-strip{padding:13px 12px;min-width:0}.playalong-heading{gap:10px}.playalong-heading .take-label{width:100%}.playalong-heading>span:last-child{font-size:8px;min-width:90px}.playalong-heading button{min-width:142px;font-size:9px;padding:10px}.playalong-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 68px;gap:17px 13px}.live-sound{grid-column:1/3}.pitch-control{grid-column:3;grid-row:1/3;grid-template-columns:1fr;justify-items:center;align-self:stretch}.pitch-control input{grid-column:1;grid-row:2;height:80px!important}.pitch-control label{text-align:center}.pitch-control label>span{display:inline;margin-left:4px}.pitch-control output{font-size:8px}.along-fader label{font-size:7px;letter-spacing:0}.along-fader output{font-size:9px}.studio.ai-active .keyboard-panel{grid-template-columns:minmax(0,1fr)}.playalong-controls select{font-size:10px}.keyboard-panel .piano{min-width:0;grid-column:1/-1}.keyboard-tip{display:none}}
/* Night Drive Sessions: full original songs with a separate backing session. */
.playalong-heading .library-launch{background:#253e50;color:var(--mint);border-color:#608477;min-width:190px}.song-library-dialog{width:min(820px,94vw);max-width:820px;padding:0;background:#162839;color:#d1e0e5;max-height:89vh;overflow:hidden}.song-library-dialog .dialog-header{padding:18px 22px;border-bottom:1px solid #3d5767}.song-library-dialog .dialog-header h2{font-size:10px;letter-spacing:1px}.library-intro{padding:27px 26px 20px;background:linear-gradient(115deg,#233d4e,#192b3e)}.library-intro h2{font-size:30px;font-weight:normal;color:#c2f5df;margin:10px 0 13px;letter-spacing:-1px}.library-intro h2 span{float:right;color:#7c9b9d}.library-intro p{font-size:11px;line-height:1.8;margin:0 0 12px;color:#a8c0c9}.library-intro small{font-size:9px;color:#9cf3cc}.library-tools{display:flex;align-items:center;gap:12px;padding:15px 25px;border-top:1px solid #405665;border-bottom:1px solid #405665}.library-tools input{min-width:0;flex:1;padding:10px;font-size:10px}.library-tools select{padding:10px;font-size:10px}.library-tools>span{font-size:8px;white-space:nowrap;color:#90aebc}.song-list{max-height:42vh;min-height:180px;overflow:auto;padding:0 24px;overscroll-behavior:contain}.song-card{display:flex;align-items:center;gap:18px;padding:15px 0;border-bottom:1px solid #344c5f}.song-number{font-size:12px;color:#70949d;align-self:flex-start;padding-top:3px}.song-description{flex:1;min-width:0}.song-description h3{font-size:13px;font-weight:normal;color:#def4ee;margin:0 0 5px}.song-description p{font-size:9px;color:#93aebd;margin:0 0 7px}.song-chords{font-size:10px;color:var(--mint)}.song-card button{font-size:9px;padding:10px 14px;color:var(--mint);border-color:#537b76;white-space:nowrap;background:#233f48}.song-card.is-playing .song-number{color:var(--peach)}.song-card.is-playing button{background:var(--peach);color:#3d2e25}.library-footer{padding:14px 25px;color:#9cb7c3;font-size:9px;border-top:1px solid #405665}.library-empty{padding:24px;font-size:11px}.song-library-dialog[aria-busy=true] .song-card button{opacity:.5;pointer-events:none}.library-now{display:grid;grid-template-columns:1fr auto;gap:12px;margin-top:16px;padding:16px;background:#112635;border:1px solid #496c6e}.library-now-title{display:flex;flex-direction:column;gap:7px}.library-now-title strong{font-size:17px;font-weight:normal;color:#c1f3dd}.library-now-title>span:last-child{font-size:9px;color:#9cbbc5}.library-harmony{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:6px}.library-harmony strong{font-size:25px;color:var(--mint);font-weight:normal}.library-harmony span{font-size:8px;color:var(--peach);letter-spacing:1px}.library-timeline{grid-column:1/-1;display:flex;gap:12px;align-items:center}.library-timeline progress{flex:1;min-width:0;height:5px;border:0;accent-color:var(--mint);background:#294453}.library-timeline progress::-webkit-progress-bar{background:#294453}.library-timeline progress::-webkit-progress-value{background:var(--mint)}.library-timeline span{font-size:8px;color:#91afbc}.library-now-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}.library-now-actions button{font-size:8px;padding:7px 10px;color:#b0d9cd}.library-now-actions #libraryOpenTracker{margin-left:auto;color:#8faab9}.library-now.hidden{display:none}
@media(max-width:620px){.song-library-dialog{width:95vw;max-height:93vh}.song-library-dialog .dialog-header{padding:13px 15px}.song-library-dialog .dialog-header h2{font-size:8px}.library-intro{padding:20px 15px 16px}.library-intro h2{font-size:23px}.library-intro small{display:block;line-height:1.8}.library-tools{padding:12px;gap:7px;flex-wrap:wrap}.library-tools input{flex-basis:65%}.library-tools select{max-width:30%}.library-tools>span{margin-left:auto}.song-list{padding:0 14px;max-height:40vh}.song-card{gap:10px}.song-card button{font-size:8px;padding:10px 8px}.song-description h3{font-size:12px}.song-description p{font-size:8px}.library-now{padding:12px;gap:9px}.library-now-title strong{font-size:14px}.library-now-title>span:last-child{font-size:8px;line-height:1.6}.library-harmony span{font-size:7px;max-width:80px;text-align:right}.library-now-actions #libraryOpenTracker{margin-left:0}.playalong-heading .library-launch{min-width:160px}}
.song-library-dialog[open]{display:flex;flex-direction:column}.song-library-dialog .dialog-header,.library-intro,.library-tools,.library-footer{flex-shrink:0}.song-list{flex:1;min-height:0}.song-description h3{font-size:14px}.song-description p{font-size:10px}
@media(max-width:620px){.song-description h3{font-size:12px}.song-description p{font-size:8px}.library-intro p{font-size:10px}}

.assist-access{width:min(510px,94vw);padding:32px;background:#172a3a;color:var(--text);border:1px solid #6a8e8a}.assist-access h2{font:32px Arial,sans-serif;letter-spacing:-1px;line-height:1.1;color:var(--mint)}.assist-access p{font-size:12px;line-height:1.8;color:#a9c0cc}.assist-access label{display:block;font-size:10px;margin:22px 0 10px;color:var(--mint)}.assist-access input{width:100%;padding:13px;font-size:15px}.assist-access small{display:block;line-height:1.7;color:#8ba7b6;margin-top:20px}.assist-actions{display:flex;gap:10px;flex-wrap:wrap}.assist-actions button:first-child{background:var(--mint);color:#193733}.assist-session{display:flex;flex-wrap:wrap;gap:8px;padding:14px;border-bottom:1px solid var(--line);font-size:9px;align-items:center;color:var(--mint)}.assist-session.hidden{display:none}.assist-session button{font-size:9px}.server-project{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:15px 0}.server-project strong{flex:1}.server-project span{color:var(--muted)}