*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#030b12}body{color:#f2f6f7;background:radial-gradient(circle at 50% -20%,#102638 0,#030b12 42%);min-width:320px;min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif}button,input,select{font:inherit}:root{--bg:#030b12;--panel:#0a1722;--panel-deep:#07121b;--line:#29404f;--line-soft:#152a36;--text:#f2f6f7;--muted:#8497a4;--coral:#ff6453;--lime:#c9ef25;--cyan:#48d6e8;--radius:5px;--font-display:"Arial Narrow", "Roboto Condensed", system-ui, sans-serif}.instrument-shell{width:min(100%,1500px);min-height:100vh;margin:0 auto;padding:10px 12px 14px}.topbar{grid-template-columns:300px 1fr 170px;align-items:center;gap:18px;min-height:58px;display:grid}.topbar-meta{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.source-link{color:var(--muted);font:700 10px var(--font-display);letter-spacing:.8px;text-transform:uppercase;white-space:nowrap;text-decoration:none}.source-link:hover,.source-link:focus-visible{color:var(--cyan);text-decoration:underline}.source-link-footer{margin-left:auto}.wordmark{color:var(--text);font:800 30px/1 var(--font-display);letter-spacing:2px;text-decoration:none}.wordmark span{color:var(--lime)}.transport-actions{justify-content:center;gap:10px;display:flex}.button{border-radius:var(--radius);color:#d8e1e6;min-height:46px;font:700 13px var(--font-display);letter-spacing:.6px;text-transform:uppercase;cursor:pointer;background:linear-gradient(#101f2b,#09141e);border:1px solid #415463;padding:0 23px;box-shadow:inset 0 0 0 1px #101e28,0 2px 8px #0006}.button:hover:not(:disabled),.button:focus-visible{filter:brightness(1.15);border-color:currentColor}.button:focus-visible,.step:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #fff}.button:disabled{opacity:.38;cursor:not-allowed}.button-play{color:#fff;background:linear-gradient(135deg,#ff6f5e,#ef493d);border-color:#ff8d80}.button-generate{color:var(--lime);background:linear-gradient(#283412,#111b14);border-color:#73910d}.button-mutate{color:var(--cyan);border-color:#2498a6}.meter{justify-content:flex-end;gap:5px;display:flex}.meter i{background:var(--lime);opacity:.3;border-radius:3px;width:19px;height:5px}.meter i:nth-child(-n+3){opacity:1}.session-bar{border:1px solid var(--line-soft);border-radius:var(--radius);min-height:39px;color:var(--muted);background:#06111a;align-items:center;gap:10px;margin:4px 0 9px;padding:5px 8px 5px 12px;font-size:12px;display:flex}.live-dot{background:var(--cyan);width:7px;height:7px;box-shadow:0 0 10px var(--cyan);border-radius:50%}.revision{color:var(--cyan);font:700 10px var(--font-display);letter-spacing:1px}.session-bar .button{min-height:27px;margin-left:auto;padding:0 12px;font-size:10px}.session-bar .button-copy{margin-left:0}.session-error{color:#ff988e}.agent-play-banner{border-radius:var(--radius);color:#d8e1e6;background:linear-gradient(#111b14,#06111a);border:1px solid #73910d;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 9px;padding:10px 12px;display:flex}.agent-play-banner p{margin:0;font-size:12px;line-height:1.4}.agent-play-banner strong{color:var(--lime)}.agent-connection-panel{margin:0 0 9px}.agent-connection-bar{border:1px solid var(--line-soft);border-radius:var(--radius);background:linear-gradient(#08141e,#06111a);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:52px;padding:10px 12px;display:grid}.agent-indicator{border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 2px #0006}.agent-indicator.is-disconnected{background:#ff6453;box-shadow:0 0 10px #ff6453aa,0 0 0 2px #0006}.agent-indicator.is-connected{background:#57ef57;box-shadow:0 0 12px #57ef57cc,0 0 0 2px #0006}.agent-connection-copy{gap:2px;min-width:0;margin:0;display:grid}.agent-connection-copy strong{color:var(--text);font:700 12px var(--font-display);letter-spacing:.8px;text-transform:uppercase}.agent-connection-copy span{color:var(--muted);font-size:12px;line-height:1.35}.button-connect-agent{min-height:38px;color:var(--lime);white-space:nowrap;background:linear-gradient(#283412,#111b14);border-color:#73910d;padding:0 16px}.agent-guide{border:1px solid var(--line-soft);border-radius:var(--radius);color:#bac5cb;background:#06111a;margin:0 0 9px}.agent-guide>summary{cursor:pointer;color:var(--lime);font:700 11px var(--font-display);letter-spacing:1px;text-transform:uppercase;padding:10px 12px;list-style:none}.agent-guide>summary::-webkit-details-marker{display:none}.agent-guide[open]>summary{border-bottom:1px solid var(--line-soft)}.agent-guide-body{gap:14px;padding:12px 14px 14px;font-size:12px;line-height:1.5;display:grid}.agent-guide-lede{color:var(--muted);margin:0}.agent-guide-section h2{color:var(--cyan);font:700 10px var(--font-display);letter-spacing:1px;text-transform:uppercase;margin:0 0 6px}.agent-guide-section p,.agent-guide-section ol{margin:0 0 8px}.agent-guide-section ol{padding-left:18px}.agent-guide-section code{color:var(--lime);font-size:11px}.agent-guide-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.agent-guide-row code,.agent-guide pre{border:1px solid var(--line);border-radius:var(--radius);color:#d8e1e6;white-space:pre-wrap;word-break:break-word;background:#030b12;flex:100%;margin:0;padding:10px 12px;font:500 11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-x:auto}.agent-guide-prompt{max-height:220px;overflow:auto}.button-copy-inline{min-height:30px;padding:0 12px;font-size:10px}.activity-feed{border:1px solid var(--line-soft);border-radius:var(--radius);background:#06111a;grid-template-columns:max-content 1fr;align-items:center;gap:12px;margin:0 0 9px;padding:7px 10px;display:grid}.activity-feed h2{color:var(--muted);font:700 10px var(--font-display);letter-spacing:1px;text-transform:uppercase;margin:0}.activity-feed ol{gap:16px;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.activity-feed li{color:#bac5cb;flex:none;align-items:center;gap:7px;font-size:11px;display:flex}.activity-feed time{color:var(--muted);font-variant-numeric:tabular-nums}.activity-actor{color:var(--cyan);font:800 9px var(--font-display);letter-spacing:.8px}.activity-actor-mcp{color:var(--lime)}.control-rack{grid-template-columns:1fr .9fr .8fr 1fr 1fr 1fr;gap:7px;display:grid}.control-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#0c1d29,#08141e);flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:105px;padding:10px 12px;display:flex}.control-label{color:#bac5cb;font:700 12px var(--font-display);letter-spacing:1.3px;text-transform:uppercase}.control-value{color:var(--cyan);font:700 29px/1 var(--font-display)}.control-card:first-child .control-value{color:var(--coral)}.control-card:nth-child(2) .control-value,.control-card:nth-child(6) .control-value{color:var(--lime)}.control-card small{color:var(--muted);font:700 10px var(--font-display);margin-left:4px}.control-card input[type=range]{width:100%;accent-color:var(--cyan)}.control-card select{width:100%;color:var(--cyan);text-align:center;font:700 19px var(--font-display);text-transform:capitalize;background:0 0;border:0}.timing-strip{color:#9fb0bb;font:700 10px var(--font-display);letter-spacing:.8px;justify-content:flex-end;gap:20px;padding:10px 14px 7px;display:flex}.timing-strip span:before{content:"•";color:var(--cyan);margin-right:7px}.arrangement{gap:4px;margin-bottom:7px;display:flex;overflow-x:auto}.arrangement span{border:1px solid var(--line);min-width:110px;color:var(--muted);background:var(--panel);text-transform:uppercase;padding:7px 10px;font-size:10px}.arrangement strong{color:var(--text);margin-bottom:3px;display:block}.arrangement span.is-current{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--panel))}.arrangement-progress{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:-2px 0 7px;font-size:10px}.sequencer{border:1px solid var(--line);border-radius:var(--radius);background:#050f17;overflow:hidden}.step-header,.track-row{grid-template-columns:190px minmax(850px,1fr);display:grid}.step-header{color:#acb8c0;border-bottom:1px solid var(--line);min-height:32px;font:700 11px var(--font-display);letter-spacing:1px;text-transform:uppercase;align-items:center}.step-header>span{text-align:center}.step-numbers,.step-grid{grid-template-columns:repeat(16,minmax(44px,1fr));display:grid}.step-numbers span{text-align:center}.track-row{border-bottom:1px solid;min-height:91px}.track-row:last-child{border-bottom:0}.track-drums{color:var(--coral);background:#170f11}.track-bass{color:var(--lime);background:#111a11}.track-melody{color:var(--cyan);background:#0b1a20}.track-label{font:700 20px var(--font-display);letter-spacing:1px;text-transform:uppercase;border-right:1px solid;grid-template-rows:auto auto auto;grid-template-columns:48px 1fr;align-items:end;padding:14px;display:grid}.track-preset{grid-column:2;margin-top:4px}.track-preset select{border-radius:var(--radius);width:100%;color:var(--cyan);font:700 10px var(--font-display);letter-spacing:.6px;text-transform:uppercase;background:#08141e;border:1px solid #415463;padding:4px 6px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.timeline-strip{border:1px solid var(--line-soft);border-radius:var(--radius);background:#06111a;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:0 0 9px;padding:8px 10px;display:grid}.timeline-strip-label{color:var(--muted);font:700 10px var(--font-display);letter-spacing:1px;text-transform:uppercase}.timeline-tabs{gap:6px;display:flex;overflow-x:auto}.timeline-tabs button{border:1px solid var(--line);border-radius:var(--radius);min-height:30px;color:var(--muted);font:700 10px var(--font-display);letter-spacing:.6px;text-transform:uppercase;cursor:pointer;background:#08141e;padding:0 12px}.timeline-tabs button.is-active{color:var(--lime);background:#111b14;border-color:#73910d}.timeline-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.track-label small{color:var(--muted);letter-spacing:.8px;align-self:start;font-size:9px}.track-icon{grid-row:1/3;align-self:center;font-size:34px}.step{cursor:pointer;background:0 0;border:0;border-right:1px solid #17242c;min-width:0;position:relative}.step:nth-child(4n){border-right-color:#53606a}.step.is-current{box-shadow:inset 2px 0 var(--coral), inset -2px 0 var(--coral);background:#ff645315}.step span{background:#ffffff08;border:1px solid #ffffff12;border-radius:2px;transition:transform .12s,background .12s;position:absolute;inset:29% 18%}.step[aria-pressed=true] span{color:inherit;background:currentColor;border-color:currentColor;transform:scale(.8);box-shadow:0 0 12px}.visualizer{border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(circle,#10212d,#030b12 63%);width:100%;height:220px;margin-top:8px;display:block}.status-footer{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);min-height:58px;color:var(--cyan);font:700 11px var(--font-display);text-transform:uppercase;align-items:center;gap:28px;margin-top:8px;padding:8px 20px;display:flex}.track-stat{align-items:center;gap:8px;display:flex}.track-stat i{background:linear-gradient(90deg, currentColor var(--fill), #14212a var(--fill));border:1px solid #263845;width:95px;height:8px}.track-drums.track-stat{color:var(--coral)}.track-bass.track-stat{color:var(--lime)}.track-melody.track-stat{color:var(--cyan)}.loop-length{color:var(--muted);margin-left:auto}.loop-length strong{color:#fff;margin-left:12px}.song-builder{border:1px solid var(--line-soft);border-radius:var(--radius);background:#06111a;margin:0 0 9px;overflow:hidden}.song-builder-tabs{border-bottom:1px solid var(--line-soft);gap:6px;padding:8px 10px;display:flex}.song-builder-tabs button{border:1px solid var(--line);border-radius:var(--radius);min-height:30px;color:var(--muted);font:700 10px var(--font-display);letter-spacing:.6px;text-transform:uppercase;cursor:pointer;background:#08141e;padding:0 14px}.song-builder-tabs button.is-active{color:var(--lime);background:#111b14;border-color:#73910d}.song-timeline,.scene-matrix,.group-panel{padding:12px 14px 14px}.song-timeline-header,.scene-matrix-header,.group-panel-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.song-timeline-header h2,.scene-matrix-header h2,.group-panel-header h2{color:var(--text);font:700 12px var(--font-display);letter-spacing:.8px;text-transform:uppercase;margin:0}.song-timeline-header p,.scene-matrix-header p,.group-panel-header p{color:var(--muted);margin:4px 0 0;font-size:12px}.song-ruler{gap:2px;margin-bottom:6px;display:flex;overflow-x:auto}.song-ruler span{text-align:center;color:#667780;min-width:22px;font:700 9px var(--font-display)}.song-ruler span.in-loop{color:var(--lime)}.song-ruler-more{padding-left:6px;min-width:auto!important}.song-track-lane{border:1px solid var(--line);border-radius:var(--radius);background:#030b12;min-height:72px;display:flex;overflow:hidden}.song-block{color:#fff;background:linear-gradient(180deg, color-mix(in srgb, var(--block-color,#57ef57) 28%, #08141e), #06111a);cursor:pointer;text-align:left;border:0;border-right:1px solid #17242c;align-content:center;gap:2px;min-width:48px;padding:8px 10px;display:grid}.song-block strong{font:700 11px var(--font-display);letter-spacing:.5px;text-transform:uppercase}.song-block span,.song-block em{color:#bac5cb;text-transform:uppercase;font-size:10px;font-style:normal}.song-block.is-active,.song-block.is-playing{box-shadow:inset 0 0 0 2px var(--lime)}.song-track-empty{color:var(--muted);margin:auto;font-size:12px}.loop-brace{flex-wrap:wrap;align-items:end;gap:10px;margin:12px 0;display:flex}.loop-brace label{color:var(--muted);text-transform:uppercase;gap:4px;font-size:10px;display:grid}.loop-brace input{border:1px solid var(--line);border-radius:var(--radius);width:72px;min-height:30px;color:var(--cyan);background:#08141e;padding:0 8px}.section-list{gap:8px;margin:0 0 12px;padding:0;list-style:none;display:grid}.section-list li{border:1px solid var(--line-soft);border-radius:var(--radius);background:#08141e;padding:10px}.section-list li.is-active{border-color:var(--lime)}.section-list-head,.section-list-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.section-list-head{margin-bottom:8px}.section-list-head input,.section-list-head select{border:1px solid var(--line);border-radius:var(--radius);min-height:30px;color:var(--text);background:#06111a;padding:0 8px}.section-list-controls label{color:var(--muted);text-transform:uppercase;gap:4px;font-size:10px;display:grid}.section-list-controls input{border:1px solid var(--line);border-radius:var(--radius);width:64px;min-height:30px;color:var(--cyan);background:#06111a;padding:0 8px}.section-add,.scene-add{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.section-add label{color:var(--muted);text-transform:uppercase;font-size:10px}.section-add select,.scene-add select{border:1px solid var(--line);border-radius:var(--radius);min-height:30px;color:var(--text);background:#06111a;padding:0 8px}.scene-groups{gap:14px;display:grid}.scene-group-block h3{font:700 11px var(--font-display);letter-spacing:.8px;text-transform:uppercase;margin:0 0 8px}.scene-cards,.group-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.scene-card,.group-card{border:1px solid var(--line-soft);border-radius:var(--radius);background:#08141e;gap:8px;padding:10px;display:grid}.scene-card.is-active{border-color:var(--lime)}.scene-card input,.group-card input{border:1px solid var(--line);border-radius:var(--radius);min-height:30px;color:var(--text);background:#06111a;padding:0 8px}.scene-card p,.scene-empty,.group-empty{color:var(--muted);margin:0;font-size:11px}.scene-card label,.group-card label{color:var(--muted);text-transform:uppercase;gap:4px;font-size:10px;display:grid}.scene-card-actions{flex-wrap:wrap;gap:6px;display:flex}.group-card{border-left:3px solid var(--group-color,var(--cyan))}.group-card-head{align-items:center;gap:8px;display:flex}.group-clips{flex-wrap:wrap;gap:6px;display:flex}.group-clips span{border:1px solid var(--line);color:var(--muted);text-transform:uppercase;border-radius:999px;padding:4px 8px;font-size:10px}.group-clips span.is-active{color:var(--lime);border-color:#73910d}.inline-error{border-left:3px solid var(--coral);color:#ffd3ce;background:#3a1717;margin:6px 0;padding:8px 12px}@media (width<=900px){.instrument-shell{padding:8px}.topbar{grid-template-columns:1fr;gap:8px}.wordmark{text-align:center}.transport-actions{justify-content:flex-start;padding-bottom:5px;overflow-x:auto}.button{min-width:max-content;padding:0 15px}.meter{display:none}.topbar-meta{align-items:center}.control-rack{grid-template-columns:repeat(2,1fr)}.agent-connection-bar{grid-template-columns:auto 1fr}.button-connect-agent{grid-column:1/-1;justify-self:stretch}.control-card{min-height:90px}.timing-strip{justify-content:flex-start;overflow-x:auto}.sequencer{overflow-x:auto}.step-header,.track-row{grid-template-columns:112px 850px}.track-label{z-index:2;background:inherit;grid-template-columns:32px 1fr;padding:9px;font-size:14px;position:sticky;left:0}.track-icon{font-size:24px}.visualizer{height:170px}.status-footer{gap:12px;overflow-x:auto}.track-stat i{width:45px}}@media (width<=520px){.button span{display:none}.button{min-width:47px}.session-bar{flex-wrap:wrap}.session-status{flex:1}.session-error{width:100%}.control-card{min-height:82px}.control-value{font-size:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.wizard-overlay{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#030b12d1;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.wizard-modal{border:1px solid var(--line);border-radius:var(--radius);width:min(100%,560px);max-height:calc(100vh - 48px);color:var(--text);background:linear-gradient(160deg,#0c1d29,#06111a);flex-direction:column;gap:14px;padding:20px 22px 18px;display:flex;overflow-y:auto;box-shadow:0 20px 60px #000a,0 0 0 1px #101e28}.wizard-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.wizard-step-count{color:var(--muted);font:700 10px var(--font-display);letter-spacing:1.2px;text-transform:uppercase}.wizard-skip{color:var(--muted);font:700 10px var(--font-display);letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:0}.wizard-skip:hover,.wizard-skip:focus-visible{color:var(--coral)}.wizard-dots{gap:6px;display:flex}.wizard-dots i{background:var(--line-soft);border-radius:2px;flex:1;height:3px}.wizard-dots i.is-active{background:var(--lime)}.wizard-dots i.is-done{background:#73910d}.wizard-title{color:var(--lime);font:800 20px var(--font-display);letter-spacing:.6px;margin:0}.wizard-body{color:#d8e1e6;gap:10px;font-size:13px;line-height:1.55;display:grid}.wizard-body p{margin:0}.wizard-body code{color:var(--cyan);font-size:12px}.wizard-body pre{border:1px solid var(--line);border-radius:var(--radius);color:#d8e1e6;white-space:pre-wrap;word-break:break-word;background:#030b12;margin:0;padding:10px 12px;font:500 11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-x:auto}.wizard-body .agent-guide-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wizard-body .agent-guide-row code{border:1px solid var(--line);border-radius:var(--radius);background:#030b12;flex:100%;padding:10px 12px;font-size:11px}.wizard-subhead{color:var(--muted);font:700 10px var(--font-display);letter-spacing:.8px;text-transform:uppercase;margin:4px 0 0}.wizard-footer{justify-content:space-between;gap:10px;margin-top:4px;display:flex}.wizard-footer .button{min-height:40px;padding:0 20px}.topbar-links{align-items:center;gap:14px;display:flex}.wizard-setup-button{cursor:pointer;background:0 0;border:none;padding:0}.wizard-setup-button:hover,.wizard-setup-button:focus-visible{color:var(--cyan);text-decoration:underline}@media (width<=520px){.wizard-overlay{padding:12px}.wizard-modal{padding:16px}}