:root{color:#f6f7fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#05070c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 50% -12%,#4293ff38,#0000 34rem),radial-gradient(circle at 6% 100%,#b74cff29,#0000 26rem),#05070c;min-height:100svh;overflow:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent;cursor:pointer}.app-shell{background:linear-gradient(#0d111bfa,#04060afa);grid-template-rows:auto 1fr;width:100%;min-height:100svh;max-height:100svh;display:grid;overflow:hidden}.app-body{min-height:0;padding:.85rem;overflow:auto}.transport-bar{padding:calc(env(safe-area-inset-top,0px) + .58rem) .76rem .58rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090c13eb;border-bottom:1px solid #ffffff17;grid-template-columns:minmax(0,1fr) auto minmax(5rem,.7fr);align-items:center;gap:.6rem;display:grid}.transport-left,.transport-right,.transport-controls,.brand-button{align-items:center;display:flex}.transport-left{gap:.4rem;min-width:0}.transport-right{justify-content:flex-end;gap:.38rem}.transport-controls{gap:.42rem}.brand-button{color:#fff;text-align:left;background:0 0;border:0;gap:.56rem;min-width:0;padding:0}.brand-button strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1rem,3.2vw,1.25rem);line-height:1.05;display:block;overflow:hidden}.brand-mark{background:#ffffff12;border-radius:.7rem;flex:none;grid-template-columns:repeat(4,.25rem);justify-content:center;align-items:center;gap:.15rem;width:2rem;height:2rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff14}.brand-mark.large{border-radius:1.25rem;grid-template-columns:repeat(4,.42rem);gap:.24rem;width:4rem;height:4rem}.brand-mark span{background:currentColor;border-radius:999px;width:100%}.brand-mark span:first-child{color:#ff7a2d;height:45%}.brand-mark span:nth-child(2){color:#ff3f52;height:68%}.brand-mark span:nth-child(3){color:#3de27b;height:82%}.brand-mark span:nth-child(4){color:#2aa8ff;height:56%}.eyebrow{color:#8e98ad;letter-spacing:.11em;text-transform:uppercase;margin:0 0 .18rem;font-size:.68rem;font-weight:850;display:block}h1,h2,h3,p{margin-top:0}h1{color:#fff;letter-spacing:-.08em;margin-bottom:.55rem;font-size:clamp(2rem,11vw,4.2rem);line-height:.92}h2{color:#fff;letter-spacing:-.055em;margin-bottom:0;font-size:clamp(1.32rem,6vw,2rem);line-height:1}h3{color:#fff;margin-bottom:.32rem;font-size:1rem}p{color:#a1acbf;line-height:1.45}.icon-button,.transport-pill,.transport-button,.mode-button{color:#f9fbff;background:#ffffff14;border:0;box-shadow:inset 0 0 0 1px #ffffff14}.icon-button,.transport-button,.transport-pill{border-radius:.8rem;min-width:2.48rem;height:2.48rem}.icon-button{place-items:center;font-size:1.35rem;display:grid}.icon-button.metronome{color:#b6c1d3}.icon-button.metronome.is-on{color:#5ee386;box-shadow:inset 0 0 0 1px #5ee38666}.transport-pill{flex-direction:column;justify-content:center;align-items:center;gap:.05rem;display:flex}.transport-pill strong{font-size:.83rem;line-height:1}.transport-pill span,.transport-meta span{color:#9aa4b7;font-size:.62rem;line-height:1}.transport-button{place-items:center;font-weight:900;display:grid}.transport-button.stop span{background:#f4f6fb;border-radius:.16rem;width:.78rem;height:.78rem}.transport-button.play{color:#07100b;background:linear-gradient(#53f18b,#22ca67)}.transport-button.record{color:#ff4453}.transport-button.record.is-recording{color:#fff;background:linear-gradient(#ff4151,#d72033);animation:.75s ease-in-out infinite alternate recordPulse}.mode-button{border-radius:.8rem;min-height:2.48rem;padding:0 .72rem;font-size:.76rem;font-weight:850}.transport-meta{flex-direction:column;align-items:flex-end;gap:.12rem;min-width:2.4rem;display:flex}.screen{gap:.85rem;max-width:68rem;margin:0 auto;display:grid}.screen-hero,.instrument-top-panel,.tracks-hero{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.my-songs-screen{align-content:center;min-height:calc(100svh - 5rem)}.my-songs-hero,.song-card,.timeline-card,.instrument-browser,.play-panel,.instrument-top-panel{background:linear-gradient(#ffffff17,#ffffff0b);border-radius:1.35rem;box-shadow:inset 0 0 0 1px #ffffff14,0 1.4rem 4rem #00000040}.my-songs-hero{justify-items:start;padding:clamp(1.25rem,6vw,2.2rem);display:grid}.my-songs-hero p{max-width:35rem;margin-bottom:1.2rem}.song-card{padding:1rem}.song-card h2{font-size:1.3rem}.primary-action{color:#06100b;background:linear-gradient(#57f28e,#22cb68);border:0;border-radius:1rem;padding:.95rem 1.1rem;font-weight:900;box-shadow:0 .9rem 2rem #22cb682e}.primary-action.compact{white-space:nowrap;border-radius:.86rem;padding:.75rem .92rem}.timeline-card{--timeline-ruler-height:2rem;--timeline-lane-height:4rem;--track-rail-width:9.6rem;padding:.72rem;overflow:hidden}.section-strip{color:#c3ccdb;background:#ffffff0e;border-radius:.9rem;justify-content:space-between;gap:1rem;margin-bottom:.7rem;padding:.7rem .78rem;display:flex}.section-strip span{color:#8f9aaf;font-size:.78rem}.empty-timeline{text-align:center;background:#00000029;border:1px dashed #ffffff2e;border-radius:1rem;place-items:center;gap:1rem;min-height:18rem;padding:1.2rem;display:grid}.timeline-shell{grid-template-columns:var(--track-rail-width) minmax(0, 1fr);min-height:22rem;display:grid}.track-header-column{border-right:1px solid #ffffff14;flex-direction:column;display:flex}.ruler-spacer{flex:0 0 var(--timeline-ruler-height);min-height:var(--timeline-ruler-height);border-bottom:1px solid #ffffff14}.timeline-track-label{flex:0 0 var(--timeline-lane-height);min-height:var(--timeline-lane-height);color:#fff;text-align:left;background:#ffffff09;border:0;border-bottom:1px solid #ffffff12;grid-template-rows:1fr auto;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.14rem .5rem;padding:.58rem .72rem;font-weight:900;display:grid}.timeline-track-label .track-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.timeline-track-label small{color:#8894a9;grid-column:2;font-size:.68rem}.timeline-track-label.is-selected{background:#35d66f1c}.track-dot{background:var(--track-color);width:.72rem;height:.72rem;box-shadow:0 0 1rem var(--track-color);border-radius:999px}.add-track-rail{flex:0 0 var(--timeline-lane-height);color:#fff;background:#ffffff0f;border:0;font-size:1.4rem}.timeline-scroll{min-width:0;overflow:auto hidden}.timeline-content{min-width:100%;position:relative}.timeline-ruler{height:var(--timeline-ruler-height);color:#8f9aaf;border-bottom:1px solid #ffffff14;font-size:.72rem;position:relative}.timeline-ruler span{position:absolute;top:.44rem}.timeline-playhead{z-index:4;opacity:.86;pointer-events:none;background:#fff;width:2px;position:absolute;top:0;bottom:0}.timeline-playhead:before{content:"";border-top:.5rem solid #fff;border-left:.42rem solid #0000;border-right:.42rem solid #0000;position:absolute;top:1.45rem;left:-.34rem}.timeline-row{height:var(--timeline-lane-height);background:repeating-linear-gradient(90deg,#ffffff0e 0 1px,#0000 1px 136px);border-bottom:1px solid #ffffff12;position:relative}.timeline-lane{height:100%;position:relative}.timeline-region{--track-color:#35d66f;color:#fff;background:linear-gradient(90deg, color-mix(in srgb, var(--track-color), black 18%), color-mix(in srgb, var(--track-color), transparent 42%));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--track-color), white 24%), 0 0 1rem color-mix(in srgb, var(--track-color), transparent 72%);touch-action:none;text-align:left;border:0;border-radius:.62rem;align-content:center;justify-items:start;padding:0 .7rem;display:grid;position:absolute;top:.54rem;bottom:.54rem}.timeline-region span{font-weight:900}.timeline-region small{color:#ffffffbd;font-size:.68rem}.timeline-region.is-selected{outline-offset:2px;outline:2px solid #fff}.instrument-browser,.play-panel,.instrument-top-panel{padding:.9rem}.search-shell{color:#8b96aa;background:#ffffff12;border-radius:.86rem;margin-bottom:.7rem;padding:.85rem 1rem}.category-row{gap:.45rem;padding-bottom:.75rem;display:flex;overflow-x:auto}.category-row button{color:#b4bed0;background:#ffffff12;border:0;border-radius:999px;padding:.55rem .85rem}.category-row button.is-active{color:#fff;background:#1d72ff}.instrument-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.instrument-card{color:#fff;text-align:left;background:#ffffff12;border:0;border-radius:1rem;min-height:9.5rem;padding:.9rem;box-shadow:inset 0 0 0 1px #ffffff14}.instrument-card.is-enabled{box-shadow:inset 0 0 0 1px #35d66f6b,0 0 1.6rem #35d66f1c}.instrument-card.is-disabled{opacity:.55}.instrument-art{background:#ffffff17;border-radius:.9rem;place-items:center;width:3.4rem;height:3.4rem;margin-bottom:.85rem;font-size:1.7rem;display:grid}.instrument-card p{color:#98a4b7;margin:0;font-size:.82rem}.instrument-top-panel{align-items:center}.recording-badge{color:#b9c4d7;background:#ffffff14;border-radius:999px;min-width:max-content;padding:.65rem .8rem;font-weight:850}.recording-badge.is-live{color:#fff;background:#ff415138;box-shadow:inset 0 0 0 1px #ff41515c}.play-panel{gap:1rem;display:grid}.smart-controls{grid-template-columns:1fr 1.2fr 1fr;align-items:stretch;gap:.75rem;display:grid}.smart-controls label{color:#c8d1df;background:#ffffff0e;border-radius:.9rem;align-content:center;gap:.5rem;padding:.8rem;font-size:.78rem;font-weight:850;display:grid}.instrument-display{background:#0000002e;border-radius:.9rem;place-items:center;padding:.8rem;display:grid}.instrument-display span{color:#98a4b7;font-size:.74rem}.piano-art{color:#35d66f;background:#ffffff14;border-radius:.9rem;place-items:center;width:3.2rem;height:3.2rem;margin-bottom:.4rem;display:grid}.keyboard{touch-action:none;background:#111722;border-radius:.9rem;grid-template-columns:repeat(14,minmax(2.2rem,1fr));min-height:min(38svh,18rem);display:grid;overflow:hidden}.white-key{color:#767d89;background:linear-gradient(#fff,#dfe3eb);border:1px solid #cfd3da;border-bottom:0;justify-content:center;align-items:flex-end;padding-bottom:.7rem;display:flex;position:relative}.white-key.is-held{background:linear-gradient(#d7ffe4,#91efb0)}.black-key{z-index:2;pointer-events:none;background:linear-gradient(#161a21,#05070b);border-radius:0 0 .25rem .25rem;width:56%;height:58%;position:absolute;top:0;right:-28%;box-shadow:0 .5rem .6rem #00000073}.play-help-row{color:#9aa5b8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.55rem;font-size:.82rem;display:flex}.play-help-row button{color:#fff;background:#ffffff17;border:0;border-radius:.8rem;padding:.65rem .82rem;font-weight:850}@keyframes recordPulse{0%{transform:scale(.96)}to{transform:scale(1.04)}}@media (orientation:landscape) and (height<=620px){.transport-bar{padding:calc(env(safe-area-inset-top,0px) + .42rem) .65rem .42rem}.app-body{padding:.58rem}.screen{max-width:none}.my-songs-screen{grid-template-columns:1fr 1fr;align-items:center;min-height:0}.instrument-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.timeline-shell{min-height:calc(100svh - 10.5rem)}.keyboard{min-height:11rem}.play-screen{grid-template-columns:.85fr 1.55fr;align-items:start}}@media (width<=720px){.transport-bar{grid-template-columns:minmax(0,1fr) auto}.transport-right,.transport-pill,.brand-mark:not(.large),.icon-button.metronome{display:none}.screen-hero,.instrument-top-panel,.tracks-hero{flex-direction:column;align-items:flex-start}.timeline-card{--track-rail-width:7.25rem;--timeline-lane-height:3.55rem}.timeline-track-label{padding-inline:.55rem;font-size:.78rem}.instrument-grid,.smart-controls{grid-template-columns:1fr}.keyboard{grid-template-columns:repeat(14,minmax(2rem,1fr));overflow-x:auto}}.region-action-bar{background:linear-gradient(#35d66f24,#ffffff0e);border-radius:1.05rem;justify-content:space-between;align-items:center;gap:.85rem;padding:.78rem;display:flex;box-shadow:inset 0 0 0 1px #35d66f38}.region-action-bar p{margin:0 0 .12rem}.region-action-bar strong{color:#fff;font-size:1rem;display:block}.region-action-bar span{color:#a8b3c6;font-size:.78rem}.region-actions{flex-wrap:wrap;justify-content:flex-end;gap:.45rem;display:flex}.region-actions button{color:#fff;background:#ffffff17;border:0;border-radius:.78rem;padding:.58rem .72rem;font-size:.78rem;font-weight:900;box-shadow:inset 0 0 0 1px #ffffff14}.region-actions .danger-action{color:#ffdce0;background:#ff41512e}.editor-card{background:linear-gradient(#ffffff17,#ffffff0b);border-radius:1.25rem;padding:.72rem;box-shadow:inset 0 0 0 1px #ffffff14,0 1.4rem 4rem #00000040}.editor-ruler{color:#8f9aaf;border-bottom:1px solid #ffffff14;height:2rem;font-size:.72rem;position:relative}.editor-ruler span{position:absolute;top:.45rem;transform:translate(-.1rem)}.piano-roll-lite{background:repeating-linear-gradient(0deg,#ffffff0b 0 1px,#0000 1px 1.65rem),repeating-linear-gradient(90deg,#ffffff0e 0 1px,#0000 1px 25%),#0000002e;border-radius:0 0 .9rem .9rem;min-height:min(48svh,26rem);position:relative;overflow:hidden}.note-pill{color:#fff;background:linear-gradient(90deg, color-mix(in srgb, var(--track-color), black 12%), color-mix(in srgb, var(--track-color), white 12%));min-width:2.1rem;height:1.35rem;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--track-color), white 38%), 0 .6rem 1.6rem #00000038;text-align:left;border:0;border-radius:999px;padding:0 .54rem;font-size:.68rem;font-weight:950;position:absolute}.empty-editor-note{color:#96a1b4;text-align:center;place-items:center;display:grid;position:absolute;inset:0}@media (width<=720px){.region-action-bar{flex-direction:column;align-items:stretch}.region-actions{justify-content:stretch}.region-actions button{flex:calc(50% - .45rem)}}.editor-hero p{margin-bottom:0}.editor-toolbar{background:linear-gradient(#ffffff14,#ffffff0a);border-radius:1.05rem;grid-template-columns:minmax(11rem,1.1fr) auto auto minmax(12rem,1fr);align-items:center;gap:.65rem;padding:.72rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff14}.toolbar-label{color:#8f9aaf;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.12rem;font-size:.66rem;font-weight:900;display:block}.editor-toolbar strong{color:#fff}.editor-tool-group{flex-wrap:wrap;gap:.42rem;display:flex}.editor-tool-group button{color:#fff;background:#ffffff17;border:0;border-radius:.72rem;padding:.55rem .66rem;font-size:.76rem;font-weight:900;box-shadow:inset 0 0 0 1px #ffffff14}.editor-tool-group button:disabled,.velocity-control input:disabled{cursor:not-allowed;opacity:.44}.editor-tool-group button.is-active{color:#06100b;background:linear-gradient(#57f28e,#22cb68)}.velocity-control{color:#a8b3c6;gap:.32rem;font-size:.75rem;font-weight:850;display:grid}.velocity-control input{accent-color:#35d66f;width:100%}.piano-roll-card{padding:.72rem;overflow:auto}.piano-roll-shell{grid-template-rows:2rem auto;grid-template-columns:4.1rem minmax(42rem,1fr);min-width:48rem;display:grid}.pitch-ruler-spacer{background:#00000029;border-bottom:1px solid #ffffff14;border-right:1px solid #ffffff1a}.piano-roll-shell .editor-ruler{grid-area:1/2}.pitch-ruler{background:#0000002e;border-right:1px solid #ffffff1a;flex-direction:column;grid-area:2/1;display:flex}.pitch-ruler div{color:#8f9aaf;border-bottom:1px solid #ffffff0b;justify-content:flex-end;align-items:center;height:28px;padding-right:.58rem;font-size:.68rem;font-weight:850;display:flex}.pitch-ruler div.is-c{color:#e7edf8;background:#ffffff0b}.piano-roll-grid{touch-action:none;background:repeating-linear-gradient(0deg,#ffffff0d 0 1px,#0000 1px 28px),repeating-linear-gradient(90deg,#ffffff0e 0 1px,#0000 1px 3.125%),repeating-linear-gradient(90deg,#ffffff1c 0 1px,#0000 1px 12.5%),#0000002e;border-radius:0 0 .9rem;grid-area:2/2;min-height:20rem;position:relative;overflow:hidden}.piano-roll-grid .note-pill{cursor:grab;touch-action:none;height:20px}.piano-roll-grid .note-pill:active{cursor:grabbing}.piano-roll-grid .note-pill.is-selected{outline-offset:2px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--track-color), white 48%), 0 0 1.25rem color-mix(in srgb, var(--track-color), transparent 55%);outline:2px solid #fff}@media (width<=900px){.editor-toolbar{grid-template-columns:1fr;align-items:stretch}.editor-tool-group button{flex:auto}}@media (orientation:landscape) and (height<=620px){.editor-toolbar{grid-template-columns:minmax(10rem,1fr) auto auto minmax(10rem,.8fr)}.piano-roll-grid{min-height:13rem}}.app-shell.screen-editor .app-body{padding:0;overflow:hidden}.editor-screen{grid-template-rows:auto auto minmax(0,1fr);gap:0;max-width:none;height:100%;overflow:hidden}.editor-screen .editor-hero{background:#080b12eb;border-bottom:1px solid #ffffff12;padding:.72rem .85rem .52rem}.editor-screen .editor-hero h2{font-size:clamp(1.2rem,3vw,1.7rem)}.editor-screen .editor-hero p{margin:0;font-size:.86rem}.editor-screen .editor-hero .primary-action{align-self:center}.editor-toolbar{z-index:8;scrollbar-width:thin;background:linear-gradient(#1e232efa,#11151ffa);border-radius:0;align-items:center;gap:.48rem;min-height:3.2rem;padding:.48rem .7rem;display:flex;position:relative;overflow:auto hidden;box-shadow:inset 0 -1px #ffffff14,0 .8rem 1.8rem #0000003d}.editor-view-buttons,.editor-tool-group,.selected-note-summary,.velocity-control,.snap-menu{flex:none}.editor-view-buttons,.editor-tool-group{align-items:center;gap:.36rem;display:flex}.editor-view-buttons{border-right:1px solid #ffffff1a;padding-right:.5rem}.editor-toolbar button,.editor-view-buttons button,.editor-tool-group button{color:#fff;white-space:nowrap;background:#ffffff16;border:0;border-radius:.68rem;min-height:2.16rem;padding:.48rem .66rem;font-size:.74rem;font-weight:900;box-shadow:inset 0 0 0 1px #ffffff14}.editor-toolbar button:disabled{cursor:not-allowed;opacity:.38}.editor-toolbar button.is-active,.editor-view-buttons button.is-active,.editor-tool-group button.is-active{color:#06100b;background:linear-gradient(#57f28e,#22cb68);box-shadow:0 .65rem 1.4rem #22cb6829}.selected-note-summary,.snap-menu{background:#0000002e;border-radius:.72rem;gap:.08rem;min-width:7.2rem;padding:.38rem .62rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff12}.selected-note-summary strong,.snap-menu strong{color:#fff;white-space:nowrap;font-size:.78rem}.inline-label{align-self:center;margin:0 .1rem 0 .25rem}.velocity-control{background:#00000029;border-radius:.72rem;width:12rem;min-width:10rem;padding:.38rem .62rem;box-shadow:inset 0 0 0 1px #ffffff12}.editor-card.piano-roll-card{min-height:0;box-shadow:none;background:#080b12f5;border-radius:0;padding:0;overflow:auto}.piano-roll-shell{min-width:max(58rem,100%)}.pitch-ruler-spacer,.pitch-ruler{z-index:5;position:sticky;left:0}.pitch-ruler-spacer{z-index:7;top:0}.piano-roll-shell .editor-ruler{z-index:6;background:#141822fa;position:sticky;top:0}.piano-roll-grid{cursor:default}.app-shell.screen-editor .piano-roll-grid{min-height:max(28rem,100svh - 12rem)}.editor-toolbar .toolbar-label{margin:0}@media (width<=720px){.editor-screen .editor-hero{align-items:stretch;gap:.5rem;padding:.58rem .68rem}.editor-screen .editor-hero .primary-action{width:100%}.editor-toolbar{padding:.42rem .55rem}.velocity-control{width:10rem}}@media (orientation:landscape) and (height<=620px){.editor-screen .editor-hero{display:none}.app-shell.screen-editor .piano-roll-grid{min-height:max(20rem,100svh - 7.1rem)}}.instrument-card.instrument-drums.is-enabled .instrument-art,.drum-pad{color:#fff}.drum-play-panel{gap:1rem;display:grid}.drum-kit-display{background:linear-gradient(135deg,#ff4d3d2e,#ffffff0e);border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex;box-shadow:inset 0 0 0 1px #ff4d3d2e}.drum-kit-display p{margin-bottom:0}.drum-meter{background:#0003;border-radius:.85rem;grid-template-columns:repeat(4,.55rem);align-items:end;gap:.28rem;min-height:3.2rem;padding:.5rem;display:grid}.drum-meter span{background:linear-gradient(#ff806d,#ff3f52);border-radius:999px;width:100%;box-shadow:0 0 .9rem #ff4d3d52}.drum-meter span:first-child{height:2.6rem}.drum-meter span:nth-child(2){height:1.7rem}.drum-meter span:nth-child(3){height:2.2rem}.drum-meter span:nth-child(4){height:1.25rem}.drum-pad-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.drum-pad{text-align:left;touch-action:manipulation;background:radial-gradient(circle at 50% 32%,#fff3,#0000 23%),linear-gradient(#ff4d3d57,#500e12e6);border:0;border-radius:1.25rem;align-content:end;justify-items:start;min-height:clamp(7.5rem,24svh,12rem);padding:1rem;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f,0 1rem 2rem #00000047}.drum-pad:before{content:"";opacity:.7;border:2px dashed #ffffff3d;border-radius:999px;position:absolute;inset:1rem}.drum-pad:active{filter:brightness(1.16);transform:translateY(1px)scale(.99)}.drum-pad span,.drum-pad small,.drum-pad strong{z-index:1;position:relative}.drum-pad span{letter-spacing:-.045em;font-size:clamp(1.2rem,4vw,1.8rem);font-weight:950}.drum-pad small{color:#ffffffb8;font-weight:800}.drum-pad strong{z-index:1;color:#ffffffc2;background:#0003;border-radius:.7rem;place-items:center;width:2.1rem;height:2.1rem;display:grid;position:absolute;top:.9rem;right:1rem}.drum-editor-screen .piano-roll-shell{grid-template-columns:5.4rem minmax(42rem,1fr)}.drum-editor-screen .pitch-ruler div{color:#f2f6ff;justify-content:center;padding-right:0;font-size:.78rem}.drum-roll-grid{background:repeating-linear-gradient(0deg,#fff1 0 1px,#0000 1px 58px),repeating-linear-gradient(90deg,#ffffff0e 0 1px,#0000 1px 3.125%),repeating-linear-gradient(90deg,#ffffff21 0 1px,#0000 1px 12.5%),#0000002e}.drum-hit-pill{text-align:center;background:linear-gradient(180deg, color-mix(in srgb, var(--track-color), white 10%), color-mix(in srgb, var(--track-color), black 20%));border-radius:.72rem;justify-content:center;min-width:2.7rem;padding:0 .5rem;height:30px!important}@media (width<=720px){.drum-pad-grid{grid-template-columns:1fr 1fr;gap:.55rem}.drum-pad{border-radius:1rem;min-height:6.4rem}.drum-kit-display{flex-direction:column;align-items:stretch}}.instrument-card.instrument-bass.is-enabled .instrument-art{color:#f6a21a}.bass-play-panel{gap:1rem;display:grid}.bass-top-panel{box-shadow:inset 0 0 0 1px #f6a21a24,0 1.4rem 4rem #00000040}.bass-sound-card{background:linear-gradient(135deg,#f6a21a2e,#ffffff0e);border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex;box-shadow:inset 0 0 0 1px #f6a21a2e}.bass-sound-card p{margin-bottom:0}.bass-display{background:#00000038;border-radius:1rem;grid-template-columns:repeat(3,1fr);align-items:end;gap:.34rem;width:6.5rem;min-height:4.25rem;padding:.65rem;display:grid}.bass-display span{background:linear-gradient(#ffd266,#f6a21a 64%,#7a4405);border-radius:999px 999px .35rem .35rem;box-shadow:0 0 1rem #f6a21a47}.bass-display span:first-child{height:3rem}.bass-display span:nth-child(2){height:2.15rem}.bass-display span:nth-child(3){height:3.55rem}.bass-pad-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;display:grid}.bass-pad{color:#fff;text-align:left;touch-action:manipulation;background:radial-gradient(circle at 72% 20%,#ffffff29,#0000 25%),linear-gradient(#f6a21a6b,#4b2a05eb);border:0;border-radius:1rem;align-content:end;justify-items:start;min-height:clamp(5.8rem,17svh,8.6rem);padding:.8rem;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a,0 .9rem 1.8rem #0000003d}.bass-pad:before{content:"";border:1px solid #ffffff24;border-radius:.78rem;position:absolute;inset:.72rem}.bass-pad.is-held,.bass-pad:active{filter:brightness(1.18);transform:translateY(1px)scale(.99);box-shadow:inset 0 0 0 1px #ffffff38,0 0 1.6rem #f6a21a57}.bass-pad span,.bass-pad small,.bass-pad strong{z-index:1;position:relative}.bass-pad span{letter-spacing:-.055em;font-size:clamp(1.35rem,5vw,2rem);font-weight:950}.bass-pad small{color:#ffffffb8;font-weight:850}.bass-pad strong{color:#ffffffc2;background:#00000038;border-radius:.58rem;place-items:center;width:1.8rem;height:1.8rem;font-size:.78rem;display:grid;position:absolute;top:.65rem;right:.7rem}.bass-options-row{gap:.5rem;display:flex;overflow-x:auto}.bass-options-row button{color:#fff;white-space:nowrap;background:#ffffff16;border:0;border-radius:.78rem;min-height:2.55rem;padding:0 .86rem;font-weight:900;box-shadow:inset 0 0 0 1px #ffffff14}.bass-options-row button.is-active{color:#160d02;background:linear-gradient(#ffd266,#f6a21a)}@media (width<=720px){.bass-sound-card{flex-direction:column;align-items:stretch}.bass-display{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.bass-pad-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.bass-pad{border-radius:.9rem;min-height:5.4rem}}.icon-button.cycle.is-on,.icon-button.track-controls-toggle.is-on{color:#5ee386;box-shadow:inset 0 0 0 1px #5ee3866b,0 .7rem 1.4rem #22cb681a}.quick-mixer-strip{background:linear-gradient(#2aa8ff24,#ffffff0d);border-radius:1rem;justify-content:space-between;align-items:center;gap:.8rem;padding:.72rem .86rem;display:flex;box-shadow:inset 0 0 0 1px #2aa8ff2e}.quick-mixer-strip p{margin:0 0 .12rem}.quick-mixer-strip strong{color:#fff}.quick-mixer-strip span{color:#a6b2c5;font-size:.82rem}.timeline-track-label{cursor:pointer}.timeline-track-label.is-muted{opacity:.64}.timeline-track-label.is-soloed{background:linear-gradient(90deg,#35d66f2e,#ffffff09)}.track-mini-actions{grid-column:2;align-items:center;gap:.34rem;display:flex}.track-mini-actions button{color:#aeb9cb;background:#ffffff13;border:0;border-radius:.44rem;width:1.72rem;height:1.42rem;font-size:.66rem;font-weight:950;box-shadow:inset 0 0 0 1px #ffffff13}.track-mini-actions button.is-active:first-child{color:#fff;background:#ff415147;box-shadow:inset 0 0 0 1px #ff41515c}.track-mini-actions button.is-active:last-child{color:#06100b;background:linear-gradient(#57f28e,#22cb68);box-shadow:0 .42rem 1rem #22cb6824}.timeline-track-label .track-actions{display:none}.track-mixer-controls{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:.48rem;padding-top:.14rem;display:grid}.track-mixer-controls label{color:#aab5c8;gap:.26rem;font-size:.64rem;font-weight:850;display:grid}.track-mixer-controls input{width:100%;accent-color:var(--track-color)}.timeline-row.is-audibly-inactive .timeline-region{opacity:.38;filter:saturate(.55)}@media (width<=720px){.tracks-mixer-open .timeline-card{--track-rail-width:13.75rem;--timeline-lane-height:6.1rem}.track-mixer-controls{grid-template-columns:1fr;gap:.32rem}.quick-mixer-strip{flex-direction:column;align-items:flex-start}}.tempo-control{flex:none;position:relative}.transport-pill.is-open{color:#07100b;background:linear-gradient(#57f28e,#22cb68);box-shadow:0 .7rem 1.4rem #22cb6829}.tempo-popover{z-index:40;color:#f9fbff;background:linear-gradient(#1f2430fc,#0f131cfc);border-radius:1rem;width:min(18rem,100vw - 1.2rem);padding:.78rem;position:absolute;top:calc(100% + .55rem);left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff1a,0 1.2rem 2.6rem #00000061}.tempo-popover:before{content:"";background:#1f2430fc;border-top:1px solid #ffffff1a;border-left:1px solid #ffffff1a;width:.82rem;height:.82rem;position:absolute;top:-.42rem;left:50%;transform:translate(-50%)rotate(45deg)}.tempo-popover-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.65rem;display:flex}.tempo-popover-header span{color:#a6b2c5;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:900}.tempo-popover-header strong{color:#fff;font-size:.92rem}.tempo-stepper{grid-template-columns:3rem minmax(0,1fr) 3rem;align-items:center;gap:.5rem;margin-bottom:.65rem;display:grid}.tempo-stepper button,.tempo-presets button,.tempo-done{color:#fff;background:#ffffff17;border:0;border-radius:.78rem;font-weight:950;box-shadow:inset 0 0 0 1px #ffffff14}.tempo-stepper button{min-height:2.7rem;font-size:1.25rem}.tempo-stepper strong{color:#06100b;background:linear-gradient(#57f28e,#22cb68);border-radius:.78rem;place-items:center;min-height:2.7rem;font-size:1.25rem;display:grid;box-shadow:0 .7rem 1.4rem #22cb6824}.tempo-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:.42rem;margin-bottom:.65rem;display:grid}.tempo-presets button{color:#cdd6e6;min-height:2.25rem}.tempo-presets button.is-active{color:#06100b;background:linear-gradient(#57f28e,#22cb68)}.tempo-done{color:#06100b;background:linear-gradient(#fff,#dce4f1);width:100%;min-height:2.45rem}@media (width<=720px){.tempo-control .transport-pill{display:flex}.tempo-popover{left:auto;right:-6.4rem;transform:none}.tempo-popover:before{left:3rem}}.track-options-panel{background:linear-gradient(#2aa8ff24,#ffffff0e);border-radius:1.05rem;gap:.7rem;padding:.78rem;display:grid;box-shadow:inset 0 0 0 1px #2aa8ff33}.track-options-heading{justify-content:space-between;align-items:center;gap:.85rem;display:flex}.track-options-heading p{margin:0 0 .12rem}.track-options-heading strong{color:#fff;font-size:1rem;display:block}.track-options-heading span{color:#a8b3c6;font-size:.78rem}.track-options-heading>button{color:#d7deea;background:#ffffff14;border:0;border-radius:.72rem;width:2.15rem;height:2.15rem;font-size:1.18rem;font-weight:950}.track-options-actions,.change-instrument-row{flex-wrap:wrap;gap:.5rem;display:flex}.track-options-actions button,.change-instrument-row button{color:#fff;background:#ffffff17;border:0;border-radius:.78rem;padding:.65rem .82rem;font-size:.78rem;font-weight:950;box-shadow:inset 0 0 0 1px #ffffff14}.track-options-actions .danger-action{color:#ffdce0;background:#ff41512e}.change-instrument-row{padding-top:.12rem}.change-instrument-row button.is-active{color:#07100b;background:linear-gradient(#57f28e,#22cb68)}.empty-track-hint{color:#c9d3e2;text-align:left;background:#ffffff09;border:1px dashed #ffffff29;border-radius:.68rem;align-content:center;justify-items:start;padding:0 .82rem;display:grid;position:absolute;inset:.6rem .8rem}.empty-track-hint span{color:#fff;font-size:.82rem;font-weight:950}.empty-track-hint small{color:#8f9aaf;font-size:.68rem}.empty-track-hint:hover{background:#35d66f13;border-color:#35d66f5c}.timeline-region{padding-right:1.65rem;overflow:visible}.timeline-region-resize-handle{cursor:ew-resize;touch-action:none;opacity:.72;background:linear-gradient(#ffffff38,#ffffff14);border-radius:.42rem;width:1.1rem;position:absolute;top:.36rem;bottom:.36rem;right:.25rem;box-shadow:inset 0 0 0 1px #fff3}.timeline-region-resize-handle:before,.timeline-region-resize-handle:after{content:"";background:#ffffffb8;border-radius:999px;width:2px;position:absolute;top:30%;bottom:30%}.timeline-region-resize-handle:before{left:.36rem}.timeline-region-resize-handle:after{right:.36rem}.timeline-region:hover .timeline-region-resize-handle,.timeline-region.is-selected .timeline-region-resize-handle{opacity:1;background:linear-gradient(#ffffff57,#ffffff1f)}@media (width<=720px){.timeline-region{padding-right:1.9rem}.timeline-region-resize-handle{width:1.35rem;right:.18rem}}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#02060ebd;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.export-modal{color:#fff;background:linear-gradient(#161f30fa,#0a0e18fa);border-radius:1.35rem;width:min(31rem,100%);padding:1rem;box-shadow:inset 0 0 0 1px #ffffff1c,0 1.8rem 5rem #0000007a}.export-modal-header{justify-content:space-between;align-items:flex-start;gap:.85rem;margin-bottom:.85rem;display:flex}.export-modal-header h2{margin:.1rem 0 0;font-size:clamp(1.35rem,5vw,2rem)}.export-modal-header button{color:#fff;background:#ffffff14;border:0;border-radius:999px;width:2.4rem;height:2.4rem;font-size:1.35rem}.export-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.export-summary div{background:#fff1;border-radius:.9rem;gap:.22rem;padding:.75rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff12}.export-summary span,.export-copy,.export-status{color:#9da9bb;font-size:.82rem}.export-summary strong{color:#fff;font-size:.9rem}.export-mode-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:.85rem 0 0;display:grid}.export-mode-picker button{color:#dce6f5;text-align:left;background:#ffffff12;border:0;border-radius:1rem;gap:.28rem;min-height:5.3rem;padding:.85rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff14}.export-mode-picker button strong{color:#fff;font-size:1rem}.export-mode-picker button span{color:#9da9bb;font-size:.78rem;line-height:1.35}.export-mode-picker button.is-active{color:#04100a;background:linear-gradient(#42e77a,#2ed069);box-shadow:0 .85rem 2.1rem #35d66f38,inset 0 0 0 1px #fff3}.export-mode-picker button.is-active strong,.export-mode-picker button.is-active span{color:#04100a}.export-mode-picker button:disabled{cursor:not-allowed;opacity:.62}.export-copy{margin:.9rem 0;line-height:1.45}.export-status{background:#ffffff0f;border-radius:.78rem;margin:0 0 .85rem;padding:.65rem .75rem}.export-status.is-done{color:#c8ffd8;background:#35d66f29}.export-status.is-error{color:#ffdce0;background:#ff415129}.export-actions{justify-content:flex-end;gap:.55rem;display:flex}.export-actions button:not(.primary-action){color:#fff;background:#ffffff14;border:0;border-radius:.85rem;padding:.72rem .9rem;font-weight:900}.export-actions button:disabled,.export-modal-header button:disabled{opacity:.55}.icon-button.export-toggle{color:#c8ffd8;background:#35d66f24;box-shadow:inset 0 0 0 1px #35d66f47}@media (width<=720px){.export-mode-picker,.export-summary{grid-template-columns:1fr}.export-actions{grid-template-columns:1fr;display:grid}}.mixer-screen{grid-template-rows:auto minmax(0,1fr);max-width:none;height:100%;overflow:hidden}.app-shell.screen-mixer .app-body{overflow:hidden}.mixer-hero{width:min(68rem,100%);max-width:68rem;margin:0 auto}.mixer-hero p:not(.eyebrow){max-width:42rem;margin:.45rem 0 0}.mixer-console{background:linear-gradient(#ffffff17,#ffffff0b);border-radius:1.35rem;min-height:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,0 1.4rem 4rem #00000040}.mixer-channel-scroll{scrollbar-width:thin;gap:.72rem;height:100%;min-height:24rem;padding:.85rem;display:flex;overflow:auto hidden}.mixer-channel{--track-color:#35d66f;background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--track-color), transparent 78%), transparent 8rem), linear-gradient(180deg, #ffffff14, #00000038);border-radius:1.15rem;flex:0 0 clamp(8.4rem,22vw,10.8rem);grid-template-rows:auto auto auto minmax(13rem,1fr) auto;gap:.76rem;min-height:100%;padding:.82rem;transition:opacity .16s,filter .16s;display:grid;box-shadow:inset 0 0 0 1px #ffffff17}.mixer-channel.is-inactive{opacity:.52;filter:saturate(.65)}.master-channel{z-index:4;background:radial-gradient(circle at 50% 0,#ffffff29,#0000 8rem),linear-gradient(#ffffff1f,#00000047);position:sticky;right:0;box-shadow:inset 0 0 0 1px #ffffff2e,-.9rem 0 1.5rem #00000038}.mixer-channel-header{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem;min-height:2.8rem;display:grid}.mixer-channel-dot{background:var(--track-color);width:.82rem;height:.82rem;box-shadow:0 0 1rem var(--track-color);border-radius:999px}.mixer-channel-header strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:.94rem;display:block;overflow:hidden}.mixer-channel-header span:not(.mixer-channel-dot){color:#91a0b5;letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:850}.mixer-pan-control,.mixer-master-summary{background:#0003;border-radius:.9rem;gap:.38rem;padding:.68rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff12}.mixer-pan-control span,.mixer-master-summary span{color:#92a0b5;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:900}.mixer-pan-control strong,.mixer-master-summary strong{color:#fff;font-size:1rem}.mixer-pan-control input{width:100%;accent-color:var(--track-color)}.mixer-toggle-row{grid-template-columns:1fr 1fr;gap:.42rem;display:grid}.mixer-toggle-row button{color:#fff;background:#ffffff17;border:0;border-radius:.75rem;min-height:2.5rem;font-weight:950;box-shadow:inset 0 0 0 1px #ffffff14}.mixer-toggle-row button.is-active{color:#07100b;background:linear-gradient(180deg, color-mix(in srgb, var(--track-color), white 20%), var(--track-color));box-shadow:0 .7rem 1.3rem color-mix(in srgb, var(--track-color), transparent 72%)}.mixer-toggle-row.is-disabled button{cursor:not-allowed;opacity:.35}.mixer-fader-wrap{background:linear-gradient(90deg,#0000 calc(50% - 1px),#ffffff1f calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px)),#0000002e;border-radius:1rem;place-items:center;min-height:14rem;padding:.8rem 0;display:grid;position:relative;overflow:hidden}.mixer-fader{z-index:3;width:13.5rem;height:2.4rem;accent-color:var(--track-color);position:relative;transform:rotate(-90deg)}.mixer-meter{background:#ffffff1a;border-radius:999px;width:.46rem;height:calc(100% - 1.64rem);position:absolute;bottom:.82rem;right:.76rem;overflow:hidden}.mixer-meter span{border-radius:inherit;background:linear-gradient(180deg, color-mix(in srgb, var(--track-color), white 20%), var(--track-color));box-shadow:0 0 .9rem color-mix(in srgb, var(--track-color), transparent 62%);position:absolute;bottom:0;left:0;right:0}.mixer-channel-footer{background:#ffffff0f;border-radius:.85rem;place-items:center;gap:.1rem;padding:.58rem;display:grid}.mixer-channel-footer strong{color:#fff;font-size:1.24rem;line-height:1}.mixer-channel-footer span{color:#91a0b5;letter-spacing:.08em;font-size:.62rem;font-weight:900}.mixer-empty{width:min(42rem,100%);max-width:42rem;margin:auto}@media (width<=720px){.app-shell.screen-mixer .app-body{padding:.6rem}.mixer-screen{gap:.6rem}.mixer-hero{align-items:stretch;gap:.55rem}.mixer-hero p:not(.eyebrow){font-size:.82rem}.mixer-channel-scroll{gap:.56rem;min-height:calc(100svh - 13.6rem);padding:.62rem}.mixer-channel{flex-basis:8.15rem;padding:.66rem}.mixer-fader-wrap{min-height:12.5rem}.mixer-fader{width:12rem}}@media (orientation:landscape) and (height<=620px){.mixer-hero{display:none}.mixer-channel-scroll{min-height:calc(100svh - 4.8rem)}.mixer-channel{grid-template-rows:auto auto auto minmax(9rem,1fr) auto}.mixer-fader-wrap{min-height:9rem}.mixer-fader{width:9rem}}.song-library-card{gap:.8rem;display:grid}.song-library-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.song-library-header span{color:#53f18b;white-space:nowrap;background:#53f18b1c;border-radius:999px;padding:.42rem .62rem;font-size:.72rem;font-weight:850;box-shadow:inset 0 0 0 1px #53f18b33}.song-empty-copy{margin:0}.song-list{gap:.65rem;display:grid}.saved-song-row{background:#0000002e;border-radius:1rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.62rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff13}.saved-song-row.is-current{background:linear-gradient(90deg,#35d66f29,#00000029);box-shadow:inset 0 0 0 1px #53f18b38}.saved-song-main{color:#fff;text-align:left;background:0 0;border:0;border-radius:.82rem;align-items:center;gap:.7rem;min-width:0;padding:.4rem;display:flex}.saved-song-main strong,.saved-song-main small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.saved-song-main strong{font-size:1rem;line-height:1.1}.saved-song-main small{color:#98a4b8;margin-top:.22rem;font-size:.76rem}.saved-song-icon{color:#06100b;background:linear-gradient(#57f28e,#22cb68);border-radius:.8rem;flex:none;place-items:center;width:2.45rem;height:2.45rem;font-weight:950;display:grid}.saved-song-actions{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.saved-song-actions button{color:#fff;background:#ffffff17;border:0;border-radius:.7rem;min-height:2.1rem;padding:0 .62rem;font-size:.72rem;font-weight:850;box-shadow:inset 0 0 0 1px #ffffff14}.saved-song-actions .danger-action{color:#ffd8d3;background:#ff4d3d29}@media (width<=720px){.saved-song-row{grid-template-columns:1fr}.saved-song-actions{justify-content:stretch}.saved-song-actions button{flex:auto}}.my-songs-actions{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.secondary-file-action{color:#f7fbff;cursor:pointer;background:#ffffff14;border-radius:1rem;justify-content:center;align-items:center;min-height:3rem;padding:.85rem 1.05rem;font-weight:900;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a}.secondary-file-action input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.project-file-status{color:#b7c4d8;margin:.8rem 0 0;font-size:.9rem}.saved-song-row{grid-template-columns:minmax(16rem,1fr) minmax(17rem,auto);align-items:start;gap:.85rem 1rem}.saved-song-main{align-items:flex-start;width:100%;min-height:3.35rem}.saved-song-main>span:last-child{gap:.12rem;min-width:0;display:grid}.saved-song-main strong{white-space:normal;overflow-wrap:anywhere}.saved-song-main small{white-space:normal;text-overflow:clip;max-width:28rem;line-height:1.28;overflow:visible}.saved-song-actions{grid-template-columns:repeat(5,auto);align-self:center;gap:.45rem;display:grid}.saved-song-actions button{white-space:nowrap;min-width:4.4rem;padding:0 .72rem}@media (width<=1080px){.saved-song-row{grid-template-columns:1fr}.saved-song-main small{max-width:none}.saved-song-actions{grid-template-columns:repeat(5,minmax(0,1fr));width:100%}.saved-song-actions button{min-width:0}}@media (width<=560px){.song-library-header{flex-direction:column;align-items:flex-start}.saved-song-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.saved-song-actions button:last-child{grid-column:1/-1}}.saved-song-actions{justify-content:flex-end;align-self:center;align-items:center;gap:.5rem;display:flex;position:relative}.saved-song-actions button{min-width:0}.saved-song-open-action{min-width:4.6rem!important}.saved-song-more{display:inline-flex;position:relative}.saved-song-more-button{width:2.5rem;line-height:1;min-width:2.5rem!important;padding:0!important;font-size:1.35rem!important}.saved-song-menu{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#181c24fa;border-radius:.95rem;min-width:11rem;padding:.35rem;display:grid;position:absolute;top:calc(100% + .45rem);right:0;overflow:hidden;box-shadow:0 1.2rem 2.5rem #00000061,inset 0 0 0 1px #ffffff1c}.saved-song-menu button{text-align:left;width:100%;min-height:2.35rem;box-shadow:none;background:0 0;border-radius:.65rem;justify-content:flex-start;padding:0 .75rem}.saved-song-menu button:hover,.saved-song-menu button:focus-visible{background:#ffffff17}.saved-song-menu .danger-action{color:#ffd8d3;background:#ff4d3d1f}@media (width<=1080px){.saved-song-actions{justify-content:flex-start;width:auto}}@media (width<=560px){.saved-song-actions{justify-content:space-between;width:100%}.saved-song-open-action{flex:auto}}.sample-recording-hint{color:#b8c6da;background:#2aa8ff17;border-radius:.9rem;padding:.8rem .9rem;font-weight:800;box-shadow:inset 0 0 0 1px #2aa8ff29}.sample-recording-hint.is-live{color:#fff;background:#ff415121;box-shadow:inset 0 0 0 1px #ff415147,0 0 1.4rem #ff415114}.instrument-card.instrument-sample.is-enabled .instrument-art{color:#2aa8ff}.sample-top-panel{box-shadow:inset 0 0 0 1px #2aa8ff29,0 1.4rem 4rem #00000040}.sample-play-panel{gap:1rem;display:grid}.sample-kit-display{background:linear-gradient(135deg,#2aa8ff2e,#ffffff0e);border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex;box-shadow:inset 0 0 0 1px #2aa8ff2e}.sample-kit-display p{margin-bottom:0}.sample-wave-display{background:#00000038;border-radius:1rem;grid-template-columns:repeat(5,1fr);align-items:center;gap:.28rem;width:7.6rem;min-height:4.3rem;padding:.65rem;display:grid}.sample-wave-display span{background:linear-gradient(#7be2ff,#2aa8ff 64%,#1456c8);border-radius:999px;box-shadow:0 0 1rem #2aa8ff52}.sample-wave-display span:first-child{height:1.25rem}.sample-wave-display span:nth-child(2){height:2.65rem}.sample-wave-display span:nth-child(3){height:3.6rem}.sample-wave-display span:nth-child(4){height:2rem}.sample-wave-display span:nth-child(5){height:3rem}.sample-pad-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.sample-pad{text-align:left;color:#fff;touch-action:manipulation;background:radial-gradient(circle at 76% 18%,#ffffff2e,#0000 23%),linear-gradient(#2aa8ff5c,#0c1f4cf0);border:0;border-radius:1.25rem;align-content:end;justify-items:start;min-height:clamp(7.2rem,23svh,11.5rem);padding:1rem;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f,0 1rem 2rem #00000047}.sample-pad:before{content:"";opacity:.86;background:linear-gradient(90deg,#0000 0 6%,#ffffff47 6% 8%,#0000 8% 16%,#ffffff2e 16% 19%,#0000 19% 31%,#ffffff5c 31% 34%,#0000 34% 48%,#fff3 48% 51%,#0000 51% 66%,#ffffff52 66% 69%,#0000 69% 100%);border-radius:.8rem;height:2.25rem;position:absolute;top:1.15rem;left:1rem;right:1rem}.sample-pad:active{filter:brightness(1.18);transform:translateY(1px)scale(.99);box-shadow:inset 0 0 0 1px #fff3,0 0 1.7rem #2aa8ff57}.sample-pad span,.sample-pad small,.sample-pad strong{z-index:1;position:relative}.sample-pad span{letter-spacing:-.045em;font-size:clamp(1.15rem,4vw,1.75rem);font-weight:950}.sample-pad small{color:#ffffffb8;font-weight:850}.sample-pad strong{color:#ffffffc7;background:#0000003b;border-radius:.65rem;place-items:center;width:2rem;height:2rem;font-size:.78rem;display:grid;position:absolute;top:.82rem;right:.86rem}.sample-editor-screen .drum-hit-pill{background:linear-gradient(180deg, color-mix(in srgb, var(--track-color), white 18%), color-mix(in srgb, var(--track-color), black 22%));min-width:4.4rem}@media (width<=720px){.sample-pad-grid{grid-template-columns:1fr 1fr;gap:.55rem}.sample-pad{border-radius:1rem;min-height:6.3rem}.sample-kit-display{flex-direction:column;align-items:stretch}}.instrument-card.instrument-voice.is-enabled .instrument-art{color:#f7efff;background:linear-gradient(135deg,#b96cff52,#5b37c32e)}.voice-top-panel{background:linear-gradient(135deg,#b96cff29,#181b26f0);border-color:#b96cff52}.voice-recorder-panel{background:linear-gradient(135deg,#301f44eb,#0f121bf5);border-color:#b96cff42;gap:1rem}.voice-mode-tabs{background:#ffffff12;border-radius:999px;gap:.35rem;width:fit-content;padding:.3rem;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff14}.voice-mode-tabs button,.voice-preset-grid button{color:#fff;background:#ffffff14;border:0;border-radius:999px;padding:.65rem 1rem;font-weight:900}.voice-mode-tabs button.is-active,.voice-preset-grid button.is-active{color:#14091f;background:#d79aff}.voice-studio-card,.voice-meter-card{background:#ffffff12;border-radius:1.15rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex;box-shadow:inset 0 0 0 1px #ffffff14}.voice-studio-card h3{margin:.2rem 0;font-size:clamp(1.3rem,3vw,2rem)}.voice-studio-card p{color:#b8c4d8;max-width:48rem;margin:0}.voice-mic-art{color:#f1dcff;background:radial-gradient(circle at 50% 38%,#d79aff94,#5b37c32e 62%,#0003);border-radius:1.3rem;place-items:center;min-width:6rem;height:6rem;font-size:3rem;display:grid}.voice-meter-card{grid-template-columns:1fr;display:grid}.voice-meter-heading{color:#b8c4d8;justify-content:space-between;gap:1rem;font-weight:900;display:flex}.voice-level-meter{background:#0000005c;border-radius:999px;height:1.35rem;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.voice-level-meter span{transform-origin:0;background:linear-gradient(90deg,#35d66f,#f6d04f,#ff4d6d);width:100%;height:100%;transition:transform 60ms linear;display:block}.voice-error{color:#ffb7c2;margin:0;font-weight:800}.voice-preset-grid,.voice-controls-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;display:grid}.voice-controls-grid label{color:#b7c5da;letter-spacing:.04em;text-transform:uppercase;background:#ffffff0f;border-radius:1rem;gap:.55rem;padding:.85rem;font-size:.8rem;font-weight:900;display:grid}.voice-controls-grid input{width:100%}@media (width<=720px){.voice-preset-grid,.voice-controls-grid{grid-template-columns:1fr 1fr}.voice-studio-card{flex-direction:column;align-items:stretch}.voice-mic-art{min-width:100%;height:4.5rem}}.recording-badge.is-ready{color:#c8f4ff;background:#6fddff1f;border-color:#6fddff8c}.voice-take-review{background:radial-gradient(circle at 12% 10%,#b96cff38,#0000 38%),#12121ee0;border:1px solid #b96cff61;border-radius:24px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px;display:grid;box-shadow:0 18px 44px #00000040}.voice-take-review h3{color:#fff;margin:3px 0 5px}.voice-take-review p:not(.eyebrow){color:#ebefffb3;max-width:58ch;margin:0;line-height:1.45}.voice-take-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.voice-take-actions button,.voice-workflow-note{border-radius:16px}.voice-take-actions button{color:#fff;background:#ffffff14;border:1px solid #ffffff24;min-height:44px;padding:0 14px;font-weight:800}.voice-take-actions .primary-action{color:#05110c;background:linear-gradient(135deg,#31d980,#16a8ff);border-color:#42e58f73}.voice-workflow-note{color:#eef2ffb8;background:#ffffff0e;border:1px solid #ffffff1a;padding:12px 14px;font-size:.92rem;line-height:1.45}.voice-preset-grid button[aria-disabled=true],.voice-mode-tabs button[aria-disabled=true]{opacity:.55}.voice-controls-grid input:disabled{opacity:.45}@media (width<=740px){.voice-take-review{grid-template-columns:1fr}.voice-take-actions{justify-content:stretch}.voice-take-actions button{flex:120px}}.voice-preset-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.voice-preset-grid button{align-content:center;gap:.25rem;min-height:4.1rem;display:grid}.voice-preset-grid button span{display:block}.voice-preset-grid button small{color:#eff2ff9e;text-transform:none;letter-spacing:0;font-size:.68rem;line-height:1.1;display:block}.voice-preset-grid button.is-active small{color:#14091fb8}@media (width<=1100px){.voice-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.voice-preset-grid{grid-template-columns:1fr 1fr}}.live-loops-screen{max-width:82rem}.live-loops-hero span{color:#9da8ba;margin-top:.32rem;font-size:.9rem;display:block}.live-hero-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.65rem;display:flex}.mode-action{color:#f9fbff;background:#ffffff17;border:0;border-radius:.9rem;min-height:2.62rem;padding:0 1rem;font-weight:850;box-shadow:inset 0 0 0 1px #ffffff1a}.live-loops-card{background:linear-gradient(#ffffff17,#ffffff0b);border-radius:1.35rem;padding:.72rem;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,0 1.4rem 4rem #00000040}.live-grid-shell{grid-template-columns:minmax(7.6rem,10rem) minmax(0,1fr);min-height:27rem;display:grid}.live-track-rail{background:#0000001a;border-right:1px solid #ffffff14;flex-direction:column;display:flex}.live-corner-label,.live-scene-header{color:#9ca7b9;letter-spacing:.12em;text-transform:uppercase;align-items:center;min-height:2.5rem;font-size:.7rem;font-weight:900;display:grid}.live-corner-label{border-bottom:1px solid #ffffff14;padding:0 .8rem}.live-track-row-label{color:#fff;border-bottom:1px solid #ffffff12;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:.5rem;min-height:4.7rem;padding:.72rem;font-weight:900;display:grid}.live-track-row-label span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.live-row-stop{color:#aab5c7;background:#ffffff14;border:0;border-radius:.58rem;width:1.8rem;height:1.8rem;font-size:.66rem;font-weight:900;box-shadow:inset 0 0 0 1px #ffffff14}.live-scene-footer-spacer{min-height:3.25rem}.live-grid-scroll{overflow:auto}.live-grid{--live-cell-width:8.4rem;min-width:calc(var(--scene-count) * var(--live-cell-width));grid-template-rows:2.5rem;display:grid}.live-scene-header-row,.live-grid-row,.live-scene-trigger-row{grid-template-columns:repeat(var(--scene-count), var(--live-cell-width));display:grid}.live-scene-header{border-bottom:1px solid #ffffff14;border-right:1px solid #ffffff0e;justify-content:center}.live-grid-row{border-bottom:1px solid #ffffff12;min-height:4.7rem}.live-cell{color:#dfe7f5;background:#ffffff09;border:1px dashed #ffffff24;border-radius:.88rem;place-content:center;gap:.12rem;min-height:3.95rem;margin:.36rem;display:grid;position:relative;overflow:hidden}.live-cell.has-cell{border-style:solid;border-color:color-mix(in srgb, var(--track-color) 60%, transparent);background:radial-gradient(circle at 50% 44%, color-mix(in srgb, var(--track-color) 24%, transparent), transparent 42%), linear-gradient(180deg, color-mix(in srgb, var(--track-color) 22%, #121722), #0b0e16cc)}.live-cell strong{z-index:1;color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:6.5rem;font-size:.78rem;position:relative;overflow:hidden}.live-cell small{z-index:1;color:#afbbcd;font-size:.64rem;font-weight:800;position:relative}.live-cell-ring{border:.18rem dotted color-mix(in srgb, var(--track-color,#7c8798) 72%, #fff 8%);opacity:.78;border-radius:999px;width:1.65rem;height:1.65rem;margin:0 auto .08rem}.live-cell.is-playing{border-color:color-mix(in srgb, var(--track-color) 90%, white 10%);box-shadow:0 0 1.3rem color-mix(in srgb, var(--track-color) 30%, transparent), inset 0 0 0 1px #ffffff21}.live-cell.is-playing .live-cell-ring{border-style:solid;animation:1s linear infinite liveRing}.live-cell.is-queued{animation:.55s ease-in-out infinite alternate liveQueued}.live-cell.is-stopping{opacity:.55}.live-scene-trigger-row{align-items:stretch;min-height:3.25rem}.live-scene-trigger-row button{color:#b6c1d3;background:#ffffff0a;border:0;border-right:1px solid #ffffff0e;font-weight:900}.live-scene-trigger-row button span{letter-spacing:.08em;text-transform:uppercase;margin-top:.12rem;font-size:.62rem;display:block}.live-empty{min-height:22rem}.live-cell-picker{color:#f8fbff;background:linear-gradient(#1f2430fa,#0d1018fa);border-radius:1.25rem;width:min(36rem,100vw - 1.5rem);padding:1rem;box-shadow:0 2rem 5rem #00000073,inset 0 0 0 1px #ffffff1a}.cell-picker-list{gap:.65rem;margin-top:1rem;display:grid}.cell-picker-list button,.cell-picker-empty{color:#fff;text-align:left;background:#ffffff12;border:0;border-radius:.92rem;grid-template-columns:auto 1fr;align-items:center;gap:.24rem .65rem;padding:.8rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff14}.cell-picker-list button small,.cell-picker-empty span{color:#a9b4c6;grid-column:2}.cell-picker-empty{grid-template-columns:1fr;margin-top:1rem}.cell-picker-empty span{grid-column:auto}@keyframes liveQueued{0%{filter:brightness(.95);transform:scale(.985)}to{filter:brightness(1.2);transform:scale(1.015)}}@keyframes liveRing{to{transform:rotate(360deg)}}@media (width<=760px){.live-grid-shell{grid-template-columns:6.5rem minmax(0,1fr)}.live-grid{--live-cell-width:7rem}.live-track-row-label{grid-template-columns:auto minmax(0,1fr)}.live-track-row-label .track-dot{display:none}.live-cell strong{max-width:5.4rem}}.live-cell{position:relative}.live-cell-menu-button{z-index:2;color:#dce7f8;background:#03081270;border-radius:999px;place-items:center;width:1.55rem;height:1.55rem;font-size:1rem;font-weight:950;line-height:1;display:grid;position:absolute;top:.34rem;right:.34rem;box-shadow:inset 0 0 0 1px #ffffff1f}.live-cell-menu-button:hover,.live-cell-menu-button:focus-visible{color:#05100a;background:linear-gradient(#57f28e,#22cb68);outline:none}.live-cell-options-summary{background:#fff1;border-radius:1rem;align-items:center;gap:.75rem;margin-bottom:.8rem;padding:.8rem;display:flex;box-shadow:inset 0 0 0 1px #ffffff14}.live-cell-options-summary .track-dot{flex:none;width:.9rem;height:.9rem}.live-cell-options-summary strong,.live-cell-options-summary small{display:block}.live-cell-options-summary strong{color:#fff;font-size:1rem}.live-cell-options-summary small{color:#9eabbe;margin-top:.1rem}.live-cell-options-actions{gap:.55rem;display:grid}.live-cell-options-actions button{color:#eaf1fb;text-align:left;background:#ffffff13;border:0;border-radius:.95rem;gap:.18rem;padding:.82rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff14}.live-cell-options-actions button:hover,.live-cell-options-actions button:focus-visible{background:#35d66f24;outline:none;box-shadow:inset 0 0 0 1px #35d66f47}.live-cell-options-actions button strong{color:#fff;font-size:.92rem}.live-cell-options-actions button span{color:#a4afc1;font-size:.76rem;line-height:1.35}.live-cell-options-actions button.danger-action{background:#ff415126;box-shadow:inset 0 0 0 1px #ff41512e}.live-cell-options-actions button.danger-action strong{color:#ffdce0}.live-record-cell-action{color:#06100b;text-align:left;background:linear-gradient(#58f18d,#21c968);border:0;border-radius:1rem;gap:.18rem;width:100%;margin-top:.95rem;padding:.9rem;display:grid;box-shadow:0 1rem 2.4rem #21c9682e,inset 0 0 0 1px #ffffff59}.live-record-cell-action strong{color:#06100b;font-size:.98rem;font-weight:950}.live-record-cell-action span{color:#06100bbd;font-size:.78rem;font-weight:800;line-height:1.35}.add-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem;display:grid}.add-choice-card{text-align:left;color:#eff6ff;background:linear-gradient(145deg,#272d3af5,#0c0f16f5);border:0;border-radius:1.45rem;align-content:end;gap:.5rem;min-height:220px;padding:1.15rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff14,0 1rem 2.4rem #00000038}.add-choice-card:hover,.add-choice-card:focus-visible{outline:none;box-shadow:inset 0 0 0 1px #35d66f80,0 1rem 2.6rem #35d66f1f}.add-choice-icon{color:#06100b;background:linear-gradient(#58f18d,#21c968);border-radius:1.1rem;place-items:center;width:3.7rem;height:3.7rem;margin-bottom:1rem;font-size:1.4rem;font-weight:950;display:grid}.add-choice-card strong{font-size:clamp(1.8rem,4vw,3rem);line-height:.95}.add-choice-card small{color:#a8b4c8;max-width:32rem;font-size:1rem;line-height:1.45}.loop-browser-panel{background:linear-gradient(#212530fa,#0c0f16fa);border-radius:1.35rem;margin:1rem;padding:1rem;box-shadow:inset 0 0 0 1px #ffffff14}.loop-search{color:#aab6ca;text-transform:uppercase;letter-spacing:.1em;gap:.45rem;margin-bottom:.85rem;font-size:.72rem;font-weight:850;display:grid}.loop-search input{box-sizing:border-box;color:#eff6ff;width:100%;font:inherit;text-transform:none;letter-spacing:0;background:#ffffff13;border:0;border-radius:1rem;padding:.95rem 1rem;box-shadow:inset 0 0 0 1px #ffffff14}.loop-category-row{margin-bottom:1rem}.loop-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.loop-card{background:linear-gradient(145deg,#2c313ffa,#0e1119fa);border-radius:1.2rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.85rem;min-height:132px;padding:.95rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff14}.loop-card-art{background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--track-color) 46%, transparent), #ffffff0d 62%), #ffffff0e;width:5.2rem;height:5.2rem;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--track-color) 50%, transparent);border-radius:1.05rem;justify-content:center;align-items:center;gap:.28rem;display:flex}.loop-card-art span{background:var(--track-color);opacity:.9;border-radius:999px;width:.44rem}.loop-card-art span:first-child{height:1.2rem}.loop-card-art span:nth-child(2){height:2.4rem}.loop-card-art span:nth-child(3){height:3.2rem}.loop-card-art span:nth-child(4){height:1.8rem}.loop-card-copy{min-width:0}.loop-card-copy h3{color:#fff;margin:.05rem 0 .16rem;font-size:1.35rem;line-height:1}.loop-card-copy span,.loop-card-copy small{color:#aab6ca;line-height:1.35;display:block}.loop-card-copy small{margin-top:.3rem;font-size:.78rem}.loop-card-actions{gap:.45rem;display:grid}.loop-card-actions button{color:#fff;background:#ffffff1c;border:0;border-radius:.8rem;padding:.65rem .85rem;font-weight:950;box-shadow:inset 0 0 0 1px #ffffff14}@media (width<=900px){.add-choice-grid,.loop-card-grid{grid-template-columns:1fr}.loop-card{grid-template-columns:auto minmax(0,1fr)}.loop-card-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}}.transport-bar-clean{grid-template-columns:minmax(10rem,1fr) auto minmax(18rem,1.1fr);gap:.72rem;min-height:4.35rem}.transport-center-stack{justify-content:center;min-width:0;display:flex}.transport-controls-clean{background:#ffffff09;border-radius:1.05rem;padding:.22rem;box-shadow:inset 0 0 0 1px #ffffff0f}.transport-right-clean{gap:.5rem;min-width:0}.primary-mode-nav{background:#ffffff0e;border-radius:1rem;grid-template-columns:repeat(4,minmax(0,1fr));min-width:min(27rem,100%);padding:.22rem;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff13}.primary-mode-nav button{color:#aeb8ca;white-space:nowrap;background:0 0;border:0;border-radius:.78rem;min-width:0;min-height:2.1rem;padding:0 .68rem;font-size:.72rem;font-weight:900}.primary-mode-nav button.is-active{color:#07100b;background:linear-gradient(#57f28e,#22cb68);box-shadow:0 .7rem 1.5rem #22cb6829}.topbar-overflow{flex:none;position:relative}.topbar-more-button{letter-spacing:.02em;font-size:1.45rem}.topbar-menu{z-index:80;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#131721fa;border-radius:1rem;min-width:14.5rem;padding:.42rem;display:grid;position:absolute;top:calc(100% + .52rem);right:0;box-shadow:0 1.2rem 2.8rem #0000006b,inset 0 0 0 1px #ffffff1a}.topbar-menu:before{content:"";background:#131721fa;border-top:1px solid #ffffff1a;border-left:1px solid #ffffff1a;width:.8rem;height:.8rem;position:absolute;top:-.42rem;right:1rem;transform:rotate(45deg)}.topbar-menu button{color:#f8fbff;text-align:left;background:0 0;border:0;border-radius:.72rem;min-height:2.45rem;padding:0 .8rem;font-size:.8rem;font-weight:850}.topbar-menu button:hover,.topbar-menu button:focus-visible{background:#ffffff16;outline:none}.topbar-menu-meta{color:#aab5c8;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:1rem;margin-top:.28rem;padding:.72rem .8rem .42rem;font-size:.78rem;display:flex}.topbar-menu-meta strong{color:#fff}@media (orientation:landscape) and (height<=620px){.transport-bar-clean{grid-template-columns:minmax(8.5rem,.9fr) auto minmax(16rem,1.2fr);gap:.45rem;min-height:3.6rem}.transport-bar-clean .brand-mark{border-radius:.58rem;width:1.7rem;height:1.7rem}.transport-bar-clean .brand-button strong{font-size:1rem}.transport-bar-clean .eyebrow{margin-bottom:.08rem;font-size:.58rem}.transport-controls-clean{gap:.24rem}.transport-controls-clean .transport-pill,.transport-controls-clean .transport-button,.topbar-more-button{border-radius:.72rem;min-width:2.18rem;height:2.18rem}.transport-controls-clean .transport-button.play{min-width:2.55rem}.primary-mode-nav{min-width:min(21rem,100%)}.primary-mode-nav button{min-height:2.02rem;padding:0 .42rem;font-size:.64rem}.topbar-menu{max-height:calc(100svh - 4rem);top:calc(100% + .36rem);overflow:auto}}@media (width<=980px){.transport-bar-clean{grid-template-columns:minmax(8rem,.8fr) auto minmax(13rem,1fr)}.primary-mode-nav button{padding-inline:.42rem;font-size:.66rem}}@media (width<=720px){.transport-bar-clean{grid-template-columns:minmax(0,1fr) auto}.transport-right-clean{display:flex}.primary-mode-nav{display:none}.transport-controls-clean .transport-pill{display:flex}.transport-bar-clean .icon-button.metronome{display:grid}}@media (width<=520px){.transport-left .brand-button .eyebrow{display:none}.transport-bar-clean .brand-button strong{max-width:8rem}}.instruments-screen-polished{max-width:none}.instruments-hero-polished{width:100%;max-width:76rem;margin:0 auto;padding:0 .2rem}.instruments-hero-polished span{color:#aab6ca;max-width:42rem;margin-top:.42rem;line-height:1.45;display:block}.instrument-browser-polished{background:radial-gradient(circle at 12% 0,#2aa8ff29,#0000 24rem),radial-gradient(circle at 92% 10%,#b35cff24,#0000 22rem),linear-gradient(#ffffff16,#ffffff0a);border-radius:1.55rem;width:min(100%,76rem);margin:0 auto;padding:clamp(.8rem,1.8vw,1.15rem)}.instrument-search{color:#aeb9ca;letter-spacing:.11em;text-transform:uppercase;gap:.42rem;margin-bottom:.85rem;font-size:.68rem;font-weight:900;display:grid}.instrument-search input{color:#f7fbff;letter-spacing:0;text-transform:none;background:#ffffff13;border:0;border-radius:1.05rem;outline:none;width:100%;padding:.95rem 1rem;font-size:.95rem;font-weight:750;box-shadow:inset 0 0 0 1px #ffffff14}.instrument-search input:focus{box-shadow:inset 0 0 0 1px #57f28e7a,0 0 0 4px #57f28e17}.instrument-category-row{margin-bottom:.85rem;padding-bottom:.1rem}.instrument-category-row button{white-space:nowrap;min-height:2.18rem;padding-inline:.95rem;font-size:.76rem;font-weight:900}.instrument-section-heading{color:#9da8bc;justify-content:space-between;align-items:flex-end;gap:1rem;margin:.35rem 0 .72rem;display:flex}.instrument-section-heading strong{color:#fff;font-size:1rem}.instrument-section-heading span{color:#8f9aaf;font-size:.8rem;font-weight:800}.instrument-grid-polished{grid-template-columns:repeat(5,minmax(0,1fr));gap:.85rem}.instrument-card-polished{isolation:isolate;background:radial-gradient(circle at 52% 30%, color-mix(in srgb, var(--instrument-accent) 26%, transparent), transparent 45%), linear-gradient(150deg, #2a2f3efa, #0d1018fa);border-radius:1.28rem;min-height:14rem;padding:.9rem;transition:transform .16s,box-shadow .16s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,0 1.1rem 2.5rem #0000002e}.instrument-card-polished.is-enabled{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--instrument-accent) 50%, transparent), 0 1.1rem 2.5rem #0003, 0 0 1.7rem color-mix(in srgb, var(--instrument-accent) 17%, transparent)}.instrument-card-polished.is-enabled:hover,.instrument-card-polished.is-enabled:focus-visible{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--instrument-accent) 70%, transparent), 0 1.3rem 2.8rem #00000047, 0 0 2rem color-mix(in srgb, var(--instrument-accent) 24%, transparent);outline:none;transform:translateY(-2px)}.instrument-card-glow{z-index:-1;background:radial-gradient(circle, color-mix(in srgb, var(--instrument-accent) 34%, transparent), transparent 68%);opacity:.85;height:52%;position:absolute;inset:auto -18% -28%}.instrument-card-topline{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1.15rem;display:flex}.instrument-card-topline span,.instrument-card-topline strong{letter-spacing:.07em;text-transform:uppercase;border-radius:999px;padding:.34rem .52rem;font-size:.62rem;font-weight:950}.instrument-card-topline span{color:#ced8e8;background:#ffffff14}.instrument-card-topline strong{color:#07100b;background:color-mix(in srgb, var(--instrument-accent) 76%, white 24%)}.instrument-art-polished{background:radial-gradient(circle at 50% 20%, #ffffff3d, transparent 48%), color-mix(in srgb, var(--instrument-accent) 30%, #ffffff14);width:4.8rem;height:4.8rem;color:color-mix(in srgb, var(--instrument-accent) 70%, white 30%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--instrument-accent) 36%, transparent), 0 1rem 2rem #0000003d;border-radius:1.35rem;margin:0 auto 1rem;font-size:2.15rem}.instrument-card-polished h3{text-align:center;margin:0 0 .42rem;font-size:1.12rem}.instrument-card-polished p{color:#aab6ca;text-align:center;max-width:14rem;margin:0 auto;font-size:.82rem;line-height:1.38}.loop-section-heading{margin-top:1.05rem}.instrument-loop-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;display:grid}.instrument-loop-card{background:radial-gradient(circle at 48% 0%, color-mix(in srgb, var(--track-color) 22%, transparent), transparent 42%), linear-gradient(150deg, #282d3bfa, #0c0f17fa);border-radius:1.24rem;grid-template-rows:auto minmax(0,1fr) auto;gap:.7rem;min-height:15.5rem;padding:.82rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff14,0 1rem 2.3rem #00000029}.instrument-loop-art{min-height:4.8rem;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--track-color) 42%, transparent);background:#ffffff0e;border-radius:1rem;justify-content:center;align-items:flex-end;gap:.32rem;padding:.75rem;display:flex}.instrument-loop-art span{background:var(--track-color);width:.5rem;box-shadow:0 0 1rem color-mix(in srgb, var(--track-color) 62%, transparent);border-radius:999px}.instrument-loop-art span:first-child{height:1.4rem}.instrument-loop-art span:nth-child(2){height:2.65rem}.instrument-loop-art span:nth-child(3){height:3.35rem}.instrument-loop-art span:nth-child(4){height:2rem}.instrument-loop-copy h3{color:#fff;margin:.1rem 0 .2rem;font-size:1rem;line-height:1.05}.instrument-loop-copy span,.instrument-loop-copy small{color:#a7b3c6;font-size:.78rem;line-height:1.34;display:block}.instrument-loop-copy small{color:#818da1;margin-top:.3rem}.instrument-loop-actions{grid-template-columns:1fr 1fr;gap:.45rem;display:grid}.instrument-loop-actions button:not(.primary-action){color:#fff;background:#ffffff1c;border:0;border-radius:.78rem;padding:.62rem .68rem;font-weight:900;box-shadow:inset 0 0 0 1px #ffffff14}@media (orientation:landscape) and (height<=620px){.instruments-screen-polished{gap:.55rem}.instruments-hero-polished{display:none}.instrument-browser-polished{border-radius:1.2rem;padding:.7rem}.instrument-search{grid-template-columns:auto minmax(0,1fr);align-items:center;margin-bottom:.55rem}.instrument-search input{border-radius:.8rem;min-height:2.28rem;padding:.65rem .82rem}.instrument-category-row{margin-bottom:.55rem}.instrument-category-row button{min-height:1.92rem;padding-inline:.75rem;font-size:.68rem}.instrument-section-heading{margin-bottom:.48rem}.instrument-grid-polished{grid-template-columns:repeat(5,minmax(8rem,1fr));gap:.55rem}.instrument-card-polished{border-radius:1rem;min-height:9.2rem;padding:.65rem}.instrument-card-topline{margin-bottom:.45rem}.instrument-card-topline span,.instrument-card-topline strong{padding:.26rem .42rem;font-size:.54rem}.instrument-art-polished{border-radius:.92rem;width:3.2rem;height:3.2rem;margin-bottom:.5rem;font-size:1.48rem}.instrument-card-polished h3{margin-bottom:.2rem;font-size:.9rem}.instrument-card-polished p{font-size:.68rem;line-height:1.25}.instrument-loop-grid{grid-template-columns:repeat(4,minmax(9.5rem,1fr));gap:.55rem}.instrument-loop-card{border-radius:1rem;gap:.45rem;min-height:11.2rem;padding:.62rem}.instrument-loop-art{min-height:3.2rem;padding:.55rem}.instrument-loop-copy h3{font-size:.85rem}.instrument-loop-copy span,.instrument-loop-copy small{font-size:.66rem}.instrument-loop-actions button,.instrument-loop-actions .primary-action.compact{border-radius:.64rem;min-height:2rem;padding:.45rem .5rem;font-size:.68rem}}@media (width<=980px){.instrument-grid-polished{grid-template-columns:repeat(3,minmax(0,1fr))}.instrument-loop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.instrument-grid-polished,.instrument-loop-grid{grid-template-columns:1fr}.instrument-card-polished{min-height:12rem}}.play-screen{max-width:86rem}.play-screen .instrument-top-panel{background:radial-gradient(circle at 18% 0,#53f18b24,#0000 38%),linear-gradient(135deg,#181f2ef5,#0a0d16fa);border-radius:1.55rem;min-height:6.25rem;padding:clamp(.9rem,2vw,1.25rem);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff17,0 1.25rem 3.2rem #00000047}.play-screen .instrument-top-panel:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1c,#0000 64%);border-radius:999px;width:13rem;height:13rem;position:absolute;inset:auto -4rem -5.4rem auto}.play-screen .instrument-top-panel h2{color:#fff;letter-spacing:-.055em;max-width:42rem;margin:.18rem 0 0;font-size:clamp(1.35rem,3vw,2.25rem);line-height:.98}.play-screen .eyebrow{color:#ebf1ffad;letter-spacing:.14em}.play-screen .recording-badge{z-index:1;background:#ffffff16;border-radius:999px;place-items:center;min-height:2.65rem;padding-inline:1rem;display:inline-grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a}.play-screen .recording-badge.is-live{background:linear-gradient(135deg,#ff41515c,#ff87522e);box-shadow:inset 0 0 0 1px #ff415175,0 0 1.6rem #ff415124}.play-screen .play-panel{background:radial-gradient(circle at 50% -20%,#588dff1c,#0000 46%),linear-gradient(#ffffff13,#ffffff0a);border-radius:1.55rem;padding:clamp(.85rem,2vw,1.15rem)}.smart-controls,.drum-kit-display,.bass-sound-card,.sample-kit-display,.voice-studio-card,.voice-meter-card,.voice-take-review,.voice-workflow-note,.sample-recording-hint,.bass-options-row{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.smart-controls{grid-template-columns:minmax(7.5rem,.9fr) minmax(12rem,1.25fr) minmax(7.5rem,.9fr)}.smart-controls label,.instrument-display{background:linear-gradient(#ffffff17,#ffffff0b);border-radius:1.15rem;min-height:5rem;box-shadow:inset 0 0 0 1px #ffffff14}.instrument-display{position:relative;overflow:hidden}.instrument-display:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 10%,#53f18b2e,#0000 48%);position:absolute;inset:0}.instrument-display>*{z-index:1;position:relative}.piano-art{color:#7cffaa;background:linear-gradient(90deg,#ffffff24 0 10%,#0000 10% 16%,#ffffff24 16% 26%,#0000 26% 34%,#ffffff24 34% 44%,#0000 44% 52%,#ffffff24 52% 62%,#0000 62% 70%,#ffffff24 70% 80%,#0000 80% 100%),#35d66f1f;border-radius:1.1rem;width:4.35rem;height:3.45rem}.keyboard{background:linear-gradient(#171d2a,#07090f);border-radius:1.25rem;min-height:min(42svh,20rem);box-shadow:inset 0 0 0 1px #ffffff1c,0 1.2rem 2.4rem #0000003d}.white-key{color:#6e7580;background:linear-gradient(#fff,#e4e8f0 62%,#c6ccd7);border-color:#11161f61;font-weight:900}.white-key.is-held{color:#09391e;background:linear-gradient(#e4ffed,#82f4a8 74%,#42ce73)}.black-key{background:linear-gradient(#303845,#07090e 78%);border-radius:0 0 .38rem .38rem;height:61%}.drum-top-panel{background:radial-gradient(circle at 15% 0,#ff754b38,#0000 42%),linear-gradient(135deg,#2c1512f5,#0a0d16fa)!important}.drum-play-panel{background:radial-gradient(circle at 50% -18%,#ff754b29,#0000 46%),linear-gradient(#ffffff13,#ffffff0a)}.drum-kit-display,.bass-sound-card,.sample-kit-display{border-radius:1.35rem;padding:clamp(.85rem,2vw,1.1rem)}.drum-pad-grid,.sample-pad-grid{gap:clamp(.65rem,1.5vw,.95rem)}.drum-pad,.sample-pad,.bass-pad{transition:transform .1s,filter .12s,box-shadow .12s;transform:translateZ(0)}.drum-pad{background:radial-gradient(circle at 74% 16%,#ffffff2e,#0000 24%),linear-gradient(145deg,#ff663ff5,#6f2019fa);border-radius:1.45rem;min-height:clamp(7.6rem,26svh,12.5rem);box-shadow:inset 0 0 0 1px #ffffff24,0 1.1rem 2.25rem #0000004d}.drum-pad-snare{background:radial-gradient(circle at 74% 16%,#fff3,#0000 24%),linear-gradient(145deg,#ffae49f5,#7c3e11fa)}.drum-pad-hat{background:radial-gradient(circle at 74% 16%,#ffffff2e,#0000 24%),linear-gradient(145deg,#56dd97eb,#126043fa)}.drum-pad-clap{background:radial-gradient(circle at 74% 16%,#ffffff2e,#0000 24%),linear-gradient(145deg,#a476fff0,#3f2682fa)}.drum-pad:active,.sample-pad:active,.bass-pad:active,.bass-pad.is-held{transform:translateY(1px)scale(.985)}.drum-pad span,.sample-pad span,.bass-pad span{letter-spacing:-.055em}.bass-top-panel{background:radial-gradient(circle at 15% 0,#ffc34c36,#0000 42%),linear-gradient(135deg,#2a1f0df5,#0a0d16fa)!important}.bass-play-panel{background:radial-gradient(circle at 50% -18%,#ffc34c26,#0000 46%),linear-gradient(#ffffff13,#ffffff0a)}.bass-pad-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.55rem,1.25vw,.85rem)}.bass-pad{background:radial-gradient(circle at 72% 18%,#ffffff2b,#0000 25%),linear-gradient(145deg,#ffc54af0,#77490efa);border-radius:1.25rem;min-height:clamp(5.8rem,20svh,9.5rem)}.bass-options-row{background:#ffffff0e;border-radius:1.15rem;justify-content:center;padding:.3rem}.bass-options-row button{min-height:2.6rem}.sample-top-panel{background:radial-gradient(circle at 15% 0,#2aa8ff3d,#0000 42%),linear-gradient(135deg,#0c1f4cf5,#0a0d16fa)!important}.sample-play-panel{background:radial-gradient(circle at 50% -18%,#2aa8ff29,#0000 46%),linear-gradient(#ffffff13,#ffffff0a)}.sample-recording-hint{border-radius:1.15rem;padding:.9rem 1rem}.sample-pad{border-radius:1.45rem;min-height:clamp(7.2rem,25svh,12rem)}.voice-play-screen{max-width:92rem}.voice-top-panel{background:radial-gradient(circle at 15% 0,#b96cff3d,#0000 42%),linear-gradient(135deg,#301f44f5,#0a0d16fa)!important}.voice-recorder-panel{background:radial-gradient(circle at 50% -18%,#b96cff2e,#0000 46%),linear-gradient(#ffffff13,#ffffff0a)}.voice-mode-tabs{width:100%;max-width:22rem}.voice-mode-tabs button{flex:1 1 0}.voice-preset-grid button{background:linear-gradient(#ffffff1a,#ffffff0e);border-radius:1.05rem;min-height:4.75rem;box-shadow:inset 0 0 0 1px #ffffff14}.voice-preset-grid button.is-active{background:linear-gradient(135deg,#d79aff,#7bb8ff);box-shadow:0 .9rem 1.9rem #b96cff2e}.voice-controls-grid label{border-radius:1.05rem}.play-help-row{background:#ffffff0b;border-radius:1.1rem;padding:.7rem .85rem;box-shadow:inset 0 0 0 1px #ffffff0f}.play-help-row button{border-radius:.95rem}@media (orientation:landscape) and (height<=720px){.play-screen{grid-template-columns:minmax(17rem,.76fr) minmax(0,1.64fr);align-items:start;gap:.65rem}.play-screen .instrument-top-panel{flex-direction:column;place-content:start space-between;align-items:flex-start;min-height:calc(100svh - 5.6rem)}.play-screen .instrument-top-panel h2{font-size:clamp(1.35rem,4.3vw,2.35rem)}.play-screen .play-panel{gap:.65rem;max-height:calc(100svh - 5.6rem);overflow:auto}.keyboard{min-height:calc(100svh - 15.2rem)}.smart-controls{grid-template-columns:.8fr 1.15fr .8fr;gap:.55rem}.smart-controls label,.instrument-display{min-height:4.3rem;padding:.65rem}.drum-pad-grid,.sample-pad-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.drum-pad,.sample-pad{min-height:calc(50svh - 6.1rem)}.bass-pad-grid{grid-template-columns:repeat(8,minmax(4.4rem,1fr))}.bass-pad{min-height:calc(100svh - 16.6rem)}.sample-kit-display,.drum-kit-display,.bass-sound-card,.voice-studio-card{padding:.78rem}.voice-play-screen{grid-template-columns:minmax(18rem,.68fr) minmax(0,1.72fr)}.voice-recorder-panel{grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr);align-items:start}.voice-mode-tabs,.voice-studio-card,.voice-meter-card,.voice-take-review,.voice-workflow-note{grid-column:1}.voice-preset-grid,.voice-controls-grid,.play-help-row{grid-column:2}.voice-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.play-screen .instrument-top-panel{min-height:auto}.smart-controls{grid-template-columns:1fr}.keyboard{min-height:13rem;overflow-x:auto}.bass-pad-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.voice-mode-tabs{max-width:none}}.timeline-card{--track-rail-width:8.7rem}.tracks-mixer-open .timeline-card{--track-rail-width:clamp(16rem, 30vw, 23rem);--timeline-lane-height:5.35rem}.ruler-spacer{background:#ffffff06;justify-content:flex-end;align-items:center;padding:0 .42rem;display:flex}.track-drawer-toggle{color:#c8d2e2;letter-spacing:.02em;background:#ffffff13;border:0;border-radius:999px;align-items:center;gap:.34rem;min-height:1.48rem;padding:.22rem .42rem .22rem .55rem;font-size:.62rem;font-weight:950;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff14}.track-drawer-toggle b{color:#07100b;background:linear-gradient(#57f28e,#22cb68);border-radius:999px;place-items:center;width:1.05rem;height:1.05rem;font-size:.85rem;line-height:1;display:grid}.track-drawer-toggle.is-open{color:#07100b;background:linear-gradient(#57f28ef5,#22cb68f5);box-shadow:0 .55rem 1.4rem #22cb681f}.track-drawer-toggle.is-open b{color:#eafff0;background:#0000003d}.timeline-track-label{min-width:0;overflow:hidden}.tracks-mixer-open .timeline-track-label{grid-template-rows:auto auto;grid-template-columns:auto minmax(5rem,1fr) auto;align-content:center;gap:.18rem .55rem}.tracks-mixer-open .timeline-track-label .track-mini-actions{grid-area:1/3;justify-self:end}.tracks-mixer-open .timeline-track-label .track-name{grid-area:1/2}.tracks-mixer-open .track-mixer-controls{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}.timeline-region{align-content:center;gap:.06rem;min-width:0;padding-left:.58rem;padding-right:1.75rem;overflow:hidden}.timeline-region-title,.timeline-region-meta{text-overflow:ellipsis;white-space:nowrap;pointer-events:none;min-width:0;max-width:100%;line-height:1.06;display:block;overflow:hidden}.timeline-region-title{font-size:clamp(.72rem,1.2vw,.92rem);font-weight:950}.timeline-region-meta{color:#ffffffbd;font-size:clamp(.55rem,.95vw,.68rem)}.timeline-region.is-short{padding-left:.46rem;padding-right:1.45rem}.timeline-region.is-short .timeline-region-title{font-size:.72rem}.timeline-region.is-short .timeline-region-meta{display:none}.timeline-region.is-tiny{justify-items:center;padding-inline:.24rem 1.18rem}.timeline-region.is-tiny .timeline-region-title,.timeline-region.is-tiny .timeline-region-meta{display:none}.timeline-region.is-tiny:before{content:"";background:#ffffffdb;border-radius:999px;width:.72rem;height:.72rem;box-shadow:0 0 1rem #ffffff2e}.timeline-region-resize-handle{z-index:2}@media (orientation:landscape) and (height<=620px){.timeline-card{--track-rail-width:8.2rem;--timeline-lane-height:3.6rem}.tracks-mixer-open .timeline-card{--track-rail-width:clamp(15rem, 31vw, 21rem);--timeline-lane-height:5.05rem}.timeline-track-label{padding:.46rem .58rem}.track-drawer-toggle span{text-overflow:ellipsis;white-space:nowrap;max-width:4.8rem;overflow:hidden}.tracks-mixer-open .track-mixer-controls label{font-size:.58rem}}@media (width<=720px){.timeline-card{--track-rail-width:6.45rem}.tracks-mixer-open .timeline-card{--track-rail-width:min(15rem, 58vw);--timeline-lane-height:5.55rem}.track-drawer-toggle span{display:none}.track-drawer-toggle{padding:.22rem}.tracks-mixer-open .track-drawer-toggle span{display:inline}.track-mixer-controls{grid-template-columns:1fr}}.quick-mixer-strip{display:none!important}.tracks-mixer-open .timeline-card{--timeline-lane-height:4rem;--track-rail-width:clamp(14rem, 28vw, 19rem)}.tracks-mixer-open .timeline-shell{min-height:22rem}.tracks-mixer-open .timeline-track-label{min-height:var(--timeline-lane-height);flex-basis:var(--timeline-lane-height);gap:.08rem .44rem;padding:.36rem .58rem}.tracks-mixer-open .track-mixer-controls{gap:.28rem;padding-top:.02rem}.tracks-mixer-open .track-mixer-controls label{gap:.1rem;font-size:.54rem;line-height:1}.tracks-mixer-open .track-mixer-controls input{height:.9rem}.tracks-mixer-open .track-mini-actions button{width:1.55rem;height:1.28rem}@media (orientation:landscape) and (height<=620px){.tracks-mixer-open .timeline-card{--track-rail-width:clamp(13.5rem, 29vw, 18rem);--timeline-lane-height:3.6rem}.tracks-mixer-open .timeline-track-label{padding:.3rem .5rem}.tracks-mixer-open .track-mixer-controls{gap:.22rem}.tracks-mixer-open .track-mixer-controls label{font-size:.5rem}}@media (width<=720px){.tracks-mixer-open .timeline-card{--track-rail-width:min(13.5rem, 54vw);--timeline-lane-height:4rem}}html,body,#root{height:100%;min-height:100%;overflow:hidden}body{overscroll-behavior:none;height:100dvh}.app-shell{height:100dvh;min-height:100dvh;max-height:100dvh}.app-body{min-height:0;overflow:hidden}.app-shell.screen-tracks .app-body{flex-direction:column;min-height:0;display:flex;overflow:hidden}.tracks-screen{flex-direction:column;flex:auto;width:100%;max-width:none;height:100%;min-height:0;display:flex;overflow:hidden}.tracks-screen>.tracks-hero,.tracks-screen>.region-action-bar,.tracks-screen>.track-options-panel{flex:none}.tracks-screen .timeline-card{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.tracks-screen .section-strip{flex:none}.tracks-screen .timeline-shell{flex:auto;min-height:0;overflow:hidden}.tracks-screen .track-header-column{min-height:0;overflow:hidden}.tracks-screen .timeline-scroll{overscroll-behavior:contain;min-height:0;overflow:auto}.app-body,.tracks-screen,.tracks-screen .timeline-scroll{scrollbar-width:none;-ms-overflow-style:none}.app-body::-webkit-scrollbar{width:0;height:0;display:none}.tracks-screen::-webkit-scrollbar{width:0;height:0;display:none}.tracks-screen .timeline-scroll::-webkit-scrollbar{width:0;height:0;display:none}@media (orientation:landscape) and (height<=620px){.app-body{padding:.45rem .58rem}.tracks-screen,.tracks-screen .tracks-hero{gap:.55rem}.tracks-screen .tracks-hero h2{font-size:clamp(1.35rem,4vw,1.85rem);line-height:.98}.tracks-screen .region-action-bar{padding:.58rem .68rem}.tracks-screen .timeline-card{padding:.58rem}.tracks-screen .section-strip{margin-bottom:.48rem;padding:.55rem .68rem}}.app-body{overscroll-behavior:contain;min-height:0;overflow:auto}.app-shell.screen-tracks .app-body{overscroll-behavior:contain;min-height:0;display:block;overflow:auto}.tracks-screen{height:auto;min-height:100%;overflow:visible}.tracks-screen .timeline-card{min-height:18rem;overflow:hidden}.tracks-screen .timeline-shell{min-height:0;overflow:hidden}.tracks-screen .timeline-scroll{overscroll-behavior:contain;min-height:0;max-height:none;overflow:auto}.app-body,.tracks-screen .timeline-scroll,.editor-card.piano-roll-card,.play-screen .play-panel{scrollbar-width:none;-ms-overflow-style:none}.app-body::-webkit-scrollbar{width:0;height:0;display:none}.tracks-screen .timeline-scroll::-webkit-scrollbar{width:0;height:0;display:none}.editor-card.piano-roll-card::-webkit-scrollbar{width:0;height:0;display:none}.play-screen .play-panel::-webkit-scrollbar{width:0;height:0;display:none}@media (orientation:landscape) and (height<=620px){.app-shell.screen-tracks .app-body{padding:.45rem .58rem}.tracks-screen{gap:.55rem}.tracks-screen .timeline-card{flex:none;min-height:17.5rem}}.app-shell.screen-tracks .app-body{min-height:0;display:flex;overflow:hidden}.app-shell.screen-tracks .tracks-screen{flex-direction:column;flex:auto;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.app-shell.screen-tracks .tracks-screen>.tracks-hero,.app-shell.screen-tracks .tracks-screen>.region-action-bar,.app-shell.screen-tracks .tracks-screen>.track-options-panel{flex:none}.app-shell.screen-tracks .timeline-card{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.app-shell.screen-tracks .section-strip{flex:none}.app-shell.screen-tracks .timeline-shell{overscroll-behavior:contain;flex:auto;min-height:0;overflow:hidden auto}.app-shell.screen-tracks .track-header-column{min-height:max-content;overflow:visible}.app-shell.screen-tracks .timeline-scroll{overscroll-behavior-x:contain;overscroll-behavior-y:auto;min-width:0;min-height:max-content;overflow:auto visible}.app-shell.screen-tracks .timeline-content{min-height:max-content}.app-shell.screen-tracks .timeline-shell,.app-shell.screen-tracks .timeline-scroll{scrollbar-width:none;-ms-overflow-style:none}.app-shell.screen-tracks .timeline-shell::-webkit-scrollbar{width:0;height:0;display:none}.app-shell.screen-tracks .timeline-scroll::-webkit-scrollbar{width:0;height:0;display:none}@media (orientation:landscape) and (height<=620px){.app-shell.screen-tracks .timeline-card{min-height:0}}.live-loops-screen{min-height:0}.live-loops-hero{background:radial-gradient(circle at 10% 0,#2aa8ff2e,#0000 34%),linear-gradient(#ffffff13,#ffffff09);border-radius:1.35rem;padding:.95rem 1rem;box-shadow:inset 0 0 0 1px #ffffff13}.live-loops-card{background:radial-gradient(circle at 18% 0,#35d66f1a,#0000 26rem),radial-gradient(circle at 78% 100%,#b96cff1f,#0000 22rem),linear-gradient(#ffffff16,#ffffff09)}.live-grid-shell{background:#05080e8c;border-radius:1rem;overflow:hidden}.live-corner-label{color:#d4deef;background:#ffffff09}.live-scene-header{color:#d6deeb;background:#ffffff08}.live-track-row-label{background:#ffffff07}.live-cell{touch-action:manipulation;border-color:#ffffff29;min-height:4.05rem}.live-cell.is-empty{background:radial-gradient(circle at 50% 36%,#ffffff0e,#0000 44%),#ffffff08}.live-cell.is-empty:hover,.live-cell.is-empty:focus-visible{background:radial-gradient(circle at 50% 36%,#57f28e29,#0000 44%),#57f28e0d;border-color:#57f28e7a;outline:none}.live-empty-cell-title{z-index:1;line-height:1;position:relative;color:#f5f8ffe6!important;font-size:1.05rem!important}.live-cell.has-cell strong{max-width:min(6.5rem,100% - 1.2rem)}.live-cell.is-playing:after,.live-cell.is-queued:after{content:"";pointer-events:none;border-radius:.7rem;position:absolute;inset:.28rem}.live-cell.is-playing:after{border:1px solid color-mix(in srgb, var(--track-color) 62%, white 12%)}.live-cell.is-queued:after{border:1px dashed #ffffff6b}.live-scene-trigger-row button{color:#e4ebf8;background:linear-gradient(#ffffff13,#ffffff08);min-height:3.4rem}.live-scene-trigger-row button:hover,.live-scene-trigger-row button:focus-visible{color:#06100b;background:linear-gradient(#57f28e,#22cb68);outline:none}.live-cell-picker{width:min(46rem,100vw - 1.5rem);max-height:min(86svh,42rem);overflow:auto}.live-cell-picker-section{gap:.65rem;margin-top:1rem;display:grid}.live-cell-picker-heading{justify-content:space-between;align-items:end;gap:1rem;padding:0 .12rem;display:flex}.live-cell-picker-heading strong{color:#fff;font-size:.92rem}.live-cell-picker-heading span{color:#95a2b6;text-align:right;font-size:.74rem;font-weight:800}.live-premade-loop-list{grid-template-columns:repeat(2,minmax(0,1fr))}.cell-picker-loop-card{background:#ffffff10;border-radius:.96rem;grid-template-columns:minmax(0,1fr) auto;gap:.45rem;padding:.5rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff14}.cell-picker-loop-main{color:#fff;text-align:left;background:0 0;border:0;border-radius:.72rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.22rem .6rem;min-width:0;padding:.55rem;display:grid}.cell-picker-loop-main:hover,.cell-picker-loop-main:focus-visible{background:#57f28e1a;outline:none}.cell-picker-loop-main strong,.cell-picker-loop-main small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.cell-picker-loop-main small{color:#a6b2c4;grid-column:2;font-size:.72rem}.cell-picker-preview{color:#eaf2ff;background:#ffffff17;border:0;border-radius:.76rem;align-self:center;padding:.62rem .7rem;font-size:.72rem;font-weight:900;box-shadow:inset 0 0 0 1px #ffffff17}.cell-picker-preview:hover,.cell-picker-preview:focus-visible{color:#06100b;background:linear-gradient(#57f28e,#22cb68);outline:none}.live-record-cell-action.is-secondary{color:#eaf2ff;background:#ffffff13;box-shadow:inset 0 0 0 1px #ffffff17}.live-record-cell-action.is-secondary strong{color:#fff}.live-record-cell-action.is-secondary span{color:#a8b4c5}@media (orientation:landscape) and (height<=620px){.live-loops-hero{padding:.66rem .8rem}.live-loops-hero h2{font-size:1.12rem}.live-loops-hero span{font-size:.78rem}.live-grid-shell{min-height:min(24rem,100svh - 8.8rem)}}@media (width<=760px){.live-premade-loop-list,.cell-picker-loop-card{grid-template-columns:1fr}.cell-picker-preview{justify-self:stretch}}.live-performance-banner{color:#fff;background:radial-gradient(circle at 8%,#ff4d3d47,#0000 16rem),linear-gradient(#ffffff1c,#ffffff0b);border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;padding:.72rem .9rem;display:flex;box-shadow:inset 0 0 0 1px #ffffff1a,0 1rem 2.4rem #00000038}.live-performance-banner strong{white-space:nowrap;letter-spacing:.03em;text-transform:uppercase;font-size:.86rem}.live-performance-banner span{color:#eff4ffbd;text-align:right;min-width:0;font-size:.82rem;line-height:1.25}@media (width<=760px){.live-performance-banner{flex-direction:column;align-items:flex-start}.live-performance-banner span{text-align:left}}.remix-fx-panel{right:max(.85rem, env(safe-area-inset-right,0px));bottom:max(.85rem, env(safe-area-inset-bottom,0px));z-index:60;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 12% 0,#58e38629,#0000 16rem),linear-gradient(#161c2af5,#070a11fa);border:1px solid #ffffff1f;border-radius:1.35rem;width:min(38rem,100vw - 1.7rem);padding:.85rem;position:fixed;box-shadow:0 1.2rem 4rem #0000007a,inset 0 0 0 1px #ffffff0d}.remix-fx-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.remix-fx-header h2{letter-spacing:-.04em;font-size:1.1rem}.remix-fx-header button{color:#fff;background:#ffffff17;border:0;border-radius:.75rem;width:2.1rem;height:2.1rem;font-size:1.2rem;font-weight:900}.remix-fx-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;display:grid}.remix-fx-control,.remix-fx-pad{color:#fff;background:linear-gradient(#ffffff17,#ffffff0b);border:1px solid #ffffff1a;border-radius:1rem;min-height:6.8rem;padding:.8rem;box-shadow:inset 0 0 0 1px #ffffff09}.remix-fx-control{flex-direction:column;justify-content:space-between;gap:.7rem;display:flex}.remix-fx-control span,.remix-fx-pad strong{font-size:.84rem;font-weight:900;line-height:1.05}.remix-fx-control input{accent-color:#58e386;width:100%}.remix-fx-pad{text-align:center;touch-action:none;align-content:center;place-items:center;gap:.25rem;display:grid}.remix-fx-pad span{color:#91a0b8;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:850}.remix-fx-pad.is-active{color:#07100b;background:linear-gradient(#63f59a,#20c865);box-shadow:0 0 1.6rem #2fe78040}.remix-fx-pad.is-active span{color:#07100bb8}.remix-fx-actions{color:#8e99ad;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.72rem;font-size:.74rem;display:flex}.remix-fx-actions button{color:#fff;background:#ffffff14;border:0;border-radius:.75rem;padding:.58rem .75rem;font-weight:850}@media (width<=760px),(height<=460px){.remix-fx-panel{width:auto;padding:.62rem;bottom:.55rem;left:.55rem;right:.55rem}.remix-fx-grid{grid-template-columns:repeat(4,minmax(5.6rem,1fr));padding-bottom:.15rem;overflow-x:auto}.remix-fx-control,.remix-fx-pad{min-height:5.5rem;padding:.64rem}.remix-fx-actions span{display:none}}.transport-bar-clean{z-index:2000;isolation:isolate;position:relative}.transport-controls-clean .transport-metronome-button{color:#aeb8ca;font-size:1rem;font-weight:950;display:grid}.transport-controls-clean .transport-metronome-button.is-on{color:#07100b;background:linear-gradient(#57f28e,#22cb68);box-shadow:0 .7rem 1.5rem #22cb6824,inset 0 0 0 1px #ffffff24}.topbar-menu{z-index:5000;background:#111722;border:1px solid #ffffff21;box-shadow:0 1.4rem 3.5rem #000000b8,inset 0 0 0 1px #ffffff0f}.topbar-menu:before{background:#111722}.topbar-menu button,.topbar-menu-meta{z-index:1;position:relative}@media (orientation:landscape) and (height<=620px){.transport-controls-clean .transport-metronome-button{border-radius:.72rem;min-width:2.18rem;height:2.18rem}}@media (width<=720px){.transport-controls-clean .transport-metronome-button{display:grid}}@media (display-mode:standalone){body{overscroll-behavior:none}.transport-bar{padding-top:max(calc(env(safe-area-inset-top,0px) + .58rem), .72rem)}.app-body{padding-bottom:max(.85rem, env(safe-area-inset-bottom,0px))}}.pwa-update-toast{right:max(.85rem, env(safe-area-inset-right,0px));bottom:max(.85rem, env(safe-area-inset-bottom,0px));z-index:260;color:#f8fbff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d121cf5;border-radius:1rem;align-items:center;gap:.45rem;padding:.48rem;display:flex;position:fixed;box-shadow:inset 0 0 0 1px #ffffff1c,0 1.2rem 3rem #0006}.pwa-update-toast span{color:#cdd7e8;white-space:nowrap;padding:0 .35rem 0 .45rem;font-size:.75rem;font-weight:850}.pwa-update-toast button{color:#06100b;background:linear-gradient(#57f28e,#22cb68);border:0;border-radius:.72rem;padding:.52rem .68rem;font-size:.76rem;font-weight:900}.pwa-update-toast button:last-child{color:#d9e1ef;background:#ffffff17;box-shadow:inset 0 0 0 1px #ffffff14}@media (width<=760px) and (orientation:landscape){.pwa-update-toast{transform-origin:100% 100%;bottom:.55rem;right:.6rem;transform:scale(.92)}}@media (orientation:landscape) and (height<=620px){:root{--mobile-topbar-h:3rem}html,body,#root,.app-shell{height:100dvh;min-height:100dvh;max-height:100dvh}.app-shell{grid-template-rows:var(--mobile-topbar-h) minmax(0, 1fr)}.transport-bar-clean{min-height:var(--mobile-topbar-h);height:var(--mobile-topbar-h);padding:calc(env(safe-area-inset-top,0px) + .22rem) calc(env(safe-area-inset-right,0px) + .42rem) .22rem calc(env(safe-area-inset-left,0px) + .42rem);grid-template-columns:minmax(7.2rem,.82fr) auto minmax(11.5rem,.95fr);gap:.34rem}.transport-left{gap:.32rem}.transport-bar-clean .brand-mark{border-radius:.5rem;grid-template-columns:repeat(4,.18rem);gap:.1rem;width:1.45rem;height:1.45rem}.transport-bar-clean .brand-button .eyebrow{display:none}.transport-bar-clean .brand-button strong{letter-spacing:-.035em;max-width:8.8rem;font-size:.92rem}.transport-controls-clean{border-radius:.74rem;gap:.18rem;padding:.14rem}.transport-controls-clean .icon-button,.transport-controls-clean .transport-pill,.transport-controls-clean .transport-button,.transport-controls-clean .transport-metronome-button,.topbar-more-button,.transport-left>.icon-button{border-radius:.58rem;width:1.95rem;min-width:1.95rem;height:1.95rem;font-size:.86rem}.transport-controls-clean .transport-button.play{width:2.28rem;min-width:2.28rem}.transport-pill strong{font-size:.72rem}.transport-pill span{font-size:.5rem}.primary-mode-nav{border-radius:.78rem;min-width:min(19rem,100%);padding:.14rem}.primary-mode-nav button{border-radius:.64rem;min-height:1.92rem;padding:0 .32rem;font-size:.58rem}.topbar-menu{top:calc(var(--mobile-topbar-h) + .28rem);right:max(.42rem, env(safe-area-inset-right,0px));width:min(14rem,100vw - .84rem);max-height:calc(100dvh - var(--mobile-topbar-h) - .7rem);overscroll-behavior:contain;border-radius:.92rem;position:fixed;overflow:auto}.topbar-menu:before{right:1rem}.topbar-menu button{min-height:2.08rem;padding-inline:.7rem;font-size:.72rem}.topbar-menu-meta{padding:.56rem .7rem .34rem;font-size:.7rem}.app-body{min-height:0;padding:.34rem .5rem .42rem;overflow:auto}.screen{gap:.42rem}.screen-hero,.tracks-hero,.instrument-top-panel{gap:.45rem}.screen-hero .eyebrow,.tracks-hero .eyebrow,.instrument-top-panel .eyebrow{margin-bottom:.06rem;font-size:.56rem}.screen-hero h2,.tracks-hero h2,.instrument-top-panel h2{letter-spacing:-.055em;font-size:clamp(1.05rem,3.4vw,1.55rem);line-height:.94}.primary-action.compact{border-radius:.72rem;min-height:2.14rem;padding:.55rem .72rem;font-size:.78rem}.app-shell.screen-songs .transport-center-stack{display:none}.app-shell.screen-songs .transport-bar-clean{grid-template-columns:minmax(0,1fr) auto}.app-shell.screen-songs .primary-mode-nav{display:none}.my-songs-screen{grid-template-columns:minmax(16rem,.9fr) minmax(18rem,1.1fr);align-items:stretch;gap:.55rem;height:100%;min-height:0;overflow:hidden}.my-songs-hero{border-radius:1rem;align-content:center;min-height:0;padding:.85rem}.my-songs-hero .brand-mark.large{border-radius:.78rem;grid-template-columns:repeat(4,.28rem);width:2.6rem;height:2.6rem}.my-songs-hero h1{margin:.46rem 0 .32rem;font-size:clamp(2rem,8vw,3.2rem);line-height:.86}.my-songs-hero p{max-width:26rem;margin-bottom:.7rem;font-size:.82rem;line-height:1.28}.song-card{border-radius:1rem;min-height:0;padding:.78rem;overflow:auto}.app-shell.screen-tracks .app-body{padding:.34rem .5rem .42rem}.tracks-screen{gap:.42rem}.tracks-screen>.tracks-hero{min-height:2.2rem}.tracks-screen>.region-action-bar,.tracks-screen>.track-options-panel{border-radius:.72rem;padding:.42rem .58rem}.region-action-bar p,.region-action-bar span,.track-options-heading span{font-size:.64rem}.region-actions button,.track-options-actions button,.change-instrument-row button{border-radius:.56rem;min-height:1.78rem;padding:0 .56rem;font-size:.66rem}.timeline-card{--timeline-ruler-height:1.55rem;--timeline-lane-height:3.2rem;--track-rail-width:7.25rem;border-radius:1rem;padding:.44rem}.tracks-mixer-open .timeline-card{--track-rail-width:min(15rem, 33vw);--timeline-lane-height:4.6rem}.section-strip{border-radius:.72rem;align-items:center;margin-bottom:.36rem;padding:.44rem .54rem;font-size:.78rem}.section-strip span{font-size:.68rem}.timeline-track-label{padding:.38rem .5rem;font-size:.76rem}.track-mini-actions button{border-radius:.36rem;width:1.48rem;height:1.22rem;font-size:.58rem}.track-drawer-toggle{transform-origin:100%;transform:scale(.86)}.timeline-region{border-radius:.5rem;padding:0 1.5rem 0 .52rem;top:.36rem;bottom:.36rem}.timeline-region span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.78rem;line-height:1.05;overflow:hidden}.timeline-region small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.58rem;line-height:1.05;overflow:hidden}.timeline-region-resize-handle{width:1.02rem;top:.26rem;bottom:.26rem;right:.18rem}.instruments-screen-polished{flex-direction:column;height:100%;display:flex;overflow:hidden}.instruments-hero-polished{display:none}.instrument-browser{border-radius:1rem;flex:auto;min-height:0;padding:.52rem;overflow:hidden}.search-shell{border-radius:.62rem;margin-bottom:.42rem;padding:.5rem .68rem;font-size:.75rem}.category-row{gap:.32rem;padding-bottom:.42rem}.category-row button{min-height:1.8rem;padding:0 .58rem;font-size:.68rem}.instrument-grid{scroll-snap-type:x proximity;grid-template-columns:none;grid-auto-columns:minmax(12rem,23vw);grid-auto-flow:column;gap:.5rem;height:calc(100% - 4.4rem);padding-bottom:.18rem;overflow:auto hidden}.instrument-card{scroll-snap-align:start;border-radius:.9rem;align-content:end;height:100%;min-height:0;padding:.7rem;display:grid}.instrument-art{border-radius:.72rem;width:2.55rem;height:2.55rem;margin-bottom:.55rem;font-size:1.3rem}.instrument-card h3{margin-bottom:.18rem;font-size:.9rem}.instrument-card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.68rem;line-height:1.24;display:-webkit-box;overflow:hidden}.play-screen{flex-direction:column;gap:.4rem;height:100%;min-height:0;display:flex;overflow:hidden}.play-screen .instrument-top-panel{border-radius:.82rem;flex-direction:row;flex:none;align-items:center;padding:.46rem .58rem;display:flex}.play-screen .instrument-top-panel h2{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.035em;max-width:60vw;font-size:.94rem;overflow:hidden}.recording-badge{padding:.42rem .58rem;font-size:.7rem}.play-panel{border-radius:.92rem;flex:auto;gap:.42rem;min-height:0;padding:.48rem;overflow:hidden}.smart-controls{grid-template-columns:minmax(7rem,.8fr) minmax(7rem,.9fr) minmax(7rem,.8fr);gap:.42rem;max-height:4.7rem}.smart-controls label,.instrument-display{border-radius:.68rem;min-height:0;padding:.48rem .58rem;font-size:.64rem}.piano-art{border-radius:.48rem;width:1.65rem;height:1.65rem;margin-bottom:.12rem}.instrument-display strong{font-size:.76rem}.instrument-display span{display:none}.keyboard{border-radius:.72rem;flex:auto;grid-template-columns:repeat(14,minmax(2.5rem,1fr));height:100%;min-height:0}.white-key{padding-bottom:.42rem;font-size:.78rem}.play-help-row,.drum-kit-display,.bass-sound-card,.sample-kit-display,.voice-studio-card,.voice-meter-card,.sample-recording-hint,.voice-workflow-note{display:none}.drum-play-panel,.bass-play-panel,.sample-play-panel,.voice-recorder-panel{gap:.42rem}.drum-pad-grid,.sample-pad-grid{flex:auto;grid-template-columns:repeat(4,minmax(7.3rem,1fr));gap:.42rem;min-height:0}.drum-pad,.sample-pad{border-radius:.86rem;height:100%;min-height:0;padding:.7rem}.drum-pad span,.sample-pad span{font-size:clamp(1rem,3vw,1.35rem)}.bass-pad-grid{flex:auto;grid-template-columns:repeat(8,minmax(4.8rem,1fr));gap:.38rem;min-height:0}.bass-pad{border-radius:.78rem;height:100%;min-height:0;padding:.58rem}.bass-options-row{flex:none}.bass-options-row button{border-radius:.56rem;min-height:1.8rem;padding:0 .62rem;font-size:.66rem}.voice-mode-tabs,.voice-preset-grid,.voice-controls-grid,.voice-take-review{flex:none}.voice-preset-grid{gap:.38rem;display:flex;overflow-x:auto}.voice-preset-grid button{min-width:7.2rem;min-height:2.55rem}.voice-controls-grid{grid-template-columns:repeat(4,minmax(6.5rem,1fr));overflow-x:auto}}@media (orientation:landscape) and (height<=620px) and (width<=760px){.transport-bar-clean{grid-template-columns:minmax(5.6rem,.65fr) auto auto}.transport-bar-clean .brand-mark{display:none}.transport-bar-clean .brand-button strong{max-width:6.2rem}.primary-mode-nav{display:none}.app-shell.screen-songs .transport-bar-clean{grid-template-columns:minmax(0,1fr) auto}.my-songs-screen{grid-template-columns:1fr;overflow:auto}.my-songs-hero{min-height:9.8rem}.my-songs-hero p{display:none}.instrument-grid{grid-auto-columns:minmax(10.4rem,42vw)}.timeline-card{--track-rail-width:6.4rem}.tracks-mixer-open .timeline-card{--track-rail-width:12rem}}@media (width<=760px){:root{--phone-topbar-h:3.55rem}.app-shell{grid-template-rows:var(--phone-topbar-h) minmax(0, 1fr)}.transport-bar-clean{min-height:var(--phone-topbar-h);height:var(--phone-topbar-h);padding:calc(env(safe-area-inset-top,0px) + .28rem) calc(env(safe-area-inset-right,0px) + .42rem) .32rem calc(env(safe-area-inset-left,0px) + .42rem);grid-template-columns:minmax(5.8rem,1fr) auto auto;gap:.28rem}.transport-left{gap:.34rem;min-width:0}.transport-left>.icon-button{border-radius:.68rem;width:2.08rem;min-width:2.08rem;height:2.08rem;font-size:1.18rem}.transport-bar-clean .brand-mark{border-radius:.48rem;grid-template-columns:repeat(4,.18rem);gap:.1rem;width:1.52rem;height:1.52rem}.transport-bar-clean .brand-button{gap:.38rem}.transport-bar-clean .brand-button .eyebrow{display:none}.transport-bar-clean .brand-button strong{letter-spacing:-.04em;max-width:min(7.7rem,36vw);font-size:1rem}.transport-center-stack{justify-self:end;min-width:0}.transport-controls-clean{gap:.18rem}.transport-controls-clean .icon-button,.transport-controls-clean .transport-pill,.transport-controls-clean .transport-button,.topbar-more-button{border-radius:.66rem;width:2.08rem;min-width:2.08rem;height:2.08rem}.transport-controls-clean .transport-button.play{width:2.36rem;min-width:2.36rem}.transport-pill strong{font-size:.74rem}.transport-pill span{font-size:.5rem}.transport-right-clean{justify-self:end;display:flex}.primary-mode-nav{display:none}.topbar-more-button{font-size:1.22rem}.app-shell.screen-songs .transport-bar-clean{grid-template-columns:minmax(0,1fr) auto}.app-shell.screen-songs .transport-center-stack{display:none}.app-shell.screen-songs .transport-bar-clean .brand-mark{display:grid}.topbar-menu{left:max(.6rem, env(safe-area-inset-left,0px));right:max(.6rem, env(safe-area-inset-right,0px));bottom:max(.6rem, env(safe-area-inset-bottom,0px));background:#0d111bfb;border-radius:1.1rem;width:auto;min-width:0;max-height:min(62dvh,24rem);padding:.56rem;position:fixed;top:auto;overflow:auto;box-shadow:0 -1rem 3rem #00000080,inset 0 0 0 1px #ffffff1c}.topbar-menu:before{display:none}.topbar-menu button{border-radius:.82rem;min-height:2.62rem;padding:0 .9rem;font-size:.88rem}.topbar-menu-meta{padding:.7rem .9rem .45rem}.tempo-popover{left:max(.65rem, env(safe-area-inset-left,0px));right:max(.65rem, env(safe-area-inset-right,0px));top:auto;bottom:max(.65rem, env(safe-area-inset-bottom,0px));border-radius:1.1rem;width:auto;position:fixed}.app-body{padding:.5rem}.screen{gap:.55rem;max-width:none}.screen-hero,.tracks-hero,.instrument-top-panel{gap:.48rem}.screen-hero h2,.tracks-hero h2,.instrument-top-panel h2{font-size:clamp(1.15rem,6vw,1.6rem);line-height:.98}.screen-hero span,.screen-hero p:not(.eyebrow),.instruments-hero-polished span{font-size:.82rem;line-height:1.25}.my-songs-screen{grid-template-columns:1fr;align-content:start;gap:.7rem;min-height:0;display:grid}.my-songs-hero{border-radius:1rem;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"logo eyebrow""logo title""actions actions""status status";align-items:center;gap:.16rem .72rem;padding:.85rem;display:grid}.my-songs-hero .brand-mark.large{border-radius:.78rem;grid-area:logo;grid-template-columns:repeat(4,.26rem);gap:.16rem;width:2.5rem;height:2.5rem}.my-songs-hero>.eyebrow{grid-area:eyebrow;margin:0;font-size:.58rem}.my-songs-hero h1{letter-spacing:-.065em;grid-area:title;margin:0;font-size:1.65rem;line-height:.95}.my-songs-hero>p:not(.eyebrow):not(.project-file-status){display:none}.my-songs-actions{grid-area:actions;grid-template-columns:1fr 1fr;gap:.55rem;width:100%;margin-top:.72rem;display:grid}.my-songs-actions .primary-action,.my-songs-actions .secondary-file-action{text-align:center;border-radius:.86rem;place-items:center;min-height:2.72rem;padding:0 .72rem;font-size:.9rem;display:grid}.project-file-status{grid-area:status;margin:.55rem 0 0}.song-card{border-radius:1rem;padding:.82rem}.song-library-header{flex-direction:row;align-items:center}.song-library-header h2{font-size:1.25rem}.song-library-header>span{padding:.42rem .58rem;font-size:.7rem}.saved-song-row{border-radius:.9rem;gap:.65rem;padding:.72rem}.saved-song-main{gap:.58rem;min-height:2.9rem}.saved-song-icon{border-radius:.72rem;width:2.35rem;height:2.35rem}.saved-song-main strong{font-size:1rem}.saved-song-main small{font-size:.72rem;line-height:1.22}.tracks-screen{gap:.52rem}.tracks-screen>.tracks-hero{grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:2.6rem;display:grid}.tracks-screen>.tracks-hero .eyebrow{margin-bottom:.06rem;font-size:.58rem}.tracks-screen>.tracks-hero h2{letter-spacing:-.055em;font-size:1.22rem}.tracks-screen>.tracks-hero .primary-action{border-radius:.76rem;width:auto;min-height:2.35rem;padding:0 .78rem;font-size:.82rem}.tracks-screen>.region-action-bar{border-radius:.82rem;padding:.55rem}.timeline-card{--timeline-ruler-height:1.65rem;--timeline-lane-height:3.45rem;--track-rail-width:7.25rem;border-radius:1rem;padding:.5rem}.section-strip{border-radius:.78rem;margin-bottom:.45rem;padding:.55rem .62rem}.section-strip span{font-size:.68rem}.timeline-shell{min-height:15rem}.timeline-track-label{padding:.42rem .5rem;font-size:.76rem}.timeline-region span{font-size:.82rem}.timeline-region small{font-size:.58rem}.instruments-screen-polished{flex-direction:column;min-height:0;display:flex}.instruments-hero-polished{display:none}.instrument-browser{border-radius:1rem;padding:.68rem}.search-shell{border-radius:.74rem;margin-bottom:.55rem;padding:.62rem .75rem;font-size:.78rem}.category-row{gap:.36rem;padding-bottom:.58rem}.category-row button{min-height:2rem;padding:0 .7rem;font-size:.72rem}.instrument-grid{grid-template-columns:1fr;gap:.58rem}.instrument-card{border-radius:.95rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.72rem;min-height:7.2rem;padding:.76rem;display:grid}.instrument-art{border-radius:.78rem;width:2.75rem;height:2.75rem;margin:0}.instrument-card h3{margin:0 0 .16rem;font-size:1.02rem}.instrument-card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.72rem;line-height:1.22;display:-webkit-box;overflow:hidden}.instrument-card .pill,.instrument-card .use-pill,.instrument-card>small,.instrument-card>span:last-child{justify-self:end}.instrument-loop-card{border-radius:.95rem;min-height:7rem;padding:.76rem}.loop-browser-screen .screen-hero{display:none}.loop-browser-panel{border-radius:1rem;padding:.72rem}.loop-card-grid{grid-template-columns:1fr;gap:.65rem}.loop-card{border-radius:.95rem;grid-template-columns:3.8rem minmax(0,1fr);gap:.72rem;padding:.72rem}.loop-card-art{border-radius:.82rem;width:3.35rem;height:3.35rem}.loop-card-copy h3{font-size:1.08rem}.loop-card-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.loop-card-actions button{border-radius:.78rem;min-height:2.45rem}.play-screen{flex-direction:column;gap:.48rem;height:100%;min-height:0;display:flex;overflow:hidden}.play-screen .instrument-top-panel{border-radius:.88rem;flex-direction:row;flex:none;align-items:center;padding:.52rem .62rem;display:flex}.play-screen .instrument-top-panel .eyebrow{margin-bottom:.04rem;font-size:.56rem}.play-screen .instrument-top-panel h2{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.03em;max-width:58vw;font-size:.9rem;display:block;overflow:hidden}.recording-badge{margin-left:auto;padding:.42rem .58rem;font-size:.68rem}.play-panel{border-radius:1rem;flex-direction:column;flex:auto;gap:.52rem;min-height:0;padding:.58rem;display:flex;overflow:auto}.play-panel .keyboard,.drum-pad-grid,.sample-pad-grid,.bass-pad-grid{order:1}.smart-controls,.bass-options-row,.voice-mode-tabs,.voice-preset-grid,.voice-controls-grid{order:2}.keyboard{border-radius:.92rem;flex:0 0 46dvh;grid-template-columns:repeat(14,minmax(2.25rem,1fr));min-height:16rem;overflow-x:auto}.smart-controls{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.smart-controls .instrument-display{order:-1;grid-column:1/-1;min-height:4.3rem}.smart-controls label,.instrument-display{border-radius:.78rem;padding:.6rem}.piano-art{border-radius:.58rem;width:2rem;height:2rem;margin-bottom:.16rem}.drum-pad-grid,.sample-pad-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.drum-pad,.sample-pad{border-radius:.92rem;min-height:7.2rem}.bass-pad-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.bass-pad{border-radius:.85rem;min-height:5.8rem}.play-help-row{order:3}}@media (width<=420px){.transport-bar-clean .brand-button strong{max-width:5.8rem}.transport-controls-clean .icon-button,.transport-controls-clean .transport-pill,.transport-controls-clean .transport-button,.topbar-more-button{width:1.95rem;min-width:1.95rem;height:1.95rem}.transport-controls-clean .transport-button.play{width:2.22rem;min-width:2.22rem}.transport-bar-clean .brand-mark{display:none}}