*{margin:0;padding:0;box-sizing:border-box}:root{--mu-bg: #08080c;--mu-bg-surface: rgba(20, 20, 28, .85);--mu-bg-elevated: rgba(30, 30, 42, .9);--mu-fg: #f0f0f5;--mu-fg-dim: #a0a0a8;--mu-muted: #666;--mu-border: rgba(255, 255, 255, .08);--mu-accent: #8b5cf6;--mu-accent-dim: rgba(139, 92, 246, .4);--mu-glow: rgba(139, 92, 246, .3);--mu-success: #4ade80;--mu-warning: #fbbf24;--mu-error: #ef4444;--mu-space-xs: .25rem;--mu-space-sm: .5rem;--mu-space-md: 1rem;--mu-space-lg: 1.5rem;--mu-space-xl: 2rem;--mu-font-mono: ui-monospace, "SF Mono", Menlo, monospace;--mu-text-xs: .7rem;--mu-text-sm: .75rem;--mu-text-base: .85rem;--mu-text-lg: 1rem;--mu-radius-sm: .25rem;--mu-radius-md: .5rem;--mu-radius-lg: .75rem;--mu-radius-full: 9999px;--mu-transition-fast: .15s ease;--mu-transition-base: .2s ease;--mu-transition-slow: .3s ease;--mu-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--mu-shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--mu-shadow-glow: 0 0 20px var(--mu-glow)}html{height:100%;overflow:hidden}body{height:100%;margin:0;font-family:system-ui,-apple-system,sans-serif;background:var(--mu-bg);color:var(--mu-fg);overflow:hidden;overscroll-behavior-y:none}#root{height:100%;overflow:hidden}button,input,textarea{font:inherit;color:inherit;background:transparent;border:none;outline:none}button{cursor:pointer}::selection{background:var(--mu-accent);color:#fff}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.5}}@keyframes codeGlow{0%,to{text-shadow:0 0 20px rgba(139,92,246,.3)}50%{text-shadow:0 0 40px rgba(139,92,246,.5)}}.workspace{display:grid;grid-template-columns:280px 1fr 280px;grid-template-rows:auto 1fr auto;gap:1px;height:100%;background:var(--mu-border)}@media(min-width:1600px){.workspace{grid-template-columns:280px 1fr 20%}}.workspace-header{grid-column:1 / -1;background:var(--mu-bg-surface);padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.workspace-sidebar{background:var(--mu-bg-surface);padding:1rem;overflow-y:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.workspace-main{background:var(--mu-bg);display:flex;flex-direction:column;overflow:hidden}.workspace-footer{grid-column:1 / -1;background:var(--mu-bg-surface);padding:.5rem 1rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.panel{background:var(--mu-bg-elevated);border-radius:var(--mu-radius-md);border:1px solid var(--mu-border);overflow:hidden}.panel-header{padding:.75rem var(--mu-space-md);border-bottom:1px solid var(--mu-border);font-size:var(--mu-text-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--mu-fg-dim);display:flex;align-items:center;justify-content:space-between}.panel-content{padding:1rem}.code-editor{font-family:var(--mu-font-mono);font-size:var(--mu-text-base);line-height:1.6;background:var(--mu-bg);color:var(--mu-accent);padding:var(--mu-space-md);border-radius:var(--mu-radius-md);border:1px solid var(--mu-border);resize:none;width:100%;min-height:200px}.code-editor:focus{border-color:var(--mu-accent-dim);box-shadow:0 0 0 2px var(--mu-glow)}.context-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--mu-border)}.context-label{font-size:var(--mu-text-xs);color:var(--mu-muted);text-transform:uppercase;letter-spacing:.05em}.context-value{font-size:var(--mu-text-base);color:var(--mu-fg)}.playback-controls{display:flex;gap:.5rem;align-items:center}.control-btn{width:2.5rem;height:2.5rem;border-radius:var(--mu-radius-full);display:flex;align-items:center;justify-content:center;background:var(--mu-bg-elevated);border:1px solid var(--mu-border);transition:all var(--mu-transition-base)}.control-btn:hover{background:var(--mu-accent-dim);border-color:var(--mu-accent)}.control-btn.playing{background:var(--mu-accent);color:#fff}.chat-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-messages{flex:1;overflow-y:auto;padding:1rem}.chat-input-area{padding:1rem;border-top:1px solid var(--mu-border);background:var(--mu-bg-surface)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--mu-border);border-radius:var(--mu-radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--mu-muted)}@media(max-width:1024px){.workspace{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.workspace-sidebar{display:none}}.studio{display:flex;flex-direction:column;height:100%;width:100%;background:var(--mu-bg);position:relative;overflow-y:auto;overflow-x:hidden}.studio-tracks-area{display:flex;flex-direction:column;flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding-bottom:100px}@media(max-width:768px){html,body,#root,.studio{height:100%;height:100dvh}.studio-tracks-area{flex:1 1 0;min-height:0;height:0;overflow-y:scroll!important;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding-bottom:160px}.track-row{min-height:80px;flex-shrink:0}.tracks-container,.song-timeline,.studio-mini-header{flex-shrink:0}}.studio-main-layout{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.studio-tracks-panel{flex:0 0 auto;width:100%;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:1rem}.studio-timeline-panel{flex:0 0 auto;width:100%;display:flex;flex-direction:column;gap:1rem;padding:1rem;padding-bottom:120px}@media(min-width:1400px){.studio-main-layout{flex-direction:row;overflow:hidden}.studio-tracks-panel{flex:0 0 55%;max-width:700px;overflow-y:auto;border-bottom:none;border-right:1px solid rgba(255,255,255,.06);padding-bottom:100px}.studio-timeline-panel{flex:1;overflow-y:auto}}.song-controls{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1rem;background:#14141ccc;border-radius:12px;border:1px solid rgba(255,255,255,.08);flex-wrap:wrap}.song-control{display:flex;align-items:center;gap:.5rem}.song-control label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#ffffff80;white-space:nowrap}.tempo-control{gap:.75rem}.tempo-input{width:70px;padding:.5rem .6rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:var(--mu-fg);font-size:1rem;font-weight:600;text-align:center;font-family:Berkeley Mono,JetBrains Mono,monospace}.tempo-input:focus{outline:none;border-color:var(--mu-accent);box-shadow:0 0 0 2px #8a5cf633}.tempo-input::-webkit-inner-spin-button,.tempo-input::-webkit-outer-spin-button{opacity:1;height:24px}.tempo-presets{display:flex;gap:.25rem}.tempo-preset{padding:.3rem .5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:4px;color:#ffffff80;font-size:.65rem;cursor:pointer;transition:all .15s}.tempo-preset:hover{background:#ffffff1a;color:#fffc}.tempo-preset.active{background:var(--mu-accent);border-color:var(--mu-accent);color:#fff}.key-control{gap:.5rem}.key-select,.scale-select{padding:.45rem .6rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:var(--mu-fg);font-size:.85rem;cursor:pointer}.key-select:focus,.scale-select:focus{outline:none;border-color:var(--mu-accent)}.key-select{min-width:50px}.scale-select{min-width:100px}.transpose-control label{display:flex;align-items:center;gap:.4rem;cursor:pointer;font-size:.75rem;color:#fff9}.transpose-control input[type=checkbox]{width:14px;height:14px;accent-color:var(--mu-accent)}@media(max-width:768px){.song-controls{padding:.6rem .75rem;gap:1rem;justify-content:space-between}.tempo-presets{display:none}.tempo-input{width:60px;font-size:.9rem}.key-select,.scale-select{font-size:.8rem;padding:.4rem .5rem}.transpose-control{flex:1 1 100%;justify-content:center;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.06)}}.conductor-creativity{display:flex;align-items:center;gap:.5rem;padding:0 .5rem}.creativity-icon{font-size:1rem;opacity:.6}.creativity-slider{width:80px;height:4px;-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:2px;cursor:pointer}.creativity-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--mu-accent);border-radius:50%;cursor:pointer}.creativity-slider::-moz-range-thumb{width:12px;height:12px;background:var(--mu-accent);border-radius:50%;cursor:pointer;border:none}.creativity-value{font-size:.7rem;color:#ffffff80;min-width:30px}@media(max-width:768px){.conductor-creativity{display:none}}.tracks-container.accordion .track-row{border-bottom:1px solid rgba(255,255,255,.04)}.tracks-container.accordion .track-row:last-child{border-bottom:none}.tracks-container.accordion .track-name{cursor:pointer;padding:.5rem .75rem;border-radius:4px;transition:background .2s}.tracks-container.accordion .track-name:hover{background:#ffffff0d}.text-structure{background:#14141c99;border-radius:12px;border:1px solid rgba(255,255,255,.06);padding:.75rem 1rem;flex-shrink:0}.structure-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.structure-title{font-size:.75rem;letter-spacing:.1em;opacity:.6}.structure-info{font-size:.65rem;opacity:.4;padding:.15rem .5rem;background:#ffffff0d;border-radius:4px}.structure-display{background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.75rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;line-height:1.5;color:#22c55e;cursor:pointer;min-height:48px;white-space:pre-wrap;transition:all .2s}.structure-display:hover{border-color:#ffffff26;background:#0006}.structure-display .placeholder{color:var(--mu-muted);font-style:italic}.structure-textarea{width:100%;background:#0006;border:1px solid var(--mu-accent);border-radius:8px;padding:.75rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;line-height:1.5;color:#22c55e;resize:vertical;min-height:60px}.structure-textarea:focus{outline:none;box-shadow:0 0 0 2px var(--mu-accent-dim)}.structure-presets{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.structure-presets .preset-btn{padding:.3rem .6rem;font-size:.65rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--mu-fg-dim);cursor:pointer;transition:all .2s}.structure-presets .preset-btn:hover{background:#22c55e33;border-color:#22c55e;color:#22c55e}.project-style-section{background:#14141c99;border-radius:12px;border:1px solid rgba(255,255,255,.06);padding:.75rem 1rem}.project-style-section .project-style-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.project-style-section .project-style-label{font-size:.65rem;letter-spacing:.1em;opacity:.4}.project-style-section .project-style-input{width:100%;padding:.5rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:6px;font-size:.8rem}.project-style-section .project-style-input::placeholder{opacity:.3}.studio-action-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:var(--mu-border);border-radius:var(--mu-radius-md);margin-top:var(--mu-space-sm)}.studio-action-tabs .style-selector,.studio-action-tabs .export-button-container,.studio-action-tabs .assembler-container{width:100%;position:relative}.studio-action-tabs .style-selector-trigger,.studio-action-tabs .export-trigger,.studio-action-tabs .assembler-trigger{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--mu-space-sm);border-radius:0!important;border:none!important;padding:.75rem var(--mu-space-md);background:var(--mu-bg-surface);font-size:var(--mu-text-sm);color:var(--mu-fg-dim);transition:all var(--mu-transition-fast)}.studio-action-tabs .style-selector .style-selector-trigger{border-radius:var(--mu-radius-md) 0 0 var(--mu-radius-md)!important}.studio-action-tabs .assembler-container .assembler-trigger{border-radius:0 var(--mu-radius-md) var(--mu-radius-md) 0!important}.studio-action-tabs .style-selector-trigger:hover:not(:disabled),.studio-action-tabs .export-trigger:hover:not(:disabled),.studio-action-tabs .assembler-trigger:hover:not(:disabled){background:var(--mu-bg-elevated);color:var(--mu-fg)}.studio-action-tabs .style-selector-trigger{color:var(--mu-accent)}.studio-action-tabs .export-trigger{color:var(--mu-error)}.studio-action-tabs .assembler-trigger{color:var(--mu-accent)}.style-selector{position:relative}.style-selector-trigger{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:8px;font-size:.75rem;color:var(--mu-accent);transition:all .15s}.style-selector-trigger:hover:not(:disabled){background:#8b5cf640;border-color:var(--mu-accent)}.style-selector-trigger:disabled{opacity:.4;cursor:not-allowed}.style-selector-trigger .trigger-icon{font-size:1rem}.style-selector-trigger .trigger-arrow{font-size:.6rem;opacity:.6}.style-selector-dropdown{position:absolute;bottom:calc(100% + 8px);left:0;min-width:320px;max-height:400px;overflow:hidden;background:#14141cfa;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 -8px 32px #00000080;z-index:200}.style-selector-dropdown .dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.08);font-size:.75rem;letter-spacing:.05em;opacity:.7}.style-selector-dropdown .dropdown-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.8rem;opacity:.5;border-radius:4px;transition:all .15s}.style-selector-dropdown .dropdown-close:hover{opacity:1;background:#ffffff1a}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.75rem}.category-btn{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-left-width:3px;border-radius:8px;transition:all .15s}.category-btn:hover{background:#ffffff14}.category-icon{font-size:1.2rem}.category-name{font-size:.75rem;text-transform:capitalize}.category-count{font-size:.65rem;opacity:.4}.style-list{max-height:320px;overflow-y:auto}.back-to-categories{display:block;width:100%;padding:.6rem 1rem;background:#0003;border-bottom:1px solid rgba(255,255,255,.06);font-size:.7rem;opacity:.6;text-align:left;transition:all .15s}.back-to-categories:hover{opacity:1;background:#0000004d}.style-grid{display:flex;flex-direction:column;gap:.25rem;padding:.5rem}.style-btn{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-left-width:3px;border-radius:8px;text-align:left;transition:all .15s}.style-btn:hover{background:#ffffff14}.style-btn .style-name{font-size:.85rem;font-weight:500}.style-btn .style-info{display:flex;gap:.5rem;font-size:.7rem;opacity:.5}.style-btn .bpm-diff{opacity:.4}.style-btn .bpm-diff.close{color:var(--mu-success);opacity:.8}.style-btn .style-tags{display:flex;gap:.35rem;margin-top:.25rem}.style-btn .tag{font-size:.6rem;padding:.15rem .4rem;background:#ffffff0f;border-radius:4px;opacity:.6}.quick-actions{padding:.5rem .75rem;border-top:1px solid rgba(255,255,255,.06);background:#0003}.random-style-btn{width:100%;padding:.6rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:6px;font-size:.75rem;transition:all .15s}.random-style-btn:hover{background:#8b5cf633}.export-button-container{position:relative}.export-trigger{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;font-size:.75rem;color:#ef4444;transition:all .15s}.export-trigger:hover:not(:disabled){background:#ef444440;border-color:#ef4444}.export-trigger:disabled{opacity:.4;cursor:not-allowed}.export-panel{position:absolute;bottom:calc(100% + 8px);right:0;min-width:280px;background:#14141cfa;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 -8px 32px #00000080;z-index:200;overflow:hidden}.export-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.08);font-size:.75rem;letter-spacing:.05em}.export-header button{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.8rem;opacity:.5;border-radius:4px;transition:all .15s}.export-header button:hover{opacity:1;background:#ffffff1a}.export-options{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.duration-selector label{display:block;font-size:.65rem;opacity:.5;margin-bottom:.5rem}.duration-buttons{display:flex;gap:.35rem}.duration-buttons button{flex:1;padding:.4rem .6rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:.7rem;transition:all .15s}.duration-buttons button:hover{background:#ffffff1a}.duration-buttons button.active{background:#ef444433;border-color:#ef444480;color:#ef4444}.start-recording-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:8px;color:#ef4444;font-size:.8rem;transition:all .15s}.start-recording-btn:hover:not(:disabled){background:#ef44444d}.export-hint{font-size:.65rem;opacity:.4;text-align:center}.export-recording{padding:1rem;display:flex;flex-direction:column;gap:.75rem;align-items:center}.recording-indicator{display:flex;align-items:center;gap:.5rem;color:#ef4444;font-size:.8rem}.recording-dot{width:10px;height:10px;background:#ef4444;border-radius:50%;animation:pulse 1s ease-in-out infinite}.progress-bar{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#ef4444,#f97316);transition:width .1s linear}.progress-time{font-size:.7rem;opacity:.6}.stop-recording-btn{padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-size:.75rem;transition:all .15s}.stop-recording-btn:hover{background:#fff3}.export-complete{padding:1rem;display:flex;flex-direction:column;gap:.75rem;align-items:center}.complete-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#22c55e33;border-radius:50%;color:#22c55e;font-size:1.2rem}.complete-info{text-align:center}.complete-info .filename{display:block;font-size:.8rem;margin-bottom:.25rem}.complete-info .duration{font-size:.65rem;opacity:.5}.complete-actions{display:flex;gap:.5rem;width:100%}.download-btn{flex:1;padding:.6rem;background:#22c55e33;border:1px solid rgba(34,197,94,.4);border-radius:6px;color:#22c55e;font-size:.75rem;transition:all .15s}.download-btn:hover{background:#22c55e4d}.reset-btn{flex:1;padding:.6rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:.75rem;transition:all .15s}.reset-btn:hover{background:#ffffff1a}.export-error{padding:1rem;display:flex;flex-direction:column;gap:.5rem;align-items:center;text-align:center}.error-icon{color:#ef4444;font-size:1.5rem}.error-message{font-size:.75rem;opacity:.7}.retry-btn{padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-size:.75rem;transition:all .15s}.retry-btn:hover{background:#fff3}.export-tabs{display:flex;gap:.25rem}.export-tab{padding:.4rem .75rem;background:transparent;border:none;border-radius:4px;font-size:.7rem;color:var(--mu-fg-dim);cursor:pointer;transition:all .15s}.export-tab:hover{color:var(--mu-fg);background:#ffffff0d}.export-tab.active{color:var(--mu-accent);background:#8b5cf626}.export-suno{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.suno-info{font-size:.7rem;opacity:.6;text-align:center}.suno-prompt-text{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.75rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.7rem;line-height:1.5;color:var(--mu-fg);resize:vertical;min-height:150px}.suno-prompt-text:focus{outline:none;border-color:var(--mu-accent)}.suno-actions{display:flex;gap:.5rem}.suno-actions .regenerate-btn{flex:1;padding:.6rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:.75rem;transition:all .15s}.suno-actions .regenerate-btn:hover{background:#ffffff1a}.suno-actions .copy-btn{flex:1;padding:.6rem;background:#8b5cf633;border:1px solid rgba(139,92,246,.4);border-radius:6px;color:var(--mu-accent);font-size:.75rem;transition:all .15s}.suno-actions .copy-btn:hover{background:#8b5cf64d}.suno-actions .copy-btn.copied{background:#22c55e33;border-color:#22c55e66;color:#22c55e}.assembler-container{position:relative}.assembler-trigger{display:flex;align-items:center;gap:var(--mu-space-sm);padding:var(--mu-space-sm) .75rem;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:var(--mu-radius-md);font-size:var(--mu-text-sm);color:var(--mu-accent);transition:all var(--mu-transition-fast)}.assembler-trigger:hover:not(:disabled){background:#8b5cf640;border-color:var(--mu-accent)}.assembler-trigger:disabled{opacity:.4;cursor:not-allowed}.assembler-panel{position:absolute;bottom:calc(100% + 8px);right:0;min-width:360px;max-width:500px;background:#14141cfa;border:1px solid rgba(255,255,255,.1);border-radius:var(--mu-radius-lg);box-shadow:var(--mu-shadow-md);z-index:200;overflow:hidden}.assembler-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem var(--mu-space-md);background:#0000004d;border-bottom:1px solid var(--mu-border)}.assembler-tabs{display:flex;gap:var(--mu-space-xs)}.assembler-tab{padding:var(--mu-space-xs) var(--mu-space-sm);font-size:var(--mu-text-xs);color:var(--mu-fg-dim);border-radius:var(--mu-radius-sm);transition:all var(--mu-transition-fast)}.assembler-tab:hover{color:var(--mu-fg);background:#ffffff0d}.assembler-tab.active{color:var(--mu-accent);background:#8b5cf626}.assembler-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:var(--mu-text-base);opacity:.5;border-radius:var(--mu-radius-sm);transition:all var(--mu-transition-fast)}.assembler-close:hover{opacity:1;background:#ffffff1a}.assembler-content{max-height:300px;overflow-y:auto}.assembler-output{margin:0;padding:var(--mu-space-md);font-family:var(--mu-font-mono);font-size:var(--mu-text-xs);line-height:1.5;color:var(--mu-fg);white-space:pre-wrap;word-break:break-word}.assembler-output code{color:inherit}.assembler-footer{display:flex;justify-content:space-between;align-items:center;padding:.75rem var(--mu-space-md);background:#0003;border-top:1px solid var(--mu-border)}.assembler-meta{display:flex;gap:var(--mu-space-md);font-size:var(--mu-text-xs);color:var(--mu-muted)}.assembler-actions{display:flex;gap:var(--mu-space-sm)}.assembler-btn{padding:var(--mu-space-xs) var(--mu-space-sm);font-size:var(--mu-text-xs);color:var(--mu-fg-dim);background:#ffffff0d;border:1px solid var(--mu-border);border-radius:var(--mu-radius-sm);transition:all var(--mu-transition-fast)}.assembler-btn:hover{color:var(--mu-fg);background:#ffffff1a}.assembler-btn.primary{color:var(--mu-accent);background:#8b5cf626;border-color:#8b5cf64d}.assembler-btn.primary:hover{background:#8b5cf640}.assembler-btn.copied{color:var(--mu-success);background:#22c55e26;border-color:#22c55e4d}.assembler-error{padding:var(--mu-space-sm) var(--mu-space-md);font-size:var(--mu-text-xs);color:var(--mu-error);background:#ef44441a;border-top:1px solid rgba(239,68,68,.2)}.project-manager{position:relative}.project-trigger{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;background:#22c55e26;border:1px solid rgba(34,197,94,.3);border-radius:8px;font-size:.75rem;color:#22c55e;transition:all .15s;max-width:180px}.project-trigger:hover:not(:disabled){background:#22c55e40;border-color:#22c55e}.project-trigger .project-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-trigger .trigger-arrow{font-size:.6rem;opacity:.6;margin-left:auto}.project-panel{position:absolute;top:calc(100% + 8px);left:0;min-width:300px;max-width:400px;background:#14141cfa;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 8px 32px #00000080;z-index:200;overflow:hidden}.project-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.08);font-size:.75rem;letter-spacing:.05em}.project-header button{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.8rem;opacity:.5;border-radius:4px;transition:all .15s}.project-header button:hover{opacity:1;background:#ffffff1a}.current-project{padding:1rem;border-bottom:1px solid rgba(255,255,255,.06)}.current-info{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.current-label{font-size:.6rem;opacity:.4;text-transform:uppercase;letter-spacing:.1em}.current-name{font-size:.9rem;font-weight:500}.current-updated{font-size:.65rem;opacity:.5}.current-actions{display:flex;gap:.5rem}.action-btn{flex:1;padding:.5rem;border-radius:6px;font-size:.75rem;transition:all .15s}.action-btn.save{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#22c55e}.action-btn.save:hover{background:#22c55e40}.action-btn.new{background:#8b5cf626;border:1px solid rgba(139,92,246,.3);color:#8b5cf6}.action-btn.new:hover{background:#8b5cf640}.save-dialog{padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.06);background:#0003}.save-dialog input{width:100%;padding:.5rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:.85rem;margin-bottom:.5rem}.save-dialog input:focus{border-color:#22c55e}.save-actions{display:flex;gap:.5rem}.save-actions button{flex:1;padding:.4rem;border-radius:4px;font-size:.7rem;transition:all .15s}.save-actions button:first-child{background:#22c55e33;border:1px solid rgba(34,197,94,.4);color:#22c55e}.save-actions button:first-child:hover:not(:disabled){background:#22c55e4d}.save-actions button:first-child:disabled{opacity:.4}.save-actions button:last-child{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.save-actions button:last-child:hover{background:#ffffff1a}.saved-list{max-height:250px;overflow:hidden;display:flex;flex-direction:column}.saved-header{padding:.5rem 1rem;font-size:.65rem;opacity:.5;background:#0003;border-bottom:1px solid rgba(255,255,255,.04)}.saved-empty{padding:1.5rem;text-align:center;font-size:.75rem;opacity:.4}.saved-scroll{overflow-y:auto;flex:1}.saved-item{display:flex;align-items:center;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.04);transition:all .15s}.saved-item:hover{background:#ffffff08}.saved-item.active{background:#22c55e1a;border-left:3px solid #22c55e}.saved-info{flex:1;cursor:pointer;display:flex;flex-direction:column;gap:.15rem}.saved-name{font-size:.8rem}.saved-meta{font-size:.65rem;opacity:.5}.saved-date{font-size:.6rem;opacity:.4}.delete-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:.75rem;opacity:.4;border-radius:4px;transition:all .15s}.delete-btn:hover{opacity:1;background:#ef444433}.delete-btn.confirm{opacity:1;background:#ef44444d;color:#ef4444;font-size:.6rem}.assembled-output{flex:1;background:#14141c99;border-radius:12px;border:1px solid rgba(255,255,255,.06);overflow:hidden;display:flex;flex-direction:column}.assembled-header{display:flex;justify-content:space-between;padding:.5rem .75rem;background:#0003;border-bottom:1px solid rgba(255,255,255,.04)}.assembled-label{font-size:.65rem;letter-spacing:.1em;opacity:.4}.assembled-status{font-size:.6rem;opacity:.5}.assembled-status:has(●){color:var(--mu-success)}.assembled-code{flex:1;overflow:auto;padding:.75rem}.assembled-code pre{font-family:Berkeley Mono,JetBrains Mono,monospace;font-size:.7rem;line-height:1.5;opacity:.7;white-space:pre-wrap;word-break:break-word}.conductor-bar{position:fixed;bottom:0;left:0;right:0;height:60px;max-height:20vh;display:flex;align-items:center;justify-content:center;padding:0 2rem;background:linear-gradient(to top,#0a0a0cfa,#0a0a0ce6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.06);z-index:100}.conductor-container{display:flex;align-items:center;gap:1rem;width:100%;max-width:900px}.conductor-input-wrapper{flex:1;position:relative}.conductor-input{width:100%;padding:.875rem 3rem .875rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--mu-fg);font-size:.95rem;transition:all .2s ease}.conductor-input:focus{outline:none;border-color:var(--mu-accent);background:#ffffff14;box-shadow:0 0 0 3px #8a5cf626}.conductor-input::placeholder{color:#ffffff4d}.conductor-submit{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:2.25rem;height:2.25rem;border-radius:8px;background:var(--mu-accent);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.conductor-submit:hover:not(:disabled){background:var(--mu-accent-hover);transform:translateY(-50%) scale(1.05)}.conductor-submit:disabled{opacity:.4;cursor:not-allowed}.conductor-status{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#ffffff80;white-space:nowrap}.conductor-status.active{color:var(--mu-accent)}.conductor-status .spinner{width:14px;height:14px;border:2px solid rgba(138,92,246,.3);border-top-color:var(--mu-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.conductor-kbd{display:inline-flex;align-items:center;justify-content:center;padding:.15rem .4rem;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:4px;font-size:.65rem;font-family:ui-monospace,monospace;color:#fff6}.conductor-settings-btn{width:2.5rem;height:2.5rem;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffff80;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.conductor-settings-btn:hover{background:#ffffff1a;color:#fffc}.conductor-settings-btn.active{background:var(--mu-accent);color:#fff;border-color:var(--mu-accent)}.conductor-settings-panel{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.75rem;padding:1rem 1.25rem;background:#141418fa;border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;gap:1.5rem;min-width:500px}.conductor-setting{display:flex;flex-direction:column;gap:.35rem}.conductor-setting label{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:#fff6}.conductor-setting select,.conductor-setting input[type=number]{padding:.4rem .6rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--mu-fg);font-size:.8rem;min-width:80px}.conductor-setting input[type=range]{width:100px}.conductor-setting.transpose-toggle{flex-direction:row;align-items:center;gap:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.conductor-setting.transpose-toggle label{display:flex;align-items:center;gap:.4rem;cursor:pointer;font-size:.7rem;color:#ffffffb3}.conductor-setting.transpose-toggle input[type=checkbox]{width:14px;height:14px;accent-color:var(--mu-accent)}.transpose-hint{font-size:.6rem;color:#fff6;font-style:italic}@media(max-width:768px){.conductor-bar{height:auto;padding:.75rem 1rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0))}.conductor-container{flex-direction:column;gap:.75rem}.conductor-settings-toggle{display:none}.conductor-input{font-size:16px;padding:.75rem 1rem}.conductor-settings-panel{position:fixed;bottom:80px;left:0;right:0;flex-direction:column;padding:1rem;gap:.75rem;background:#0a0a0cfa;border-top:1px solid rgba(255,255,255,.1)}.conductor-settings-panel .conductor-setting{width:100%;justify-content:space-between}}.studio-mini-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:#0f0f12f2;border-bottom:1px solid rgba(255,255,255,.06);gap:.75rem}.back-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--mu-fg);cursor:pointer;font-size:.9rem;opacity:.6;transition:all .2s ease;flex-shrink:0}.back-btn:hover{opacity:1;background:#ffffff1a;transform:scale(1.05)}.back-btn:active{transform:scale(.95)}.mini-brand{display:flex;align-items:baseline;gap:.25rem}.mini-brand .brand-mu{font-size:1.25rem;font-weight:200;letter-spacing:.1em}.mini-brand .brand-studio{font-size:.65rem;opacity:.4}.mini-transport{display:flex;align-items:center;gap:.75rem}.mini-transport .transport-btn{width:2rem;height:2rem;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--mu-fg);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.7rem;transition:all .2s}.mini-transport .transport-btn:hover,.mini-transport .transport-btn.playing{background:var(--mu-accent);border-color:var(--mu-accent)}.mini-transport .transport-status{font-size:.75rem;opacity:.6}.mini-user{display:flex;align-items:center;gap:.75rem;font-size:.75rem;opacity:.5}.mini-user .logout-btn{opacity:.6;transition:opacity .2s}.mini-user .logout-btn:hover{opacity:1}.studio-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:var(--mu-bg-surface);border-bottom:1px solid var(--mu-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.studio-brand{display:flex;align-items:baseline;gap:.5rem}.brand-logo{font-size:1.5rem;font-weight:200;letter-spacing:.15em}.brand-sub{font-size:.7rem;opacity:.4}.studio-transport{display:flex;align-items:center;gap:1rem}.transport-btn{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--mu-bg-elevated);border:1px solid var(--mu-border);display:flex;align-items:center;justify-content:center;transition:all .2s}.transport-btn:hover{background:var(--mu-accent-dim);border-color:var(--mu-accent)}.transport-btn.playing{background:var(--mu-accent);color:#fff}.transport-tempo{display:flex;align-items:center;gap:.25rem;font-size:.8rem}.transport-tempo input{width:50px;text-align:center;background:var(--mu-bg-elevated);padding:.35rem;border-radius:.25rem;border:1px solid var(--mu-border)}.transport-tempo span{opacity:.5;font-size:.7rem}.transport-scale{display:flex;gap:.5rem}.transport-scale select{background:var(--mu-bg-elevated);padding:.35rem .5rem;border-radius:.25rem;border:1px solid var(--mu-border);font-size:.8rem;cursor:pointer}.studio-user{display:flex;align-items:center;gap:1rem}.user-name{font-size:.75rem;opacity:.5}.logout-btn{font-size:.7rem;opacity:.4;transition:opacity .2s}.logout-btn:hover{opacity:1}.studio-main{flex:1;display:grid;grid-template-columns:1fr 1.5fr 20%;gap:1px;background:var(--mu-border);overflow:hidden}.contexts-grid,.contexts-side{display:flex;flex-direction:column;gap:1px;background:var(--mu-border)}.context-panel{flex:1;background:var(--mu-bg-surface);padding:.75rem;display:flex;flex-direction:column;gap:.5rem;min-height:0;overflow:hidden}.context-header{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.context-btn{width:1.5rem;height:1.5rem;font-size:.65rem;border-radius:.25rem;background:var(--mu-bg);border:1px solid var(--mu-border);opacity:.5;transition:all .2s}.context-btn:hover{opacity:1}.context-btn.active{background:var(--mu-accent-dim);border-color:var(--mu-accent);opacity:1}.context-code{flex:1;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.75rem;line-height:1.5;background:var(--mu-bg);color:var(--mu-accent);padding:.5rem;border-radius:.25rem;border:1px solid var(--mu-border);resize:none;min-height:60px}.context-code:focus{border-color:var(--mu-accent-dim);box-shadow:0 0 0 2px var(--mu-glow)}.context-meta{display:flex;justify-content:space-between}.context-ai-input{display:flex;gap:.25rem}.context-ai-input input{flex:1;background:var(--mu-bg);padding:.4rem .6rem;border-radius:.25rem;border:1px solid var(--mu-border);font-size:.75rem}.context-ai-input input:focus{border-color:var(--mu-accent-dim)}.context-ai-input button{padding:.4rem .6rem;background:var(--mu-accent-dim);border-radius:.25rem;font-size:.75rem;border:1px solid var(--mu-accent);transition:all .2s}.context-ai-input button:hover:not(:disabled){background:var(--mu-accent);color:#fff}.context-ai-input button:disabled{opacity:.3;cursor:not-allowed}.studio-center{background:var(--mu-bg);display:flex;flex-direction:column;overflow:hidden}.global-input{padding:1rem;border-bottom:1px solid var(--mu-border);display:flex;gap:.5rem}.global-input textarea{flex:1;background:var(--mu-bg-elevated);padding:.75rem;border-radius:.5rem;border:1px solid var(--mu-border);resize:none;min-height:60px;font-size:.9rem}.global-input textarea:focus{border-color:var(--mu-accent-dim);box-shadow:0 0 0 2px var(--mu-glow)}.global-input button{padding:.75rem 1.5rem;background:var(--mu-accent);color:#fff;border-radius:.5rem;font-size:.9rem;font-weight:500;transition:all .2s}.global-input button:hover:not(:disabled){background:#7c3aed}.global-input button:disabled{opacity:.4;cursor:not-allowed}.assembled-view{flex:1;display:flex;flex-direction:column;overflow:hidden}.assembled-header{padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--mu-fg-dim);border-bottom:1px solid var(--mu-border)}.assembled-status{color:var(--mu-accent)}.assembled-code{flex:1;padding:1rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.8rem;line-height:1.6;color:var(--mu-fg);overflow:auto;white-space:pre-wrap;word-break:break-all}.studio-footer{padding:.5rem 1rem;background:var(--mu-bg-surface);border-top:1px solid var(--mu-border);display:flex;justify-content:space-between;font-size:.7rem;opacity:.5}.studio-daw{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--mu-bg)}.song-timeline{background:var(--mu-bg-surface);border-bottom:1px solid var(--mu-border);padding:.75rem 1rem}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.timeline-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--mu-fg-dim)}.timeline-status{font-size:.7rem;color:var(--mu-accent)}.timeline-content{display:flex;gap:1rem;align-items:stretch}.project-style{flex:0 0 280px;display:flex;flex-direction:column;gap:.3rem}.project-style-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:var(--mu-accent);opacity:.7}.project-style-input{flex:1;padding:.5rem .75rem;font-size:.8rem;background:var(--mu-bg);border:1px solid var(--mu-border);border-radius:.5rem;color:var(--mu-fg)}.project-style-input:focus{border-color:var(--mu-accent-dim);background:#8b5cf608}.project-style-input::placeholder{color:var(--mu-fg-dim);opacity:.5;font-size:.7rem}.timeline-code{flex:1;background:var(--mu-bg);border-radius:.5rem;padding:.75rem 1rem;overflow-x:auto;max-height:80px}.timeline-code pre{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.75rem;line-height:1.5;color:var(--mu-accent);white-space:pre-wrap;word-break:break-all;margin:0}.global-prompt-bar{display:flex;gap:.5rem;padding:.75rem 1rem;background:var(--mu-bg-elevated);border-bottom:1px solid var(--mu-border)}.global-prompt-bar .global-input{flex:1;background:var(--mu-bg);padding:.6rem 1rem;border-radius:.5rem;border:1px solid var(--mu-border);font-size:.85rem}.global-prompt-bar .global-input:focus{border-color:var(--mu-accent-dim);box-shadow:0 0 0 2px var(--mu-glow)}.global-prompt-bar .global-submit{padding:.6rem 1.25rem;background:var(--mu-accent);color:#fff;border-radius:.5rem;font-size:.8rem;font-weight:500;white-space:nowrap;transition:all .2s}.global-prompt-bar .global-submit:hover:not(:disabled){background:#7c3aed}.global-prompt-bar .global-submit:disabled{opacity:.4;cursor:not-allowed}.tracks-container{flex:1 1 auto;padding:.5rem;display:flex;flex-direction:column;gap:2px}.track-row{background:var(--mu-bg-surface);border-radius:.5rem;overflow:hidden;transition:background .3s}.track-header{display:flex;align-items:center;gap:.75rem;padding:0 1rem;height:60px}.track-controls{display:flex;align-items:center;gap:.5rem;min-width:180px}.track-icon{font-size:1.2rem;width:1.5rem;text-align:center}.track-name{font-size:.8rem;font-weight:500;text-transform:capitalize;min-width:60px}.track-btn{width:1.75rem;height:1.75rem;border-radius:.25rem;background:var(--mu-bg);border:1px solid var(--mu-border);display:flex;align-items:center;justify-content:center;font-size:.75rem;opacity:.6;transition:all .2s}.track-btn:hover:not(:disabled){opacity:1;background:var(--mu-bg-elevated)}.track-btn.active{opacity:1;background:var(--mu-accent-dim);border-color:var(--mu-accent)}.track-btn.magic{color:#fbbf24}.track-btn:disabled{opacity:.2;cursor:not-allowed}.track-code-preview{flex:1;overflow:hidden;padding:0 1rem}.track-code-preview code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.track-prompt{display:flex;gap:.25rem;min-width:250px;max-width:350px}.track-input{flex:1;background:var(--mu-bg);padding:.5rem .75rem;border-radius:.25rem;border:1px solid var(--mu-border);font-size:.8rem}.track-input:focus{border-color:var(--mu-accent-dim);box-shadow:0 0 0 2px var(--mu-glow)}.track-submit{padding:.5rem .75rem;background:var(--mu-accent-dim);border-radius:.25rem;border:1px solid var(--mu-accent);font-size:.85rem;transition:all .2s}.track-submit:hover:not(:disabled){background:var(--mu-accent);color:#fff}.track-submit:disabled{opacity:.3;cursor:not-allowed}.track-expand{width:2rem;height:2rem;border-radius:.25rem;background:transparent;border:1px solid var(--mu-border);opacity:.5;transition:all .2s;font-size:.7rem}.track-expand:hover{opacity:1;background:var(--mu-bg)}.prompt-suggestions{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:var(--mu-bg-elevated);border:1px solid var(--mu-border);border-radius:.5rem;overflow:hidden;z-index:50;box-shadow:0 4px 12px #0006}.suggestions-header{padding:.5rem .75rem;font-size:.65rem;color:var(--mu-fg-dim);border-bottom:1px solid var(--mu-border)}.suggestion-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.5rem .75rem;background:none;border:none;border-bottom:1px solid var(--mu-border);text-align:left;cursor:pointer;transition:background .2s}.suggestion-item:hover{background:var(--mu-accent-dim)}.suggestion-item:last-child{border-bottom:none}.suggestion-text{font-size:.75rem;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-count{font-size:.65rem;opacity:.5;margin-left:.5rem}.track-expanded{border-top:1px solid var(--mu-border);overflow:hidden}.track-expanded-content{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:1px;background:var(--mu-border);min-height:200px}.track-style{background:var(--mu-bg);padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.style-header,.editor-header{display:flex;align-items:center;justify-content:space-between;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.style-hint,.editor-hint{font-size:.6rem;opacity:.4;letter-spacing:.05em}.style-textarea{flex:1;font-family:inherit;font-size:.8rem;line-height:1.5;padding:.5rem;background:#ffffff05;border:1px solid var(--mu-border);border-radius:4px;resize:none;min-height:100px}.style-textarea:focus{border-color:var(--mu-accent-dim);background:#8b5cf608}.style-textarea::placeholder{color:var(--mu-fg-dim);opacity:.5}.track-editor{position:relative;background:var(--mu-bg);padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.track-textarea{flex:1;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.8rem;line-height:1.5;background:var(--mu-bg-elevated);color:var(--mu-accent);padding:.75rem;border-radius:.5rem;border:1px solid var(--mu-border);resize:none;min-height:150px}.track-textarea:focus{border-color:var(--mu-accent-dim);box-shadow:0 0 0 2px var(--mu-glow)}.track-error{font-size:.7rem;color:#ef4444}.track-meta{display:flex;justify-content:space-between;font-size:.65rem;opacity:.5}.track-chat{background:var(--mu-bg-surface);display:flex;flex-direction:column}.track-chat .chat-header{padding:.5rem .75rem;border-bottom:1px solid var(--mu-border);display:flex;justify-content:space-between;align-items:center;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--mu-fg-dim)}.chat-action{width:1.5rem;height:1.5rem;border-radius:.25rem;background:transparent;border:1px solid transparent;font-size:.7rem;opacity:.6;transition:all .2s}.chat-action:hover{opacity:1;background:var(--mu-bg)}.chat-action.danger:hover{background:#ef444433}.track-chat .chat-messages{flex:1;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.5rem}.chat-empty{flex:1;display:flex;align-items:center;justify-content:center;font-size:.8rem;opacity:.3}.chat-message{padding:.5rem .75rem;border-radius:.5rem;font-size:.8rem}.chat-role{font-weight:500;margin-right:.5rem}.chat-content{opacity:.9}.chat-code{display:block;margin-top:.25rem;padding:.25rem .5rem;background:#0000004d;border-radius:.25rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.7rem;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tracks-divider{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;color:var(--mu-fg-dim);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.tracks-divider:before,.tracks-divider:after{content:"";flex:1;height:1px;background:var(--mu-border)}.instrument-track{min-height:50px}.instrument-name-input{background:transparent;border:none;font-family:inherit;font-size:.85rem;font-weight:500;width:80px;padding:.2rem .4rem;border-radius:var(--mu-radius-sm)}.instrument-name-input:hover,.instrument-name-input:focus{background:#ffffff0d;outline:none}.instrument-controls{display:flex;gap:1.5rem;padding:.75rem 1rem;background:#0003;border-bottom:1px solid var(--mu-border)}.instrument-control{display:flex;align-items:center;gap:.5rem;font-size:.75rem}.instrument-control label{color:var(--mu-fg-dim);min-width:50px}.instrument-control input[type=range]{width:100px;height:4px;-webkit-appearance:none;background:var(--mu-border);border-radius:2px;cursor:pointer}.instrument-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--mu-accent);border-radius:50%;cursor:grab}.instrument-control span{min-width:40px;text-align:right;color:var(--mu-fg)}.add-track-container{position:relative;padding:.5rem}.add-track-btn{width:100%;padding:.75rem;background:transparent;border:1px dashed var(--mu-border);border-radius:var(--mu-radius-md);color:var(--mu-fg-dim);font-family:inherit;font-size:.8rem;cursor:pointer;transition:all var(--mu-transition-fast)}.add-track-btn:hover{border-color:var(--mu-accent);color:var(--mu-accent);background:#8b5cf60d}.add-track-dropdown{position:absolute;top:100%;left:.5rem;right:.5rem;background:var(--mu-surface);border:1px solid var(--mu-border);border-radius:var(--mu-radius-md);box-shadow:var(--mu-shadow-md);z-index:100;max-height:300px;overflow-y:auto}.add-track-option{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.6rem .75rem;background:transparent;border:none;color:var(--mu-fg);font-family:inherit;font-size:.8rem;cursor:pointer;text-align:left;transition:background var(--mu-transition-fast)}.add-track-option:hover{background:#ffffff0d}.add-track-option .preset-name{font-weight:500}.add-track-option .preset-instrument{color:var(--mu-fg-dim);font-size:.7rem}@media(max-width:1200px){.studio-main{grid-template-columns:1fr 1fr}.contexts-side{display:none}.track-controls{min-width:140px}.track-prompt{min-width:180px;max-width:250px}}@media(max-width:768px){.studio-main{grid-template-columns:1fr}.contexts-grid,.transport-scale{display:none}.track-header{flex-wrap:wrap;height:auto;padding:.5rem;gap:.5rem}.track-controls{min-width:100%;order:1}.track-code-preview{display:none}.track-prompt{flex:1;min-width:0;max-width:none;order:2}.track-expand{order:3}.track-expanded-content{grid-template-columns:1fr}.track-style{min-height:80px}.style-textarea{min-height:60px;font-size:16px}.track-list{overflow-y:auto;-webkit-overflow-scrolling:touch}.track-textarea,.track-input{font-size:16px}}.studio-sidebar{display:flex;flex-direction:column;background:var(--mu-bg-surface);border-left:1px solid var(--mu-border);overflow-y:auto;height:100%}.sidebar-section{padding:1rem;border-bottom:1px solid var(--mu-border)}.sidebar-brand{display:flex;align-items:baseline;gap:.5rem;padding:1.25rem 1rem}.sidebar-brand .brand-logo{font-size:1.75rem;font-weight:200;letter-spacing:.15em;color:var(--mu-accent)}.sidebar-brand .brand-sub{font-size:.75rem;opacity:.4;text-transform:uppercase;letter-spacing:.15em}.section-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--mu-fg-dim);margin-bottom:.75rem}.transport-controls{display:flex;align-items:center;gap:1rem}.transport-controls .transport-btn{width:3rem;height:3rem;border-radius:50%;background:var(--mu-bg-elevated);border:2px solid var(--mu-border);display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .2s}.transport-controls .transport-btn:hover{background:var(--mu-accent-dim);border-color:var(--mu-accent)}.transport-controls .transport-btn.playing{background:var(--mu-accent);border-color:var(--mu-accent);color:#fff}.transport-status{font-size:.75rem;color:var(--mu-accent);opacity:.8}.tempo-control{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.tempo-input{width:60px;text-align:center;background:var(--mu-bg-elevated);padding:.5rem;border-radius:.25rem;border:1px solid var(--mu-border);font-size:1rem;font-weight:500}.tempo-unit{font-size:.7rem;opacity:.5}.tempo-slider{flex:1;min-width:100px;height:4px;margin-top:.5rem;appearance:none;background:var(--mu-bg);border-radius:2px}.tempo-slider::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:var(--mu-accent);cursor:pointer}.scale-control{display:flex;gap:.5rem}.scale-select{flex:1;background:var(--mu-bg-elevated);padding:.5rem;border-radius:.25rem;border:1px solid var(--mu-border);font-size:.85rem;cursor:pointer}.creativity-control{display:flex;flex-direction:column;gap:.5rem}.creativity-slider{width:100%;height:6px;appearance:none;background:linear-gradient(90deg,var(--mu-border) 0%,var(--mu-accent-dim) 50%,var(--mu-accent) 100%);border-radius:3px}.creativity-slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--mu-accent);cursor:pointer;box-shadow:0 2px 4px #0000004d}.creativity-labels{display:flex;justify-content:space-between;font-size:.65rem;opacity:.4}.creativity-labels span.active{opacity:1;color:var(--mu-accent)}.creativity-value{text-align:center;font-size:.8rem;font-weight:500;color:var(--mu-accent)}.session-control{display:flex;flex-direction:column;gap:.5rem;position:relative}.session-current{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--mu-bg-elevated);border:1px solid var(--mu-border);border-radius:.25rem;cursor:pointer;transition:border-color .2s}.session-current:hover{border-color:var(--mu-accent-dim)}.session-name{font-size:.85rem;font-weight:500}.session-arrow{font-size:.6rem;opacity:.5}.session-buttons{display:flex;gap:.5rem}.session-buttons button{flex:1;padding:.5rem;background:var(--mu-bg);border:1px solid var(--mu-border);border-radius:.25rem;font-size:.9rem;cursor:pointer;transition:all .2s}.session-buttons button:hover{background:var(--mu-bg-elevated);border-color:var(--mu-accent-dim)}.session-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:var(--mu-bg-elevated);border:1px solid var(--mu-border);border-radius:.5rem;max-height:200px;overflow-y:auto;z-index:50;box-shadow:0 4px 12px #0006}.session-empty{padding:1rem;text-align:center;font-size:.75rem;opacity:.5}.session-item{display:flex;align-items:center;border-bottom:1px solid var(--mu-border)}.session-item:last-child{border-bottom:none}.session-load{flex:1;padding:.75rem;background:none;border:none;text-align:left;font-size:.8rem;cursor:pointer;transition:background .2s}.session-load:hover{background:var(--mu-accent-dim)}.session-delete{padding:.5rem .75rem;background:none;border:none;color:#ef4444;cursor:pointer;opacity:.5;font-size:1rem}.session-delete:hover{opacity:1}.model-select{width:100%;background:var(--mu-bg-elevated);padding:.5rem;border-radius:.25rem;border:1px solid var(--mu-border);font-size:.85rem;cursor:pointer}.reference-control{display:flex;flex-direction:column;gap:.5rem}.reference-loaded{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--mu-accent-dim);border-radius:.25rem;border:1px solid var(--mu-accent)}.reference-name{flex:1;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-clear{background:none;border:none;color:var(--mu-accent);cursor:pointer;font-size:1rem;opacity:.7}.reference-clear:hover{opacity:1}.reference-upload{width:100%;padding:.75rem;background:var(--mu-bg);border:2px dashed var(--mu-border);border-radius:.5rem;font-size:.8rem;cursor:pointer;transition:all .2s}.reference-upload:hover{border-color:var(--mu-accent-dim);background:var(--mu-bg-elevated)}.reference-error{font-size:.7rem;color:#ef4444}.sidebar-user{margin-top:auto;display:flex;justify-content:space-between;align-items:center}.sidebar-user .user-name{font-size:.75rem;opacity:.6}.sidebar-user .logout-btn{font-size:.7rem;background:none;border:none;opacity:.4;cursor:pointer;transition:opacity .2s}.sidebar-user .logout-btn:hover{opacity:1}.save-dialog-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.save-dialog{background:var(--mu-bg-surface);border:1px solid var(--mu-border);border-radius:.75rem;padding:1.5rem;min-width:300px}.save-dialog h3{margin:0 0 1rem;font-size:1rem;font-weight:500}.save-dialog input{width:100%;padding:.75rem;background:var(--mu-bg);border:1px solid var(--mu-border);border-radius:.5rem;font-size:.9rem;margin-bottom:1rem}.save-dialog-buttons{display:flex;gap:.5rem;justify-content:flex-end}.save-dialog-buttons button{padding:.5rem 1rem;border-radius:.5rem;font-size:.85rem;cursor:pointer;transition:all .2s}.save-dialog-buttons button:first-child{background:var(--mu-bg);border:1px solid var(--mu-border)}.save-dialog-buttons button.primary{background:var(--mu-accent);border:none;color:#fff}.track-visual{display:flex;align-items:flex-end;gap:2px;height:24px;min-width:60px;padding:0 .5rem}.track-visual-bar{width:4px;height:100%;border-radius:2px;transition:background-color .2s}@media(max-width:1280px){.studio{grid-template-columns:1fr 280px}}@media(max-width:1024px){.studio{grid-template-columns:1fr}.studio-sidebar{display:none}}@media(max-width:768px){.timeline-btn,.transport-btn,.back-btn,.conductor-settings-btn,.conductor-submit,.track-control-btn,.track-row .track-controls button{min-width:48px;min-height:48px;font-size:1.25rem}.studio-tracks-panel{flex:0 0 auto;max-width:none;min-width:0;border-bottom:1px solid rgba(255,255,255,.06)}.studio-timeline-panel{flex:0 0 auto;padding:.75rem}.conductor-bar{height:auto;min-height:60px;max-height:20vh;padding:.75rem 1rem}.conductor-container{flex-wrap:wrap;gap:.75rem}.conductor-input-wrapper{order:1;flex:1 1 100%}.conductor-input{padding:.75rem 1rem;font-size:.95rem;border-radius:10px}.conductor-input::placeholder{font-size:.9rem;opacity:.5}.conductor-input:focus{border-color:var(--mu-accent);background:#14141cfa}.conductor-settings-btn{order:2;font-size:1.25rem}.conductor-settings-panel{position:fixed;bottom:100px;left:1rem;right:1rem;width:auto;max-width:none;border-radius:16px;font-size:1rem}.track-row{min-height:70px}.track-collapsed{padding:1rem}.track-name{font-size:1rem;padding:.5rem .75rem;font-weight:500}.section-block{min-height:50px;padding:.75rem}.section-label{font-size:.9rem}.section-bars{font-size:.8rem}.track-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:transparent;transition:background .2s}.track-row.swipe-left:before{background:#ef444480}.track-row.swipe-right:before{background:var(--mu-accent)}.studio-mini-header{padding:.75rem;gap:.75rem}.mini-brand{display:none}.mini-transport .transport-status{max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9rem}.transport-btn{font-size:1.25rem}.mini-user{font-size:.65rem}.timeline-track{flex-wrap:wrap;gap:4px;padding:.5rem}.section-block{min-width:50px;flex:1}.assembled-code{max-height:150px}.assembled-code pre{font-size:.6rem}}.track-fullscreen-modal{position:fixed;inset:0;z-index:500;background:var(--mu-bg);display:flex;flex-direction:column}.track-fullscreen-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid rgba(255,255,255,.06)}.track-fullscreen-close{width:44px;height:44px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.track-fullscreen-content{flex:1;overflow-y:auto;padding:1rem}.track-fullscreen-code textarea{width:100%;min-height:200px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;font-family:Berkeley Mono,JetBrains Mono,monospace;font-size:.9rem;resize:vertical}.track-fullscreen-actions{display:flex;gap:1rem;padding:1rem;border-top:1px solid rgba(255,255,255,.06)}.track-fullscreen-actions button{flex:1;padding:1rem;border-radius:12px;font-size:1rem;font-weight:500}.track-fullscreen-actions .save-btn{background:var(--mu-accent)}.track-fullscreen-actions .cancel-btn{background:#ffffff1a}@media(max-width:480px){.conductor-input{font-size:.9rem;padding:.875rem}.section-label{font-size:.55rem}.section-bars{display:none}.track-expanded-content{grid-template-columns:1fr;gap:.5rem}.track-style,.track-chat{display:none}.track-code-panel{grid-column:1}}