html{background:#090c11}body{color:#dce1e8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#090c11;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}input[type=range]{cursor:pointer}::selection{color:#fff;background:#9acb6140}.composer-panel[data-v-3a899d49]{background:#0b0f14;border-bottom:1px solid #20252e;flex:none}.composer-header[data-v-3a899d49]{border-bottom:1px solid #1b2028;justify-content:space-between;align-items:center;min-height:48px;padding:7px 14px;display:flex}.composer-heading[data-v-3a899d49]{align-items:center;gap:9px;display:flex}.composer-icon[data-v-3a899d49]{color:#9acb61;background:#12171e;border:1px solid #303742;border-radius:5px;place-items:center;width:29px;height:29px;display:grid}.composer-kicker[data-v-3a899d49]{color:#505966;letter-spacing:1.5px;font-size:6px;font-weight:900}.project-name-input[data-v-3a899d49]{color:#dce1e8;background:0 0;border:0;outline:0;width:280px;margin-top:2px;padding:0;font-size:10px;font-weight:800}.project-name-input[data-v-3a899d49]::placeholder{color:#4e5662}.composer-save[data-v-3a899d49]{color:#9acb61;cursor:pointer;background:#121a10;border:1px solid #4e633b;border-radius:4px;align-items:center;gap:5px;height:28px;padding:0 9px;font-size:7px;font-weight:900;display:flex}.composer-save[data-v-3a899d49]:hover{background:#182313}.composer-body[data-v-3a899d49]{grid-template-columns:minmax(300px,1fr) minmax(420px,1.4fr);gap:14px;min-height:132px;padding:10px 14px;display:grid}.composer-section-title[data-v-3a899d49]{color:#555e6b;letter-spacing:1.4px;margin-bottom:7px;font-size:6px;font-weight:900}.lyrics-area[data-v-3a899d49]{flex-direction:column;min-width:0;display:flex}.lyrics-input[data-v-3a899d49]{resize:vertical;color:#cbd1da;background:#080b10;border:1px solid #242b34;border-radius:5px;outline:0;flex:1;width:100%;min-height:82px;padding:9px 10px;font-family:inherit;font-size:8px;line-height:1.6}.lyrics-input[data-v-3a899d49]:focus{border-color:#4c623b}.lyrics-input[data-v-3a899d49]::placeholder{color:#414955}.lyrics-footer[data-v-3a899d49]{color:#414954;gap:12px;padding-top:5px;font-family:monospace;font-size:6px;display:flex}.audio-inputs[data-v-3a899d49]{min-width:0}.audio-source-grid[data-v-3a899d49]{grid-template-columns:repeat(2,minmax(150px,1fr));gap:5px;display:grid}.audio-source[data-v-3a899d49]{cursor:pointer;background:#0f1319;border:1px solid #222933;border-radius:5px;align-items:center;gap:6px;min-width:0;min-height:53px;padding:6px;display:flex}.audio-source[data-v-3a899d49]:hover{border-color:#3b4a5f}.audio-source-icon[data-v-3a899d49]{color:#9acb61;background:#171c24;border-radius:4px;flex-shrink:0;place-items:center;width:24px;height:24px;display:grid}.audio-source-info[data-v-3a899d49]{flex:1;min-width:0}.audio-source-info strong[data-v-3a899d49]{color:#aeb5c0;font-size:7px;font-weight:900;display:block}.audio-source-info span[data-v-3a899d49]{color:#505966;margin-top:3px;font-family:monospace;font-size:5px;display:block}.audio-source-button[data-v-3a899d49]{color:#717a87;cursor:pointer;background:#11161d;border:1px solid #29313b;border-radius:4px;place-items:center;width:27px;height:27px;padding:0;display:grid}.audio-source-button[data-v-3a899d49]:hover{color:#9acb61;border-color:#4f633d}.record-button[data-v-3a899d49]{color:#9acb61;letter-spacing:.5px;cursor:pointer;background:#11170f;border:1px solid #39432f;border-radius:4px;justify-content:center;align-items:center;gap:6px;width:100%;height:28px;margin-top:6px;font-size:7px;font-weight:900;display:flex}.record-button[data-v-3a899d49]:hover{background:#172012}.record-button.recording[data-v-3a899d49]{color:#d87878;background:#1b1111;border-color:#704848}.recording-time[data-v-3a899d49]{color:currentColor;margin-left:5px;font-family:monospace}@media (width<=1250px){.composer-body[data-v-3a899d49]{grid-template-columns:1fr;max-height:245px;overflow-y:auto}.audio-source-grid[data-v-3a899d49]{grid-template-columns:repeat(2,minmax(90px,1fr))}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8ebf0;background:#080a0f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{background:#080a0f;min-width:1100px;overflow:hidden}button,input{font:inherit}button{color:inherit}.studio{background:#080a0f;flex-direction:column;width:100vw;height:100vh;min-height:700px;display:flex;overflow:hidden}.topbar{background:#0c0f14;border-bottom:1px solid #20242d;align-items:center;height:64px;min-height:64px;display:flex}.brand{border-right:1px solid #20242d;align-items:center;gap:11px;width:225px;height:100%;padding:0 18px;display:flex}.brand-mark{color:#0b1008;background:#9acb61;border-radius:6px;place-items:center;width:31px;height:31px;font-size:11px;font-weight:900;display:grid}.brand-name{letter-spacing:1.6px;font-size:13px;font-weight:900}.brand-sub{color:#596170;letter-spacing:1.4px;margin-top:4px;font-size:7px}.project-info{flex-direction:column;gap:4px;width:250px;padding-left:22px;display:flex}.project-info span{color:#565e6b;letter-spacing:1.4px;font-size:7px}.project-info strong{color:#cdd2da;font-size:9px}.transport{flex:1;justify-content:center;align-items:center;gap:5px;height:100%;display:flex}.icon-btn{color:#8b929e;cursor:pointer;background:#11151b;border:1px solid #282d37;border-radius:5px;place-items:center;width:31px;height:31px;display:grid}.icon-btn:hover{color:#d8dce3;background:#171c24}.play-btn{color:#0a1007;cursor:pointer;background:#9acb61;border:0;border-radius:6px;place-items:center;width:40px;height:34px;display:grid}.play-btn:hover,.play-btn.active{background:#b0e875}.transport-time{color:#9299a5;text-align:center;background:#080a0e;border:1px solid #222731;border-radius:5px;min-width:105px;margin-left:9px;padding:8px 9px;font-family:monospace;font-size:9px}.transport-time span{color:#3f4651;margin:0 4px}.top-right{justify-content:flex-end;align-items:center;gap:5px;width:310px;padding:0 14px;display:flex}.bpm-control{background:#11151b;border:1px solid #282d37;border-radius:5px;align-items:center;gap:5px;height:31px;padding:0 7px 0 9px;display:flex}.bpm-control span{color:#626a77;font-size:7px;font-weight:800}.bpm-control input{color:#dce1e8;text-align:center;background:0 0;border:0;outline:0;width:42px;padding:0;font-family:monospace;font-size:10px;font-weight:800}.save-btn{color:#9acb61;cursor:pointer;background:#11151b;border:1px solid #31383f;border-radius:5px;align-items:center;gap:5px;height:31px;padding:0 10px;font-size:8px;font-weight:900;display:flex}.main-area{flex:1;min-height:0;display:flex}.library{background:#0a0d12;border-right:1px solid #20242d;flex-direction:column;width:225px;min-width:225px;display:flex}.panel-header{color:#9aa1ad;letter-spacing:1.5px;border-bottom:1px solid #191d25;justify-content:space-between;align-items:center;height:45px;padding:0 14px;font-size:8px;font-weight:900;display:flex}.minimal-btn{color:#69717d;cursor:pointer;background:0 0;border:0;place-items:center;width:24px;height:24px;display:grid}.search-box{color:#555d69;background:#10141a;border:1px solid #20252e;border-radius:4px;align-items:center;gap:6px;height:30px;margin:11px 11px 15px;padding:0 8px;display:flex}.search-box input{color:#dce1e8;background:0 0;border:0;outline:0;width:100%;font-size:9px}.library-group{padding:0 10px 15px}.group-title{color:#555d6a;letter-spacing:1.4px;padding:0 6px 8px;font-size:7px;font-weight:800}.library-item{color:#9299a5;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:9px;width:100%;height:35px;padding:0 7px;font-size:9px;display:flex}.library-item:hover,.library-item.selected{color:#e0e4ea;background:#141820}.item-arrow{color:#464d58;margin-left:auto}.library-bottom{border-top:1px solid #1d222a;padding:10px}.library-action{color:#777f8c;letter-spacing:.5px;cursor:pointer;background:#10141a;border:1px solid #272d37;border-radius:4px;justify-content:center;align-items:center;gap:6px;width:100%;height:31px;margin-top:5px;font-size:7px;font-weight:900;display:flex}.library-action:hover{color:#d6dbe2;background:#151a21}.workspace{background:#090c11;flex-direction:column;flex:1;min-width:0;display:flex}.workspace-header{border-bottom:1px solid #1e232c;justify-content:space-between;align-items:center;height:62px;min-height:62px;padding:0 18px;display:flex}.workspace-label{color:#555e6b;letter-spacing:1.4px;font-size:7px;font-weight:800}.workspace-header h1{color:#dce1e8;margin:4px 0 0;font-size:14px}.workspace-tools{gap:5px;display:flex}.workspace-tools button{color:#777f8c;cursor:pointer;background:#10141a;border:1px solid #282e38;border-radius:4px;align-items:center;gap:5px;height:29px;padding:0 9px;font-size:7px;font-weight:800;display:flex}.workspace-tools .ai-button{color:#0a1007;background:#9acb61;border-color:#719c48}.timeline-wrap{flex-direction:column;flex:1;min-height:0;display:flex}.timeline-ruler{background:#0d1016;border-bottom:1px solid #20252e;height:28px;min-height:28px;display:flex}.ruler-spacer{border-right:1px solid #252a34;width:155px;min-width:155px}.ruler-content{color:#4f5764;flex:1;justify-content:space-around;align-items:center;font-family:monospace;font-size:7px;display:flex}.timeline{background-color:#090c11;background-image:linear-gradient(90deg,#ffffff09 1px,#0000 1px),linear-gradient(#ffffff06 1px,#0000 1px);background-size:74px 100%,100% 62px;flex:1;position:relative;overflow:auto}.track-row{border-bottom:1px solid #191e26;min-width:1100px;height:62px;display:flex}.track-row.selected{background:#ffffff03}.track-control{z-index:10;background:#0b0f15;border-right:1px solid #252a34;align-items:center;gap:6px;width:155px;min-width:155px;padding:0 7px;display:flex;position:sticky;left:0}.track-type-icon{color:#aeb5c0;background:#171c24;border-radius:4px;flex-shrink:0;place-items:center;width:26px;height:26px;display:grid}.track-type-icon.text{color:#b48be3}.track-type-icon.solo{color:#67c6d1}.track-type-icon.music{color:#779de2}.track-label{width:49px;min-width:49px}.track-label strong{color:#bfc5ce;font-size:8px;font-weight:800;display:block}.track-label span{color:#4f5763;margin-top:3px;font-size:5px;display:block}.track-mini{color:#555e6b;cursor:pointer;background:#11151b;border:1px solid #282e38;border-radius:3px;place-items:center;width:19px;height:19px;padding:0;font-size:6px;font-weight:900;display:grid}.track-mini.enabled{color:#9acb61;border-color:#536b3c}.track-lane{flex:1;min-width:945px;padding:6px 9px}.clip{background:#171b24;border:1px solid #ffffff1a;border-radius:4px;height:49px;position:relative;overflow:hidden}.clip.text{background:#774ca338}.clip.solo{background:#267e8e30}.clip.music{background:#3e5b9a33}.clip-top{color:#aeb5c0;justify-content:space-between;align-items:center;height:19px;padding:0 7px;font-size:7px;display:flex}.clip-actions{color:#636b78;gap:7px;display:flex}.waveform{align-items:center;gap:2px;height:25px;display:flex;position:absolute;bottom:4px;left:5px;right:5px}.waveform i{background:#d2dae54f;border-radius:1px;flex:1;min-width:1px;display:block}.empty-track{color:#4b5360;letter-spacing:1px;cursor:pointer;background:0 0;border:1px dashed #2a303a;border-radius:4px;justify-content:center;align-items:center;gap:6px;width:170px;height:49px;font-size:6px;display:flex}.empty-track:hover{color:#9acb61;border-color:#50673b}.playhead{z-index:20;pointer-events:none;background:#9acb61;width:1px;position:absolute;top:0;bottom:0;box-shadow:0 0 8px #9acb6199}.playhead-head{background:#9acb61;width:7px;height:7px;position:absolute;top:-1px;left:-3px;transform:rotate(45deg)}.editor-toolbar{background:#0c1015;border-top:1px solid #1e232c;justify-content:space-between;align-items:center;height:38px;min-height:38px;padding:0 12px;display:flex}.editor-group{gap:4px;display:flex}.editor-group button{color:#68717e;cursor:pointer;background:#11151b;border:1px solid #242a33;border-radius:3px;place-items:center;width:26px;height:25px;display:grid}.editor-group button:hover{color:#d8dde5}.selected-track{color:#555e6b;letter-spacing:.8px;font-size:7px}.selected-track strong{color:#aeb5c0}.mixer{background:#0a0d12;border-top:1px solid #292e38;height:164px;min-height:164px;display:flex;overflow:hidden}.mixer-label{border-right:1px solid #222731;width:95px;min-width:95px;padding:14px 11px}.mixer-title{color:#aeb5c0;letter-spacing:1.5px;font-size:8px;font-weight:900}.mixer-subtitle{color:#4e5663;margin-top:4px;font-size:6px}.channel{border-right:1px solid #20252e;flex-direction:column;align-items:center;width:135px;min-width:135px;padding:9px 12px;display:flex}.channel-header{justify-content:space-between;align-items:center;width:100%;display:flex}.channel-header button{color:#4d5561;cursor:pointer;background:0 0;border:0;padding:0}.channel-name{color:#9fa6b1;font-size:7px;font-weight:900}.channel-meter{align-items:flex-end;gap:3px;height:65px;margin-top:8px;display:flex}.meter-column{flex-direction:column-reverse;gap:2px;width:5px;height:65px;display:flex}.meter-column span{background:#171c22;border-radius:1px;flex:1;min-height:3px}.meter-column span.active{background:#687c55}.volume-slider{accent-color:#9acb61;width:100%;margin:7px 0 0}.volume-value{color:#59616e;margin-top:4px;font-family:monospace;font-size:7px}.channel-actions{gap:4px;margin-top:7px;display:flex}.channel-actions button{color:#59616e;cursor:pointer;background:#11151b;border:1px solid #272d37;border-radius:3px;width:24px;height:19px;font-size:6px;font-weight:900}.channel-actions button.active{color:#9acb61;border-color:#51683d}.master-channel{flex-direction:column;align-items:center;width:175px;min-width:175px;padding:9px 14px;display:flex}.master-meter{gap:3px;height:65px;margin-top:8px;display:flex}.master-bar{flex-direction:column-reverse;gap:2px;width:6px;height:65px;display:flex}.master-bar span{background:#171c22;border-radius:1px;flex:1}.master-bar span.active{background:#9acb61}.master-actions{gap:5px;width:100%;margin-top:7px;display:flex}.master-actions button{cursor:pointer;border-radius:3px;flex:1;height:21px;font-size:6px;font-weight:900}.mix-action{color:#9acb61;background:#141a11;border:1px solid #53683e}.master-action{color:#777f8b;background:#11151b;border:1px solid #303640}.statusbar{color:#444c58;background:#080a0e;border-top:1px solid #1c2129;align-items:center;gap:20px;height:23px;min-height:23px;padding:0 10px;font-family:monospace;font-size:6px;display:flex}.status-ready{color:#799d55;align-items:center;gap:5px;display:flex}.status-project{color:#3e4652;margin-left:auto}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#090c11}::-webkit-scrollbar-thumb{background:#282e38;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#39414d}