@font-face{font-family:Geist;src:url('/fonts/geist.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:'Geist Mono';src:url('/fonts/geist-mono.woff2') format('woff2');font-weight:100 900;font-display:swap}:root{--font-geist-sans:Geist,Arial,sans-serif;--font-geist-mono:'Geist Mono',monospace}#studio{display:contents}.boot-message{padding:32px;color:#b7bab8;font:11px var(--font-geist-mono);letter-spacing:.15em}.information{margin:0;background:#101111;color:#e8e9e6;font:15px/1.8 Geist,Arial,sans-serif}.information nav{display:flex;gap:28px;padding:24px 5%;border-bottom:1px solid #333}.information a{color:inherit}.information nav a:first-child{margin-right:auto;font-weight:800;letter-spacing:.1em}.information main{max-width:760px;margin:70px auto;padding:0 24px 80px}.information h1{font-size:42px;line-height:1.15}.information h2{margin-top:38px;font:13px 'Geist Mono',monospace}.information p{color:#b5bbb8}

.song-dock{position:relative;z-index:2;min-width:0;border-block:1px solid #343938;background:#151a19;color:#e7efeb;padding:12px 14px;font:10px var(--font-geist-mono);letter-spacing:.025em}.song-dock.is-dragging{outline:2px solid #94e7c7;outline-offset:-2px;background:#1a3028}.song-main{display:flex;align-items:center;gap:12px;min-width:0}.song-dock button{font:inherit;letter-spacing:inherit;border:1px solid #46574e;border-radius:3px;background:#202b26;color:#dcf4e6;padding:9px 11px;cursor:pointer;white-space:nowrap}.song-dock button:hover{background:#314439}.song-dock button:disabled{opacity:.45;cursor:wait}.song-dock :focus-visible{outline:2px solid #a5f7d0;outline-offset:3px}.song-dock .song-upload{background:#c8eedc;color:#142c20;border-color:#c8eedc;font-weight:700}.song-track{flex:1;min-width:0}.song-track strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 11px var(--font-geist-sans);margin-bottom:4px}.song-track span{display:block;color:#94a69b;font-size:9px;line-height:1.5}.song-track .song-error{color:#ffa596}.song-dock .song-sync[aria-pressed=true]{border-color:#8bd5b2;color:#b7f7d5}.song-response{display:flex;align-items:center;gap:22px;margin-top:12px}.song-meters{display:flex;gap:9px;flex:1;min-width:125px}.song-meter{display:flex;flex-direction:column;gap:5px;flex:1;font-size:8px;color:#a5b9ac}.song-meter meter{width:100%;height:5px;appearance:none;border:0;background:#35443b}.song-meter meter::-webkit-meter-bar{height:5px;border:0;background:#35443b}.song-meter meter::-webkit-meter-optimum-value{background:#b1efd0}.song-meter meter::-moz-meter-bar{background:#b1efd0}.song-slider{display:block;flex:1;min-width:100px;font-size:9px}.song-slider>span{display:flex;justify-content:space-between;gap:12px;color:#acbfb2}.song-slider input{display:block;width:100%;height:16px;accent-color:#b1efd0;margin:3px 0 0}.song-slider small{color:#94a69b}.song-details summary{cursor:pointer;color:#cbe8d8;padding:8px 0;white-space:nowrap}.song-fine-tune{position:absolute;top:100%;left:0;right:0;display:flex;gap:20px;padding:20px;background:#19231e;border:1px solid #46574e;box-shadow:0 12px 20px #0005;z-index:10}.song-export{display:flex;align-items:center;gap:6px;line-height:1.6;max-width:135px}.song-export input{accent-color:#b1efd0}.song-dock .song-remove{border:0;background:transparent;font-size:18px;padding:4px 6px}@media(max-width:800px){.song-main{flex-wrap:wrap;gap:8px}.song-track{flex-basis:calc(100% - 150px)}.song-response{gap:12px}.song-fine-tune{flex-wrap:wrap}.song-fine-tune .song-slider{flex-basis:25%}.song-export{max-width:none}}@media(prefers-reduced-motion:reduce){.song-dock *{transition:none}}
/* The song dock adds a row ahead of the canvas; preserve transport/status rows. */
.mode-pro .stage-panel.stage-panel:has(>.song-dock){grid-template-rows:auto auto minmax(220px,1fr);grid-auto-rows:auto;overflow-y:auto}.mode-easy .stage-panel.stage-panel:has(>.song-dock){grid-template-rows:auto minmax(180px,1fr) auto;grid-auto-rows:auto}.song-dock{align-self:start}@media(max-width:780px){.mode-pro .stage-panel.stage-panel:has(>.song-dock){grid-template-rows:auto auto minmax(300px,65vh);height:auto}.mode-easy .stage-panel.stage-panel:has(>.song-dock){min-height:600px}}
.song-style{display:flex;flex-direction:column;gap:5px;font-size:8px;color:#acbfb2}.song-style select{font:10px var(--font-geist-mono);color:#d9f2e3;background:#202b26;border:1px solid #46574e;border-radius:3px;max-width:185px;padding:6px}.song-response{flex-wrap:wrap}.song-response>.song-slider{max-width:200px}@media(max-width:600px){.song-meters{flex-basis:100%}.song-style{flex:1}.song-style select{max-width:100%;width:100%}.song-response>.song-slider{flex:1}}