: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{touch-action:pan-x pan-y;overscroll-behavior:none;-webkit-text-size-adjust:100%;width:100%;min-width:320px;min-height:100%;margin:0}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;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{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;touch-action:auto}input[type=range],input[type=button],input[type=submit],input[type=reset]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.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}.region-actions button:disabled{opacity:.45;cursor:not-allowed}.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-control-rail{background:linear-gradient(#ffffff16,#ffffff0a);border-radius:.9rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem;min-height:2.6rem;padding:.38rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff17}.bass-mode-tabs,.bass-range-tabs{gap:.26rem;min-width:0;display:inline-flex}.bass-range-tabs{justify-content:center}.bass-mode-tabs button,.bass-range-tabs button,.bass-quantise-chip{color:#f5f8ffe6;white-space:nowrap;touch-action:manipulation;background:#ffffff17;border:0;border-radius:.62rem;min-height:1.95rem;padding:0 .7rem;font-weight:850;box-shadow:inset 0 0 0 1px #ffffff1a}.bass-mode-tabs button.is-active,.bass-range-tabs button.is-active,.bass-quantise-chip.is-active{color:#160d02;background:linear-gradient(#ffd266,#f6a21a);box-shadow:0 .55rem 1.1rem #f6a21a33,inset 0 0 0 1px #ffffff47}.bass-pad-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;display:grid}.bass-pad-grid-smart{grid-template-columns:repeat(6,minmax(0,1fr))}.bass-pad{color:#fff;text-align:left;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;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.22)saturate(1.08);transform:translateY(1px)scale(.99);box-shadow:inset 0 0 0 2px #ffffff52,0 0 1.6rem #f6a21a61}.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-control-rail{background:linear-gradient(#ffffff16,#ffffff0a);border-radius:.9rem;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.5rem;min-height:2.6rem;padding:.38rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff17}.sample-mode-tabs{gap:.26rem;min-width:0;display:inline-flex}.sample-mode-tabs button,.sample-quantise-chip,.sample-status-chip{color:#f5f8ffe6;white-space:nowrap;touch-action:manipulation;background:#ffffff17;border:0;border-radius:.62rem;min-height:1.95rem;padding:0 .7rem;font-weight:850;box-shadow:inset 0 0 0 1px #ffffff1a}.sample-mode-tabs button.is-active,.sample-quantise-chip.is-active{color:#03101a;background:linear-gradient(#7be2ff,#2aa8ff);box-shadow:0 .55rem 1.1rem #2aa8ff38,inset 0 0 0 1px #ffffff47}.sample-status-chip{color:#f5f8ffb8;background:#0003;place-items:center;display:inline-grid}.sample-status-chip.is-live{color:#fff;background:#ff405238;box-shadow:inset 0 0 0 1px #ff405247,0 0 1rem #ff405224}.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;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;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.is-held,.sample-pad:active{filter:brightness(1.22)saturate(1.08);transform:translateY(1px)scale(.99);box-shadow:inset 0 0 0 2px #ffffff52,0 0 1.7rem #2aa8ff61}.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-browser-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.65rem;margin-bottom:.8rem;display:grid}.loop-search{color:#aab6ca;text-transform:uppercase;letter-spacing:.1em;gap:.45rem;margin:0;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-reset-button{color:#fff;background:#ffffff17;border:0;border-radius:.9rem;min-height:2.95rem;padding:0 .95rem;font-weight:950;box-shadow:inset 0 0 0 1px #ffffff14}.loop-reset-button:disabled{color:#6f7a8c;cursor:not-allowed;opacity:.62}.loop-filter-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-bottom:.62rem;display:grid}.loop-filter-strip button{color:#cdd8e8;text-align:center;background:#ffffff12;border:0;border-radius:.95rem;align-content:center;gap:.16rem;min-width:0;min-height:3.55rem;padding:.52rem .62rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff13}.loop-filter-strip button strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;line-height:1.08;display:block;overflow:hidden}.loop-filter-strip button span{color:#9eaabd;letter-spacing:.08em;text-transform:uppercase;font-size:.66rem;font-weight:850}.loop-filter-strip button.is-active{color:#06100b;background:linear-gradient(#57f28e,#22cb68);box-shadow:0 .7rem 1.5rem #22cb6826,inset 0 0 0 1px #ffffff2e}.loop-filter-strip button.is-active strong,.loop-filter-strip button.is-active span{color:#06100b}.loop-keyword-row{scrollbar-width:none;gap:.45rem;margin-bottom:.9rem;padding-bottom:.18rem;display:flex;overflow-x:auto}.loop-keyword-row::-webkit-scrollbar{display:none}.loop-keyword-row button{color:#b8c4d7;background:#ffffff13;border:0;border-radius:999px;flex:none;min-height:2.25rem;padding:0 .8rem;font-size:.78rem;font-weight:900;box-shadow:inset 0 0 0 1px #ffffff14}.loop-keyword-row button.is-active{color:#06100b;background:linear-gradient(#57f28e,#22cb68)}.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-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);position:relative}.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);position:relative;box-shadow:inset 0 0 0 1px #ffffff1c,0 1.2rem 2.4rem #0000003d}.white-key{color:#6e7580;transform:translateX(var(--keyboard-scroll-preview,0px));background:linear-gradient(#fff,#e4e8f0 62%,#c6ccd7);border-color:#11161f61;font-weight:900;transition:transform .12s,background 50ms linear,color 50ms linear}.white-key.is-held,.white-key[data-pressed=true]{color:#09391e;background:linear-gradient(#e4ffed,#82f4a8 74%,#42ce73);transition:transform .12s}.black-key{z-index:2;pointer-events:auto;touch-action:none;width:min(5.2vw,4.4rem);height:61%;transform:translateX(var(--keyboard-scroll-preview,0px));background:linear-gradient(#303845,#07090e 78%);border:0;border-radius:0 0 .38rem .38rem;transition:transform .12s,background 50ms linear,box-shadow 50ms linear;position:absolute;top:0;box-shadow:inset 0 0 0 1px #ffffff1f,0 .7rem 1rem #0000005c}.black-key.is-held,.black-key[data-pressed=true]{background:linear-gradient(#2f8759,#0b2d1b 78%);transition:transform .12s;box-shadow:inset 0 0 0 1px #7cffaa6b,0 .7rem 1rem #0000005c}.keyboard.is-scrolling-preview .white-key,.keyboard.is-scrolling-preview .black-key{transition:none}.keyboard.is-scale-mode{background:radial-gradient(circle at 50% 0,#35d66f1f,#0000 48%),linear-gradient(#171d2a,#07090f);grid-template-columns:repeat(14,minmax(2.2rem,1fr));align-items:stretch;gap:.18rem;padding:.2rem}.white-key.scale-key{color:#0c1812b8;background:linear-gradient(#f9fff9,#d8f8e0 58%,#a8e9bd);border:0;border-radius:.72rem .72rem 1rem 1rem;justify-content:center;align-self:stretch;align-items:flex-end;height:100%;min-height:100%;padding:.55rem .12rem .7rem;font-size:.82rem;font-weight:950;box-shadow:inset 0 -.28rem #1f4d2d1f,inset 0 0 0 1px #ffffff9e}.white-key.scale-key.is-held,.white-key.scale-key[data-pressed=true]{color:#03140a;background:linear-gradient(#fff,#84f5aa 70%,#23c866);box-shadow:inset 0 -.12rem #1f4d2d29,0 0 0 2px #7cffaa52}.chord-strip-surface{box-sizing:border-box;touch-action:none;background:radial-gradient(circle at 48% 0,#ffffff1a,#0000 42%),linear-gradient(#171d2a,#07090f);width:100%;min-width:0;height:100%;min-height:0;padding:.36rem;display:block;overflow:hidden}.keyboard.chord-strip-surface{grid-template-columns:none;place-self:stretch stretch;display:block}.chord-strip-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:.28rem;width:100%;min-width:0;height:100%;min-height:0;display:grid}.chord-strip{background:linear-gradient(#fffffff5,#dae0ebfa);border-radius:.86rem .86rem 1.05rem 1.05rem;grid-template-rows:auto 1fr;min-width:0;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffffad,0 .8rem 1.2rem #00000038}.chord-strip-label{color:#232832d1;letter-spacing:0;border-bottom:1px solid #14192324;justify-content:center;align-items:center;min-height:2rem;font-weight:950;display:flex}.chord-strip-zones{grid-template-rows:repeat(8,minmax(1.7rem,1fr));display:grid}.chord-zone{color:#3037429e;touch-action:none;background:0 0;border:0;border-bottom:1px solid #1419231a;justify-content:center;align-items:center;min-width:0;font-weight:850;transition:background 45ms linear,color 45ms linear,transform 45ms linear;display:flex}.chord-zone:last-child{border-bottom:0}.chord-zone span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 .18rem;font-size:clamp(.56rem,1.2vw,.78rem);overflow:hidden}.chord-zone-bass{color:#1c232db8;background:#242a360e}.chord-zone[data-pressed=true]{color:#07150d;background:linear-gradient(#e7ffef,#60e991);transition:none;transform:translateY(1px);box-shadow:inset 0 0 0 2px #19824642}.chord-zone[data-autoplay=true]{color:#07150d;background:linear-gradient(#f8fff9,#baf7c9);box-shadow:inset 0 0 0 2px #2cd66f6b}.chord-zone[data-autoplay=true][data-pressed=true]{background:linear-gradient(#e7ffef,#60e991);box-shadow:inset 0 0 0 2px #19824652,0 0 0 2px #2cd66f29}.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-browser-toolbar{grid-template-columns:1fr auto;gap:.48rem}.loop-filter-strip{gap:.38rem}.loop-filter-strip button{border-radius:.82rem;min-height:3.1rem;padding-inline:.46rem}.loop-filter-strip button strong{font-size:.78rem}.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}}@media (orientation:landscape) and (height<=520px) and (width<=1000px){:root{--phone-landscape-topbar-h:2.82rem}html,body,#root,.app-shell{width:100%;height:100dvh;min-height:100dvh;max-height:100dvh;overflow:hidden}.app-shell{grid-template-rows:var(--phone-landscape-topbar-h) minmax(0, 1fr)}.transport-bar-clean{height:var(--phone-landscape-topbar-h);min-height:var(--phone-landscape-topbar-h);padding:calc(env(safe-area-inset-top,0px) + .16rem) calc(env(safe-area-inset-right,0px) + .38rem) .16rem calc(env(safe-area-inset-left,0px) + .38rem);grid-template-columns:minmax(8.5rem,.82fr) auto minmax(16.5rem,1.12fr);gap:.28rem}.transport-left>.icon-button,.transport-controls-clean .icon-button,.transport-controls-clean .transport-pill,.transport-controls-clean .transport-button,.topbar-more-button{border-radius:.54rem;width:1.82rem;min-width:1.82rem;height:1.82rem;font-size:.82rem}.transport-controls-clean .transport-button.play{width:2.1rem;min-width:2.1rem}.transport-controls-clean{border-radius:.66rem;gap:.14rem;padding:.12rem}.transport-pill strong{font-size:.68rem}.transport-pill span{font-size:.46rem}.transport-bar-clean .brand-mark{border-radius:.42rem;width:1.35rem;height:1.35rem}.transport-bar-clean .brand-button strong{max-width:9rem;font-size:.88rem}.primary-mode-nav{border-radius:.68rem;min-width:min(18.6rem,100%);padding:.12rem}.primary-mode-nav button{border-radius:.52rem;min-height:1.68rem;padding-inline:.26rem;font-size:.56rem}.app-body{min-height:0;padding:.42rem .52rem calc(env(safe-area-inset-bottom,0px) + .42rem);overflow:hidden}.screen{gap:.32rem;max-width:none;height:100%;min-height:0;overflow:hidden}.app-shell.screen-tracks .app-body{padding:.38rem .48rem calc(env(safe-area-inset-bottom,0px) + .38rem)}.tracks-screen{height:100%;min-height:0;display:block;position:relative;overflow:hidden}.tracks-screen>.tracks-hero{z-index:15;pointer-events:none;width:auto;min-height:0;margin:0;position:absolute;top:.36rem;right:.36rem}.tracks-screen>.tracks-hero>div{display:none}.tracks-screen>.tracks-hero .primary-action{pointer-events:auto;border-radius:.62rem;min-height:1.88rem;padding:0 .7rem;font-size:.7rem}.tracks-screen>.region-action-bar{display:none}.tracks-screen>.track-options-panel{z-index:30;max-height:45%;position:absolute;bottom:.45rem;left:.45rem;right:.45rem;overflow:auto}.timeline-card{--timeline-ruler-height:1.22rem;--timeline-lane-height:2.35rem;--track-rail-width:7.3rem;border-radius:.9rem;flex-direction:column;height:100%;min-height:0;padding:.34rem;display:flex}.tracks-mixer-open .timeline-card{--track-rail-width:min(13rem, 31vw);--timeline-lane-height:3.75rem}.section-strip{border-radius:.62rem;flex:none;min-height:1.62rem;margin:0 0 .26rem;padding:.34rem .52rem;font-size:.72rem}.section-strip span{padding-right:6.6rem;font-size:.6rem}.timeline-shell{flex:auto;height:auto;min-height:0;overflow:hidden}.ruler-spacer,.timeline-ruler{font-size:.58rem}.timeline-ruler span{top:.28rem}.timeline-playhead:before{border-top-width:.38rem;border-left-width:.32rem;border-right-width:.32rem;top:1.02rem}.timeline-track-label{gap:.1rem .38rem;padding:.28rem .42rem;font-size:.7rem}.track-dot{width:.58rem;height:.58rem}.track-mini-actions{gap:.24rem}.track-mini-actions button{border-radius:.32rem;width:1.32rem;height:1.05rem;font-size:.54rem}.add-track-rail{font-size:1.25rem}.track-drawer-toggle{transform-origin:100% 0;top:.18rem;right:.16rem;transform:scale(.76)}.timeline-row{background-size:auto}.timeline-region{border-radius:.43rem;padding:0 1.18rem 0 .42rem;top:.27rem;bottom:.27rem}.timeline-region span{font-size:.68rem}.timeline-region small{font-size:.5rem}.timeline-region-resize-handle{border-radius:.34rem;width:.82rem;top:.2rem;bottom:.2rem;right:.14rem}.empty-track-hint{border-radius:.52rem;min-height:0;padding:.28rem .48rem;top:.25rem;bottom:.25rem}.empty-track-hint span{font-size:.64rem}.empty-track-hint small{display:none}.instruments-screen-polished{height:100%;min-height:0;overflow:hidden}.instruments-hero-polished{display:none}.instrument-browser-polished{border-radius:.9rem;grid-template-rows:auto auto minmax(0,1fr);height:100%;min-height:0;padding:.42rem;display:grid;overflow:hidden}.instrument-search{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.45rem;margin:0 0 .28rem;font-size:.58rem}.instrument-search input{border-radius:.56rem;min-height:1.72rem;padding:0 .62rem;font-size:.7rem}.instrument-category-row{gap:.26rem;margin:0 0 .28rem;padding-bottom:0}.instrument-category-row button{min-height:1.58rem;padding-inline:.55rem;font-size:.6rem}.instrument-section-heading{display:none}.instrument-grid-polished{scroll-snap-type:x proximity;grid-template-columns:none;grid-auto-columns:minmax(10.6rem,21vw);grid-auto-flow:column;gap:.46rem;height:100%;min-height:0;padding:.05rem .05rem .12rem;overflow:auto hidden}.instrument-card-polished{scroll-snap-align:start;border-radius:.78rem;grid-template-rows:auto 1fr auto auto;align-content:stretch;height:100%;min-height:0;padding:.58rem;display:grid}.instrument-card-topline{margin-bottom:.28rem}.instrument-card-topline span,.instrument-card-topline strong{padding:.22rem .38rem;font-size:.5rem}.instrument-art-polished{border-radius:.82rem;align-self:center;width:2.9rem;height:2.9rem;margin:0 auto .24rem;font-size:1.45rem}.instrument-card-polished h3{margin-bottom:.14rem;font-size:.82rem;line-height:1}.instrument-card-polished p{max-height:2.2rem;font-size:.58rem;line-height:1.2;overflow:hidden}.instrument-loop-grid{grid-template-columns:none;grid-auto-columns:minmax(14rem,28vw);grid-auto-flow:column;min-height:0;overflow:auto hidden}.loop-browser-screen{height:100%;min-height:0;overflow:hidden}.loop-browser-screen .screen-hero{display:none}.loop-browser-panel{border-radius:.9rem;grid-template-rows:auto auto auto minmax(0,1fr);height:100%;min-height:0;margin:0;padding:.46rem;display:grid;overflow:hidden}.loop-browser-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:.38rem;margin-bottom:.3rem}.loop-search{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.46rem;font-size:.58rem}.loop-search input{border-radius:.56rem;min-height:1.72rem;padding:0 .62rem;font-size:.7rem}.loop-reset-button{border-radius:.56rem;min-height:1.72rem;padding-inline:.62rem;font-size:.64rem}.loop-filter-strip{gap:.34rem;margin-bottom:.32rem}.loop-filter-strip button{border-radius:.64rem;min-height:2.34rem;padding:.32rem .42rem}.loop-filter-strip button strong{font-size:.68rem}.loop-filter-strip button span{font-size:.5rem}.loop-keyword-row{gap:.28rem;margin-bottom:.34rem;padding-bottom:.08rem}.loop-keyword-row button{min-height:1.58rem;padding-inline:.55rem;font-size:.6rem}.loop-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;gap:.48rem;min-height:0;padding-bottom:.12rem;overflow:auto}.loop-card{border-radius:.82rem;grid-template-rows:1fr auto;grid-template-columns:3.2rem minmax(0,1fr);align-items:center;gap:.46rem;height:auto;min-height:0;padding:.58rem}.loop-card-art{border-radius:.72rem;width:3rem;height:3rem}.loop-card-copy h3{font-size:.94rem}.loop-card-copy span,.loop-card-copy small{font-size:.62rem;line-height:1.18}.loop-card-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:.38rem;display:grid}.loop-card-actions button{border-radius:.58rem;min-height:1.8rem;font-size:.66rem}.app-shell.screen-play .app-body{padding:.36rem .48rem calc(env(safe-area-inset-bottom,0px) + .36rem)}.play-screen{flex-direction:column;gap:.28rem;height:100%;min-height:0;display:flex;overflow:hidden}.play-screen .instrument-top-panel{display:none}.play-panel{border-radius:.88rem;flex-direction:column;flex:auto;gap:.28rem;height:100%;min-height:0;padding:.34rem;display:flex;overflow:hidden}.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:.68rem;flex:auto;grid-template-columns:repeat(14,minmax(2.2rem,1fr));height:auto;min-height:0;max-height:none;overflow:hidden}.white-key{padding-bottom:.3rem;font-size:.72rem}.black-key{height:56%}.smart-controls{flex:0 0 3rem;grid-template-columns:minmax(7rem,.8fr) minmax(8rem,1fr) minmax(7rem,.8fr);gap:.32rem;min-height:0;max-height:3rem;display:grid}.smart-controls label,.instrument-display{border-radius:.6rem;min-height:0;padding:.34rem .48rem;font-size:.58rem}.smart-controls input{max-height:.7rem}.piano-art{border-radius:.42rem;width:1.45rem;height:1.45rem;margin-bottom:.05rem}.instrument-display strong{font-size:.7rem}.instrument-display span{display:none}.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!important}.drum-play-panel,.bass-play-panel,.sample-play-panel,.voice-recorder-panel{flex-direction:column;gap:.28rem;height:100%;min-height:0;display:flex}.drum-pad-grid,.sample-pad-grid{flex:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:.34rem;min-height:0;display:grid}.drum-pad,.sample-pad{border-radius:.74rem;height:100%;min-height:0;padding:.55rem}.bass-pad-grid{flex:auto;grid-template-columns:repeat(8,minmax(0,1fr));gap:.28rem;min-height:0;display:grid}.bass-pad{border-radius:.68rem;height:100%;min-height:0;padding:.45rem}.bass-options-row{flex:0 0 1.9rem}.bass-options-row button{border-radius:.52rem;min-height:1.58rem;padding:0 .52rem;font-size:.58rem}.voice-mode-tabs,.voice-preset-grid,.voice-controls-grid,.voice-take-review,.voice-region-review{flex:none}.voice-preset-grid,.voice-controls-grid{gap:.34rem;display:flex;overflow-x:auto}.voice-preset-grid button,.voice-controls-grid label{min-width:7rem}}@media (orientation:landscape) and (height<=420px) and (width<=760px){.transport-bar-clean{grid-template-columns:minmax(6.2rem,.7fr) auto auto}.primary-mode-nav,.transport-bar-clean .brand-mark{display:none}.transport-bar-clean .brand-button strong{max-width:6.2rem}}@media (orientation:landscape) and (height<=760px) and (width<=1600px){.app-shell.screen-play,.app-shell.screen-play .app-body,.app-shell.screen-play .screen.play-screen{height:100dvh;min-height:0;max-height:100dvh;overflow:hidden!important}.app-shell.screen-play{grid-template-rows:var(--phone-landscape-topbar-h,2.82rem) minmax(0, 1fr)}.app-shell.screen-play .transport-bar-clean{grid-template-columns:minmax(7rem,1fr) auto minmax(3.2rem,1fr)}.app-shell.screen-play .transport-right-clean{justify-content:end}.app-shell.screen-play .app-body{padding:.18rem .34rem calc(env(safe-area-inset-bottom,0px) + .46rem)}.app-shell.screen-play .play-screen{width:100%;max-width:none;display:block}.app-shell.screen-play .play-screen>.instrument-top-panel{display:none!important}.app-shell.screen-play .play-panel{background:#ffffff09;border-radius:.58rem;grid-template-rows:2rem minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:.2rem;width:100%;height:100%;min-height:0;max-height:none;padding:.18rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff0e;overflow:hidden!important}.app-shell.screen-play .smart-controls{grid-row:1;justify-content:space-between;align-items:center;gap:.2rem;height:2rem;min-height:0;max-height:2rem;overflow:hidden;display:flex!important}.app-shell.screen-play .smart-controls label{display:none!important}.app-shell.screen-play .instrument-display{background:#ffffff0e;border-radius:.52rem;justify-content:center;align-items:center;gap:.34rem;width:100%;height:2rem;min-height:0;padding:0 .5rem;display:flex}.app-shell.screen-play .piano-art{border-radius:.34rem;flex:none;width:1.18rem;height:1.18rem;margin:0;font-size:.72rem}.app-shell.screen-play .instrument-display strong{font-size:.78rem;line-height:1}.app-shell.screen-play .instrument-display span{font-size:.62rem;line-height:1;display:inline}.app-shell.screen-play .keyboard{border-radius:.52rem;grid-row:2;grid-template-columns:repeat(14,minmax(2.05rem,1fr));width:100%;display:grid;height:100%!important;min-height:0!important;max-height:none!important;overflow:hidden!important}.app-shell.screen-play .white-key{min-height:0;padding-bottom:.36rem;font-size:.74rem}.app-shell.screen-play .black-key{height:57%}.app-shell.screen-play .play-help-row{display:none!important}.app-shell.screen-play .drum-play-panel,.app-shell.screen-play .bass-play-panel,.app-shell.screen-play .sample-play-panel{grid-template-rows:minmax(0,1fr) 1.9rem;gap:.28rem;height:100%;min-height:0;display:grid;overflow:hidden}.app-shell.screen-play .drum-kit-display,.app-shell.screen-play .bass-sound-card,.app-shell.screen-play .sample-kit-display,.app-shell.screen-play .sample-recording-hint{display:none!important}.app-shell.screen-play .drum-pad-grid,.app-shell.screen-play .sample-pad-grid,.app-shell.screen-play .bass-pad-grid{height:100%;min-height:0;overflow:hidden}.app-shell.screen-play .drum-pad-grid,.app-shell.screen-play .sample-pad-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.34rem;display:grid}.app-shell.screen-play .bass-pad-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:.28rem;display:grid}.app-shell.screen-play .drum-pad,.app-shell.screen-play .sample-pad,.app-shell.screen-play .bass-pad{height:100%;min-height:0}.app-shell.screen-play .bass-options-row,.app-shell.screen-play .sample-pad-toolbar,.app-shell.screen-play .drum-options-row{height:1.9rem;min-height:0;max-height:1.9rem;overflow:auto hidden}.app-shell.screen-play.play-keyboard{--phone-landscape-topbar-h:2.42rem}.app-shell.screen-play.play-keyboard .transport-bar-clean{padding-top:calc(env(safe-area-inset-top,0px) + .1rem);gap:.2rem;padding-bottom:.1rem}.app-shell.screen-play.play-keyboard .transport-left>.icon-button,.app-shell.screen-play.play-keyboard .transport-controls-clean .icon-button,.app-shell.screen-play.play-keyboard .transport-controls-clean .transport-pill,.app-shell.screen-play.play-keyboard .transport-controls-clean .transport-button,.app-shell.screen-play.play-keyboard .topbar-more-button{border-radius:.48rem;width:1.62rem;min-width:1.62rem;height:1.62rem}.app-shell.screen-play.play-keyboard .transport-controls-clean .transport-button.play{width:1.92rem;min-width:1.92rem}.app-shell.screen-play.play-keyboard .transport-controls-clean{border-radius:.58rem;gap:.12rem;padding:.1rem}.app-shell.screen-play.play-keyboard .brand-mark{border-radius:.34rem;width:1.16rem;height:1.16rem}.app-shell.screen-play.play-keyboard .brand-button .eyebrow{display:none}.app-shell.screen-play.play-keyboard .brand-button strong{max-width:7.8rem;font-size:.76rem}.app-shell.screen-play.play-keyboard .transport-pill strong{font-size:.62rem}.app-shell.screen-play.play-keyboard .transport-pill span{font-size:.42rem}.app-shell.screen-play.play-keyboard .app-body{padding:.08rem .24rem calc(env(safe-area-inset-bottom,0px) + .42rem)}.app-shell.screen-play.play-keyboard .play-panel{background:linear-gradient(#ffffff0d,#ffffff06);border-radius:.4rem;grid-template-rows:1.72rem minmax(0,1fr);gap:.1rem;padding:.1rem}.app-shell.screen-play.play-keyboard .smart-controls{height:1.72rem;max-height:1.72rem}.app-shell.screen-play.play-keyboard .instrument-display{background:linear-gradient(#ffffff1c,#ffffff0c),#070a10e0;border-radius:.42rem;height:1.72rem;box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 -.2rem .5rem #00000029}.app-shell.screen-play.play-keyboard .piano-art{width:1.02rem;height:1.02rem}.app-shell.screen-play.play-keyboard .instrument-display strong{font-size:.72rem}.app-shell.screen-play.play-keyboard .instrument-display span{font-size:.56rem}.app-shell.screen-play.play-keyboard .keyboard{border-radius:.42rem}.app-shell.screen-play.play-keyboard .keyboard-sampler-screen .keyboard-sampler-workflow{gap:.12rem}.app-shell.screen-play.play-keyboard .keyboard-sampler-screen.sampler-view-record .keyboard-sampler-workflow{grid-template-rows:minmax(0,1fr)}.app-shell.screen-play.play-keyboard .keyboard-sampler-screen.sampler-view-edit .keyboard-sampler-workflow{grid-template-rows:minmax(5.4rem,6.1rem) minmax(0,1fr) auto}.app-shell.screen-play.play-keyboard .keyboard-sampler-screen.sampler-view-play .keyboard-sampler-workflow{grid-template-rows:1.72rem minmax(0,1fr) auto}.app-shell.screen-play.play-keyboard .sampler-record-panel{grid-template-columns:minmax(4.8rem,.24fr) minmax(0,1fr) minmax(4rem,.16fr);gap:0}.app-shell.screen-play.play-keyboard .sampler-side-actions,.app-shell.screen-play.play-keyboard .sampler-import-slot{gap:.14rem;padding:.28rem}.app-shell.screen-play.play-keyboard .sampler-side-actions button,.app-shell.screen-play.play-keyboard .sampler-import-slot button,.app-shell.screen-play.play-keyboard .sampler-edit-actions button,.app-shell.screen-play.play-keyboard .sampler-edit-tabs button,.app-shell.screen-play.play-keyboard .sampler-edit-toggle-row button{border-radius:.4rem;min-height:1.46rem;padding:.12rem .34rem;font-size:.55rem}.app-shell.screen-play.play-keyboard .sampler-recorder-main{gap:.22rem;padding:.3rem}.app-shell.screen-play.play-keyboard .sampler-recorder-main p{font-size:.62rem}.app-shell.screen-play.play-keyboard .sampler-monitor-shell{grid-template-columns:minmax(2.25rem,.14fr) minmax(0,1fr);gap:.24rem;min-height:4.8rem}.app-shell.screen-play.play-keyboard .sampler-level-column{gap:.12rem;font-size:.5rem}.app-shell.screen-play.play-keyboard .sampler-level-meter{border-width:.08rem;padding:.16rem}.app-shell.screen-play.play-keyboard .sampler-input-meter{border-width:.08rem;border-radius:.12rem;gap:.24rem;min-height:0;padding:.44rem}.app-shell.screen-play.play-keyboard .sampler-input-meter span{width:10%}.app-shell.screen-play.play-keyboard .sampler-input-meter em{font-size:.48rem}.app-shell.screen-play.play-keyboard .sampler-record-button{min-width:6.6rem;min-height:2.05rem;padding-inline:.72rem;font-size:.7rem}.app-shell.screen-play.play-keyboard .sampler-edit-layout{grid-template-columns:minmax(4.8rem,.24fr) minmax(0,1fr)}.app-shell.screen-play.play-keyboard .sampler-edit-panel{grid-template-rows:auto minmax(2.1rem,1fr) auto;gap:.14rem;max-height:6.1rem;padding:.16rem;overflow:hidden}.app-shell.screen-play.play-keyboard .sampler-edit-header h3{font-size:.66rem}.app-shell.screen-play.play-keyboard .sampler-edit-header .eyebrow,.app-shell.screen-play.play-keyboard .sampler-edit-header span{display:none}.app-shell.screen-play.play-keyboard .sampler-edit-actions,.app-shell.screen-play.play-keyboard .sampler-edit-tabs,.app-shell.screen-play.play-keyboard .sampler-edit-toggle-row{gap:.1rem}.app-shell.screen-play.play-keyboard .sampler-edit-waveform{grid-row:2}.app-shell.screen-play.play-keyboard .sampler-edit-bottom-row{grid-row:3;gap:.12rem}.app-shell.screen-play.play-keyboard .sampler-trim-wide{grid-area:4/1/auto/-1}.app-shell.screen-play.play-keyboard .sampler-edit-panel .keyboard-waveform-placeholder{min-height:2.1rem}.app-shell.screen-play.play-keyboard .sampler-edit-panel .keyboard-waveform-placeholder strong,.app-shell.screen-play.play-keyboard .sampler-edit-panel .keyboard-waveform-placeholder small{display:none}.app-shell.screen-play.play-keyboard .sampler-trim-wide{grid-template-columns:repeat(2,minmax(0,1fr));gap:.12rem}.app-shell.screen-play.play-keyboard .sampler-trim-wide label{border-radius:.34rem;padding:.12rem .24rem;font-size:.5rem}}.transport-bar-clean.is-library{grid-template-columns:minmax(0,1fr) auto}.transport-bar-clean.is-library .transport-right-clean{grid-column:2}.create-song-screen{grid-template-rows:auto minmax(0,1fr);gap:.85rem;width:100%;max-width:74rem;min-height:calc(100svh - 5.6rem);display:grid}.create-song-topline{justify-content:space-between;align-items:end;gap:1rem;display:flex}.create-song-topline h1{margin:0;font-size:clamp(2rem,7vw,3.8rem)}.create-mode-toggle{background:#ffffff14;border-radius:.95rem;flex:none;gap:.25rem;padding:.25rem;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff14}.create-mode-toggle button{color:#b9c2d3;background:0 0;border:0;border-radius:.72rem;min-width:7.2rem;min-height:2.35rem;font-weight:900}.create-mode-toggle button.is-active{color:#06100b;background:linear-gradient(#57f28e,#22cb68);box-shadow:0 .75rem 1.8rem #22cb6833}.garageband-picker{place-items:center;min-height:0;padding:0 3.6rem 1.4rem;display:grid;position:relative;overflow:hidden}.garageband-card{background:radial-gradient(circle at 27% 35%,#39e77d2e,#0000 16rem),linear-gradient(#ffffff1a,#ffffff0b);border-radius:1.35rem;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(13rem,.95fr) minmax(16rem,1.05fr);align-items:center;gap:1rem 2rem;width:min(58rem,100%);min-height:clamp(18rem,56svh,27rem);padding:clamp(1rem,3vw,1.5rem);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a,0 1.5rem 4rem #00000047}.garageband-card-art{aspect-ratio:1.1;width:min(14rem,34vw);color:var(--instrument-accent,#35d66f);background:radial-gradient(circle, color-mix(in srgb, currentColor 26%, transparent), #ffffff0a 64%);box-shadow:inset 0 0 0 1px color-mix(in srgb, currentColor 38%, transparent);border-radius:1.4rem;justify-self:center;place-items:center;font-size:clamp(4rem,13vw,7rem);font-weight:900;display:grid}.instrument-start-keyboard{--instrument-accent:#35d66f}.instrument-start-drums{--instrument-accent:#ff4d3d}.instrument-start-bass{--instrument-accent:#f6a21a}.instrument-start-sample{--instrument-accent:#2aa8ff}.instrument-start-voice{--instrument-accent:#b35cff}.instrument-start-loops{--instrument-accent:#57f28e}.garageband-card-copy h2{text-transform:uppercase;letter-spacing:-.045em;margin-bottom:.45rem;font-size:clamp(2.2rem,7.5vw,4.5rem)}.garageband-card-copy p{color:#c2cad7;max-width:28rem;margin:0;font-size:clamp(.95rem,2.4vw,1.25rem);font-weight:700;line-height:1.28}.garageband-card-options{border-top:1px solid #ffffff14;grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;padding-top:.75rem;display:grid}.garageband-card-options span{color:#f5f7fb;text-align:center;background:#ffffff12;border-radius:.8rem;place-items:center;min-height:3.8rem;font-weight:850;display:grid}.garageband-card-action{min-width:10rem;position:absolute;bottom:1rem;right:1rem}.picker-edge{z-index:2;color:#f7f9ff;background:#ffffff14;border:0;border-radius:.9rem;width:2.8rem;height:3.2rem;font-size:2.2rem;font-weight:900;position:absolute;top:calc(50% - 1.6rem);box-shadow:inset 0 0 0 1px #ffffff1a}.picker-edge.previous{left:.25rem}.picker-edge.next{right:.25rem}.picker-dots{gap:.36rem;display:flex;position:absolute;bottom:.2rem;left:50%;transform:translate(-50%)}.picker-dots button{background:#ffffff61;border:0;border-radius:999px;width:.44rem;height:.44rem}.picker-dots button.is-active{background:#fff;width:1.2rem}.live-template-card{grid-template-columns:minmax(18rem,1fr) minmax(18rem,.95fr)}.live-template-preview{background:#05080e9e;border-radius:1.2rem;grid-template-columns:repeat(4,minmax(0,1fr));justify-self:center;gap:.5rem;width:min(24rem,42vw);padding:.7rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff14}.live-template-preview span{aspect-ratio:1.35;color:#8792a6;background:#ffffff0e;border-radius:.5rem;place-items:center;font-weight:900;display:grid}.live-template-preview .cell-beat,.live-template-preview .cell-hat{background:linear-gradient(#ff4d3de6,#79221fd9)}.live-template-preview .cell-bass{background:linear-gradient(#f6a21adb,#704b15e0)}.live-template-preview .cell-keys{background:linear-gradient(#35d66fdb,#165f37e0)}.live-template-preview .cell-fx{background:linear-gradient(#2aa8ffdb,#174874e0)}@media (orientation:landscape) and (height<=760px) and (width<=1600px){.app-shell.screen-createSong{grid-template-rows:var(--phone-landscape-topbar-h,2.82rem) minmax(0, 1fr)}.app-shell.screen-createSong .app-body{height:100%;min-height:0;padding:.34rem .56rem calc(env(safe-area-inset-bottom,0px) + .3rem);overflow:hidden}.app-shell.screen-createSong .create-song-screen{grid-template-rows:2.35rem minmax(0,1fr);gap:.38rem;max-width:none;height:100%;min-height:0}.app-shell.screen-createSong .create-song-topline{align-items:center}.app-shell.screen-createSong .create-song-topline h1,.app-shell.screen-createSong .create-song-topline .eyebrow{display:none}.app-shell.screen-createSong .create-mode-toggle{margin-inline:auto}.app-shell.screen-createSong .garageband-picker{height:100%;padding:0 2.45rem .55rem}.app-shell.screen-createSong .garageband-card{border-radius:1rem;grid-template-rows:minmax(0,1fr) 3.6rem;grid-template-columns:minmax(12rem,.9fr) minmax(16rem,1.1fr);gap:.45rem 1rem;width:min(52rem,100%);height:100%;min-height:0;max-height:100%;padding:.72rem}.app-shell.screen-createSong .garageband-card-art{width:min(10rem,23vw);font-size:clamp(3.2rem,8vw,5.3rem)}.app-shell.screen-createSong .garageband-card-copy h2{font-size:clamp(1.65rem,5.4vw,3rem)}.app-shell.screen-createSong .garageband-card-copy p{font-size:.9rem}.app-shell.screen-createSong .garageband-card-options{gap:.42rem;padding-top:.45rem}.app-shell.screen-createSong .garageband-card-options span{min-height:2.5rem;font-size:.72rem}.app-shell.screen-createSong .garageband-card-action{border-radius:.78rem;min-width:8.5rem;min-height:2.35rem;padding:.58rem .75rem;bottom:.72rem;right:.72rem}.app-shell.screen-createSong .live-template-preview{gap:.34rem;width:min(18rem,35vw);padding:.48rem}.app-shell.screen-createSong .picker-edge{border-radius:.7rem;width:2.1rem;height:2.6rem;font-size:1.55rem}}@media (orientation:portrait) and (width<=760px){.app-shell.screen-tracks .app-body,.app-shell.screen-liveLoops .app-body,.app-shell.screen-instruments .app-body,.app-shell.screen-loopBrowser .app-body,.app-shell.screen-play .app-body,.app-shell.screen-editor .app-body,.app-shell.screen-mixer .app-body{place-items:center;padding:1rem;display:grid;position:relative;overflow:hidden}.app-shell.screen-tracks .app-body>*,.app-shell.screen-liveLoops .app-body>*,.app-shell.screen-instruments .app-body>*,.app-shell.screen-loopBrowser .app-body>*,.app-shell.screen-play .app-body>*,.app-shell.screen-editor .app-body>*,.app-shell.screen-mixer .app-body>*{display:none!important}.app-shell.screen-tracks .app-body:before,.app-shell.screen-liveLoops .app-body:before,.app-shell.screen-instruments .app-body:before,.app-shell.screen-loopBrowser .app-body:before,.app-shell.screen-play .app-body:before,.app-shell.screen-editor .app-body:before,.app-shell.screen-mixer .app-body:before{content:"Rotate your phone to make music\a \a The studio works best in landscape, like a real instrument.";white-space:pre-line;color:#f8fbff;text-align:center;background:linear-gradient(#ffffff1a,#ffffff0b);border-radius:1.2rem;width:min(24rem,92vw);padding:1.35rem;font-size:1.35rem;font-weight:900;line-height:1.15;box-shadow:inset 0 0 0 1px #ffffff1a,0 1.3rem 3.2rem #00000047}}@media (orientation:landscape) and (height<=760px) and (width<=1600px){.app-shell.screen-play .app-body,.app-shell.screen-play .screen.play-screen{height:100%;max-height:100%}.app-shell.screen-play .app-body{display:block}.app-shell.screen-play .screen.play-screen{min-height:0}.app-shell.screen-play .play-panel{height:100%;max-height:100%}}.garageband-card-tappable{cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none}.garageband-card-tappable:focus-visible{outline-offset:.18rem;outline:.2rem solid #57f28eeb}.garageband-card-options button{color:#f5f7fb;min-height:3.8rem;font:inherit;text-align:center;background:#ffffff12;border:0;border-radius:.8rem;place-items:center;font-weight:850;display:grid;box-shadow:inset 0 0 0 1px #ffffff0f}.garageband-card-options button:active,.garageband-card-options button:focus-visible{color:#06100b;background:linear-gradient(#57f28e,#22cb68);outline:none}.garageband-card-options span{pointer-events:none}.garageband-card-action{display:none!important}@media (orientation:landscape) and (height<=760px) and (width<=1600px){.app-shell.screen-createSong .garageband-card-options button,.app-shell.screen-addMenu .garageband-card-options button{min-height:2.5rem;font-size:.72rem}.app-shell.screen-createSong .garageband-card,.app-shell.screen-addMenu .garageband-card{grid-template-rows:minmax(0,1fr) 3.2rem}}.garageband-card-tappable{touch-action:pan-x}.live-template-browser{place-items:center;min-height:0;padding:.8rem 2rem 1.55rem;display:grid;position:relative;overflow:hidden}.live-template-grid{grid-template-columns:repeat(5,minmax(5.4rem,1fr));align-items:start;gap:clamp(.8rem,2vw,1.15rem) clamp(1rem,2.4vw,1.35rem);width:min(58rem,100%);display:grid}.live-template-tile{color:#f8fbff;font:inherit;text-align:center;cursor:pointer;background:0 0;border:0;place-items:center;gap:.48rem;font-weight:850;display:grid}.live-template-icon{aspect-ratio:1;color:#173529;background:linear-gradient(145deg,#edf4f7,#bbc8d3);border-radius:1rem;place-items:center;width:min(6.6rem,11vw);font-size:clamp(2.1rem,5vw,3.5rem);font-weight:950;line-height:1;display:grid;box-shadow:inset 0 0 0 1px #ffffff80,0 .85rem 1.8rem #00000047}.live-template-tile strong{color:#f7fbff;overflow-wrap:anywhere;max-width:7.5rem;font-size:clamp(.78rem,1.65vw,1rem);line-height:1.05}.live-template-blue .live-template-icon{color:#0a3f61;background:linear-gradient(145deg,#f2f8fb,#b8c8d5)}.live-template-green .live-template-icon{color:#315f2e;background:linear-gradient(145deg,#f2f8fb,#c0cbd4)}.live-template-yellow .live-template-icon{color:#6b591d;background:linear-gradient(145deg,#fff8e6,#c8ccd4)}.live-template-pink .live-template-icon{color:#6f315e;background:linear-gradient(145deg,#fff1f8,#c4cad5)}.live-template-blank .live-template-icon{color:#516071;background:linear-gradient(145deg,#f3f7fb,#d7dee7);box-shadow:inset 0 0 0 .2rem #151e2a38,0 .85rem 1.8rem #00000047}.live-template-tile:active .live-template-icon,.live-template-tile:focus-visible .live-template-icon{transform:translateY(1px)scale(.98);box-shadow:inset 0 0 0 .18rem #2aa8ffb8,0 .7rem 1.4rem #00000042}.live-template-tile:focus-visible{outline:none}.live-template-page-dots{bottom:.25rem}@media (orientation:landscape) and (height<=760px) and (width<=1600px){.app-shell.screen-createSong .live-template-browser{height:100%;padding:.3rem 1.4rem .55rem}.app-shell.screen-createSong .live-template-grid{grid-template-columns:repeat(5,minmax(4.65rem,1fr));gap:.64rem 1.05rem;width:min(48rem,86vw)}.app-shell.screen-createSong .live-template-icon{border-radius:.72rem;width:min(5.35rem,9vw);font-size:clamp(1.65rem,4.5vw,2.9rem)}.app-shell.screen-createSong .live-template-tile strong{font-size:.76rem}.app-shell.screen-createSong .garageband-card-options button,.app-shell.screen-addMenu .garageband-card-options button{border-radius:.72rem;min-height:2.65rem}}@media (width<=760px) and (orientation:portrait){.live-template-browser{padding:.8rem .2rem 1.6rem}.live-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.live-template-icon{width:min(7rem,32vw)}}.library-plus-button{color:#f7fbff;background:#ffffff14;border:0;border-radius:.78rem;place-items:center;width:2.65rem;height:2.65rem;font-size:1.45rem;font-weight:500;line-height:1;display:grid;box-shadow:inset 0 0 0 1px #ffffff1a}.library-plus-button:active,.library-plus-button:focus-visible{color:#06100b;background:linear-gradient(#57f28e,#22cb68);outline:none}.song-library-tools{justify-content:flex-end;align-items:center;gap:.7rem;min-width:0;display:flex}.library-sort-toggle{background:#ffffff12;border-radius:.72rem;display:inline-flex;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1c}.library-sort-toggle button{color:#b9c3d4;min-width:4.2rem;min-height:2.05rem;font:inherit;background:0 0;border:0;font-size:.75rem;font-weight:850}.library-sort-toggle button.is-active{color:#07100b;background:#ffffffe6}.song-library-mobile-actions{gap:.65rem;display:none}.secondary-file-action.compact-file-action{border-radius:.78rem;min-height:2.45rem;padding:0 .85rem;font-size:.82rem}.saved-song-thumbnail{aspect-ratio:1.82;background:linear-gradient(90deg,#ffffff1f 1px,#0000 1px) 0 0/25% 100%,linear-gradient(#ffffff1f 1px,#0000 1px) 0 0/100% 33.333%,linear-gradient(#0c1018f2,#181f2bf0);border-radius:.42rem;flex:none;width:10.4rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff26,0 .65rem 1.35rem #0000003d}.saved-song-thumbnail .saved-song-icon{color:#ffffffd1;width:1.35rem;height:100%;box-shadow:none;background:#ffffff1f;border-radius:0;font-size:.66rem;position:absolute;top:0;left:0}.thumbnail-grid-line,.thumbnail-track{border-radius:.18rem;display:block;position:absolute}.thumbnail-grid-line.one{background:#ffffff29;width:1px;top:0;bottom:0;left:23%}.thumbnail-grid-line.two{background:#ffffff21;width:1px;top:0;bottom:0;left:55%}.thumbnail-track.track-one{background:linear-gradient(#55ec8c,#20bf62);width:3.6rem;height:.8rem;top:.62rem;left:1.55rem}.thumbnail-track.track-two{background:linear-gradient(#f3ba39,#bf781d);width:7.2rem;height:.62rem;top:2.05rem;left:1.55rem}.thumbnail-track.track-three{background:linear-gradient(#35aef4,#1f6fa9);width:3rem;height:.62rem;top:3.1rem;left:5.5rem}@media (orientation:landscape) and (height<=760px) and (width<=1600px){.app-shell.screen-songs{grid-template-rows:var(--phone-landscape-topbar-h,2.82rem) minmax(0, 1fr)}.app-shell.screen-songs .app-body{height:100%;min-height:0;padding:.5rem .72rem calc(env(safe-area-inset-bottom,0px) + .38rem);overflow:hidden}.app-shell.screen-songs .my-songs-screen{max-width:none;height:100%;min-height:0;display:block}.app-shell.screen-songs .my-songs-hero{display:none}.app-shell.screen-songs .song-library-card{background:linear-gradient(#9ba2b152,#646c7d57);border-radius:.38rem;grid-template-rows:auto minmax(0,1fr);gap:.5rem;height:100%;padding:.72rem .82rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff24}.app-shell.screen-songs .song-library-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;min-height:2.25rem;display:grid;position:relative}.app-shell.screen-songs .song-library-header>div:first-child{min-width:0}.app-shell.screen-songs .song-library-header .eyebrow,.app-shell.screen-songs .song-library-header h2,.app-shell.screen-songs .autosave-pill{display:none}.app-shell.screen-songs .song-library-tools{grid-column:2;justify-self:center}.app-shell.screen-songs .library-sort-toggle{background:#f5f7fc2e;border-radius:.38rem}.app-shell.screen-songs .library-sort-toggle button{color:#ffffffdb;min-width:5.2rem;min-height:1.72rem;font-size:.74rem;font-weight:800}.app-shell.screen-songs .library-sort-toggle button.is-active{color:#111827;background:#ffffffd1}.app-shell.screen-songs .song-thumbnail-grid{overscroll-behavior:contain;grid-template-columns:repeat(3,minmax(8.5rem,1fr));align-content:start;gap:.82rem 1.15rem;min-height:0;padding:.2rem 1.35rem .6rem;display:grid;overflow-y:auto}.app-shell.screen-songs .saved-song-tile{box-shadow:none;background:0 0;border-radius:0;grid-template-columns:1fr;justify-items:center;gap:.3rem;padding:0;display:grid;position:relative}.app-shell.screen-songs .saved-song-tile.is-current{box-shadow:none;background:0 0}.app-shell.screen-songs .saved-song-tile-main{text-align:center;border-radius:.45rem;grid-template-columns:1fr;justify-items:center;gap:.28rem;width:min(10.7rem,100%);padding:.1rem;display:grid}.app-shell.screen-songs .saved-song-tile-main:active,.app-shell.screen-songs .saved-song-tile-main:focus-visible{background:#ffffff1a;outline:none}.app-shell.screen-songs .saved-song-tile-copy strong{color:#fff;text-shadow:0 1px 1px #00000061;max-width:10.7rem;font-size:.82rem}.app-shell.screen-songs .saved-song-tile-copy small{display:none}.app-shell.screen-songs .saved-song-thumbnail{width:min(10.5rem,100%)}.app-shell.screen-songs .saved-song-actions{z-index:4;display:block;position:absolute;top:.15rem;right:.1rem}.app-shell.screen-songs .saved-song-open-action{display:none}.app-shell.screen-songs .saved-song-more-button{background:#00000059;border-radius:.45rem;width:1.8rem;min-height:1.45rem;min-width:1.8rem!important;padding:0!important;font-size:1rem!important}.app-shell.screen-songs .saved-song-menu{top:1.85rem;right:0}.app-shell.screen-songs .song-library-mobile-actions,.app-shell.screen-songs .song-empty-copy{display:none}}@media (orientation:portrait) and (width<=760px){.song-library-tools{justify-items:end;gap:.45rem;display:grid}.library-sort-toggle button{min-width:3.6rem;min-height:1.86rem}.song-library-mobile-actions{grid-template-columns:1fr 1fr;display:grid}.song-thumbnail-grid{gap:.65rem;display:grid}.saved-song-thumbnail{aspect-ratio:1;border-radius:.82rem;width:3.2rem}.saved-song-thumbnail .thumbnail-grid-line,.saved-song-thumbnail .thumbnail-track{display:none}.saved-song-thumbnail .saved-song-icon{color:#06100b;background:linear-gradient(#57f28e,#22cb68);width:100%;height:100%;font-size:.92rem}}@media (orientation:landscape) and (height<=760px) and (width<=1600px){.app-shell.screen-createSong .garageband-card-options,.app-shell.screen-addMenu .garageband-card-options{grid-column:1/-1;align-self:end}.app-shell.screen-createSong .garageband-card-options button,.app-shell.screen-addMenu .garageband-card-options button{background:#ffffff1c;min-height:2.35rem}.app-shell.screen-createSong .live-template-grid{grid-template-columns:repeat(5,minmax(4.4rem,1fr));width:min(45rem,82vw)}}.app-shell.screen-createSong .transport-bar-clean.is-library{grid-template-columns:minmax(8rem,1fr) auto minmax(4rem,1fr)}.app-shell.screen-createSong .transport-left{grid-column:1}.app-shell.screen-createSong .create-mode-toggle-topbar{grid-column:2;place-self:center}.app-shell.screen-createSong .transport-right-clean{grid-column:3}.app-shell.screen-createSong .create-song-screen{grid-template-rows:minmax(0,1fr);gap:0}.app-shell.screen-createSong .create-song-topline{display:none!important}.app-shell.screen-createSong .garageband-picker,.app-shell.screen-createSong .garageband-track-picker{touch-action:none;-webkit-user-select:none;user-select:none}.app-shell.screen-createSong .garageband-card-tappable{touch-action:none}@media (orientation:landscape) and (height<=760px) and (width<=1600px){.app-shell.screen-createSong .transport-bar-clean.is-library{min-height:var(--phone-landscape-topbar-h,2.82rem);grid-template-columns:minmax(7rem,1fr) auto minmax(3.3rem,1fr)}.app-shell.screen-createSong .create-mode-toggle-topbar{transform:none}.app-shell.screen-createSong .create-mode-toggle button{min-width:clamp(6rem,16vw,8.4rem);min-height:2.05rem;font-size:clamp(.78rem,2.3vw,1rem)}.app-shell.screen-createSong .app-body{padding-top:.42rem}}@media (orientation:portrait) and (width<=760px){.app-shell.screen-createSong .transport-bar-clean.is-library{grid-template-columns:minmax(0,1fr) auto}.app-shell.screen-createSong .create-mode-toggle-topbar{grid-area:2/1/auto/-1;margin:.55rem auto 0}}.orientation-lock{display:none}@media (orientation:portrait) and (width<=900px) and (pointer:coarse){html,body,#root{height:100%;min-height:100%;overflow:hidden}.app-shell{background:radial-gradient(circle at 50% -14%,#4797ff38,#0000 22rem),radial-gradient(circle at 10% 92%,#b848ff33,#0000 20rem),linear-gradient(#070a12 0%,#03050a 100%);width:100%;height:100dvh;min-height:100dvh;max-height:100dvh;display:block;position:relative;overflow:hidden}.app-shell>.transport-bar-clean,.app-shell>.app-body,.app-shell>.pwa-update-toast,.app-shell>.remix-fx-panel,.app-shell>.modal-backdrop{display:none!important}.orientation-lock{z-index:100000;padding:max(1rem, env(safe-area-inset-top,0px)) max(1rem, env(safe-area-inset-right,0px)) max(1rem, env(safe-area-inset-bottom,0px)) max(1rem, env(safe-area-inset-left,0px));color:#fff;background:radial-gradient(circle at 50% 0,#62aaff3d,#0000 22rem),radial-gradient(circle at 0 100%,#ff5cb82e,#0000 18rem),#05070c;place-items:center;display:grid;position:fixed;inset:0}.orientation-lock-card{text-align:center;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(#ffffff17,#ffffff09),#0a0e18e6;border:1px solid #ffffff24;border-radius:2rem;flex-direction:column;justify-content:center;align-items:center;gap:.85rem;width:min(88vw,27rem);min-height:min(78dvh,38rem);padding:2rem 1.35rem;display:flex;box-shadow:0 1.5rem 4rem #00000075}.orientation-lock-logo{background:#ffffff1a;border-radius:1rem;grid-template-columns:repeat(4,1fr);align-items:end;gap:.22rem;width:3.1rem;height:3.1rem;padding:.58rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff1a}.orientation-lock-logo span{background:linear-gradient(#8ae9ff,#6b6dff);border-radius:999px;display:block}.orientation-lock-logo span:first-child{background:linear-gradient(#fc6,#ff6b6b);height:48%}.orientation-lock-logo span:nth-child(2){background:linear-gradient(#8dffbf,#17c964);height:84%}.orientation-lock-logo span:nth-child(3){background:linear-gradient(#7bd7ff,#4d7cff);height:62%}.orientation-lock-logo span:nth-child(4){background:linear-gradient(#ff8cf1,#8b5cf6);height:74%}.orientation-phone{border:.42rem solid #ffffffe6;border-radius:1.05rem;width:5.7rem;height:8.9rem;margin:.35rem 0 .1rem;animation:2.6s ease-in-out infinite rotatePhoneHint;position:relative;transform:rotate(90deg);box-shadow:0 .9rem 2.4rem #00000059}.orientation-phone:before{content:"";background:#ffffff9e;border-radius:999px;width:1.6rem;height:.18rem;position:absolute;top:.34rem;left:50%;transform:translate(-50%)}.orientation-phone span{background:linear-gradient(90deg,#ff729fe6,#71cdffe6),#111827;border-radius:.58rem;position:absolute;inset:.48rem}.orientation-lock .eyebrow{color:#ffffffa3;letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.72rem}.orientation-lock h1{letter-spacing:-.06em;margin:0;font-size:clamp(2rem,10vw,3.4rem);line-height:.95}.orientation-lock p:not(.eyebrow){color:#ffffffc7;max-width:22rem;margin:0;font-size:clamp(.95rem,3.8vw,1.05rem);line-height:1.45}.orientation-lock small{color:#ffffff75;max-width:21rem;font-size:.78rem;line-height:1.35}}@keyframes rotatePhoneHint{0%,to{transform:rotate(90deg)scale(1)}45%{transform:rotate(78deg)scale(1.03)}70%{transform:rotate(92deg)scale(1)}}.app-shell.screen-createSong .garageband-track-picker{padding-inline:2.75rem}.app-shell.screen-createSong .garageband-scroll-carousel{overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x;cursor:grab;grid-auto-columns:minmax(min(46rem,78vw),min(58rem,86vw));grid-auto-flow:column;align-items:center;gap:clamp(.8rem,2vw,1.4rem);width:100%;height:100%;min-height:0;scroll-padding-inline:max(1rem,50% - min(58rem,86vw)/2);display:grid;overflow:auto hidden}.app-shell.screen-createSong .garageband-scroll-carousel::-webkit-scrollbar{display:none}.app-shell.screen-createSong .garageband-scroll-carousel:active{cursor:grabbing}.app-shell.screen-createSong .garageband-scroll-carousel:before,.app-shell.screen-createSong .garageband-scroll-carousel:after{content:"";width:max(1rem,50vw - min(58rem,86vw)/2);display:block}.app-shell.screen-createSong .garageband-scroll-carousel .garageband-card{scroll-snap-align:center;scroll-snap-stop:always;opacity:.58;transform-origin:50%;width:100%;height:min(100%,clamp(18rem,56svh,27rem));transition:opacity .18s,transform .18s,box-shadow .18s;transform:scale(.9)}.app-shell.screen-createSong .garageband-scroll-carousel .garageband-card.is-selected{opacity:1;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--instrument-accent,#35d66f) 42%, #ffffff1f), 0 1.65rem 4.4rem #00000057, 0 0 2rem color-mix(in srgb, var(--instrument-accent,#35d66f) 17%, transparent);transform:scale(1)}.app-shell.screen-createSong .garageband-picker,.app-shell.screen-createSong .garageband-track-picker,.app-shell.screen-createSong .garageband-card-tappable{touch-action:pan-x!important}.app-shell.screen-addMenu .create-song-screen{grid-template-rows:minmax(0,1fr);gap:0;min-height:0}.app-shell.screen-addMenu .garageband-track-picker{padding:0 2.2rem .72rem}.app-shell.screen-addMenu .garageband-scroll-carousel{overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x;cursor:grab;grid-auto-columns:minmax(min(46rem,78vw),min(58rem,86vw));grid-auto-flow:column;align-items:center;gap:clamp(.8rem,2vw,1.4rem);width:100%;height:100%;min-height:0;scroll-padding-inline:max(1rem,50% - min(58rem,86vw)/2);display:grid;overflow:auto hidden}.app-shell.screen-addMenu .garageband-scroll-carousel::-webkit-scrollbar{display:none}.app-shell.screen-addMenu .garageband-scroll-carousel:active{cursor:grabbing}.app-shell.screen-addMenu .garageband-scroll-carousel:before,.app-shell.screen-addMenu .garageband-scroll-carousel:after{content:"";width:max(1rem,50vw - min(58rem,86vw)/2);display:block}.app-shell.screen-addMenu .garageband-scroll-carousel .garageband-card{scroll-snap-align:center;scroll-snap-stop:always;opacity:.58;transform-origin:50%;width:100%;height:min(100%,clamp(18rem,56svh,27rem));min-height:0;transition:opacity .18s,transform .18s,box-shadow .18s;transform:scale(.9)}.app-shell.screen-addMenu .garageband-scroll-carousel .garageband-card.is-selected{opacity:1;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--instrument-accent,#35d66f) 42%, #ffffff1f), 0 1.65rem 4.4rem #00000057, 0 0 2rem color-mix(in srgb, var(--instrument-accent,#35d66f) 17%, transparent);transform:scale(1)}.app-shell.screen-addMenu .garageband-picker,.app-shell.screen-addMenu .garageband-track-picker,.app-shell.screen-addMenu .garageband-card-tappable{touch-action:pan-x!important}@media (orientation:landscape) and (height<=760px) and (width<=1600px){.app-shell.screen-createSong .garageband-scroll-carousel{grid-auto-columns:minmax(min(32rem,74vw),min(44rem,82vw));scroll-padding-inline:max(.75rem,50% - min(44rem,82vw)/2)}.app-shell.screen-addMenu .garageband-scroll-carousel{grid-auto-columns:minmax(min(31rem,72vw),min(42rem,80vw));scroll-padding-inline:max(.75rem,50% - min(42rem,80vw)/2)}.app-shell.screen-createSong .garageband-scroll-carousel:before,.app-shell.screen-createSong .garageband-scroll-carousel:after{width:max(.75rem,50vw - min(44rem,82vw)/2)}.app-shell.screen-addMenu .garageband-scroll-carousel:before,.app-shell.screen-addMenu .garageband-scroll-carousel:after{width:max(.75rem,50vw - min(42rem,80vw)/2)}.app-shell.screen-createSong .garageband-scroll-carousel .garageband-card{height:min(100%,clamp(12.5rem,68svh,18rem))}.app-shell.screen-addMenu .garageband-scroll-carousel .garageband-card{height:min(100%,clamp(11.4rem,62svh,16.4rem))}.app-shell.screen-addMenu .garageband-card{gap:.56rem 1.1rem;padding:.72rem}.app-shell.screen-addMenu .garageband-card-art{border-radius:.82rem;width:min(7.5rem,16vw);font-size:clamp(2.1rem,5vw,3.4rem)}.app-shell.screen-addMenu .garageband-card-copy h2{margin-bottom:.2rem;font-size:clamp(1.55rem,4.8vw,2.8rem)}.app-shell.screen-addMenu .garageband-card-copy p{max-height:2.3rem;font-size:.74rem;line-height:1.18;overflow:hidden}.app-shell.screen-addMenu .garageband-card-options{gap:.36rem;padding-top:.42rem}.app-shell.screen-addMenu .garageband-card-options button{border-radius:.58rem;min-height:2.08rem;font-size:.62rem}}@media (orientation:landscape) and (height<=520px) and (width<=1000px){.app-shell.screen-addMenu .app-body{padding:.24rem .4rem calc(env(safe-area-inset-bottom,0px) + .62rem);overflow:hidden}.app-shell.screen-addMenu .create-song-screen{max-width:none;height:100%;overflow:hidden}.app-shell.screen-addMenu .garageband-track-picker{height:100%;min-height:0;padding:.08rem 1.45rem calc(env(safe-area-inset-bottom,0px) + .72rem)}.app-shell.screen-addMenu .garageband-scroll-carousel{grid-auto-columns:minmax(min(28rem,68vw),min(36rem,74vw));align-self:center;gap:.7rem;height:auto;max-height:calc(100% - 1.05rem);scroll-padding-inline:max(.65rem,50% - min(36rem,74vw)/2)}.app-shell.screen-addMenu .garageband-scroll-carousel:before,.app-shell.screen-addMenu .garageband-scroll-carousel:after{width:max(.65rem,50vw - min(36rem,74vw)/2)}.app-shell.screen-addMenu .garageband-scroll-carousel .garageband-card{height:clamp(9.9rem,54svh,13.1rem);max-height:calc(100dvh - var(--phone-landscape-topbar-h,2.82rem) - env(safe-area-inset-bottom,0px) - 2.55rem)}.app-shell.screen-addMenu .garageband-card{border-radius:.82rem;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(5.6rem,.78fr) minmax(10rem,1.22fr);gap:.34rem .78rem;padding:.54rem .62rem}.app-shell.screen-addMenu .garageband-card-art{border-radius:.64rem;width:min(5.35rem,13vw);font-size:clamp(1.65rem,4vw,2.35rem)}.app-shell.screen-addMenu .garageband-card-copy h2{margin-bottom:.14rem;font-size:clamp(1.18rem,3.8vw,2rem);line-height:.95}.app-shell.screen-addMenu .garageband-card-copy p{max-height:1.95rem;font-size:.62rem;line-height:1.14;overflow:hidden}.app-shell.screen-addMenu .garageband-card-options{gap:.28rem;padding-top:.28rem}.app-shell.screen-addMenu .garageband-card-options button{border-radius:.48rem;min-height:1.65rem;padding-inline:.32rem;font-size:.54rem;line-height:1}.app-shell.screen-addMenu .picker-dots{bottom:max(.12rem, env(safe-area-inset-bottom,0px));gap:.22rem}.app-shell.screen-addMenu .picker-dots button{width:.54rem;height:.54rem}.app-shell.screen-addMenu .picker-dots button.is-active{width:1.05rem}}.song-settings-backdrop{z-index:6200;place-items:center}.song-settings-panel{color:#f8fbff;background:linear-gradient(#181e2bfb,#0a0e17fb);border-radius:1rem;grid-template-rows:auto minmax(0,1fr);gap:.7rem;width:min(46rem,100vw - 1.4rem);max-height:min(34rem,100dvh - 1.4rem);padding:.82rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff1f,0 1.6rem 4rem #0000008a}.song-settings-header{justify-content:space-between;align-items:center;gap:.85rem;padding:.1rem .12rem .2rem;display:flex}.song-settings-header div{gap:.12rem;min-width:0;display:grid}.song-settings-header span,.song-settings-section-title span,.song-settings-toggle-row span,.song-settings-note{color:#98a6ba;font-size:.74rem;line-height:1.3}.song-settings-header span,.song-settings-section-title span{letter-spacing:.08em;text-transform:uppercase;font-weight:900}.song-settings-header strong{color:#fff;font-size:.92rem}.song-settings-header button{color:#07100b;background:linear-gradient(#fff,#dce4f1);border:0;border-radius:.72rem;padding:.58rem .82rem;font-weight:950}.song-settings-grid{overscroll-behavior:contain;grid-template-columns:repeat(2,minmax(0,1fr));gap:.62rem;min-height:0;padding-right:.12rem;display:grid;overflow:auto}.song-settings-section{background:#fff1;border-radius:.86rem;align-content:start;gap:.56rem;padding:.7rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff14}.song-settings-section-title{justify-content:space-between;align-items:baseline;gap:.65rem;display:flex}.song-settings-section-title h2{color:#fff;margin:0;font-size:.98rem;line-height:1.12}.song-settings-toggle-row{background:#00000029;border-radius:.74rem;justify-content:space-between;align-items:center;gap:.72rem;min-height:2.7rem;padding:.46rem .5rem .46rem .65rem;display:flex;box-shadow:inset 0 0 0 1px #ffffff0f}.song-settings-toggle-row div{gap:.08rem;display:grid}.song-settings-toggle-row strong{color:#fff;font-size:.88rem}.song-settings-toggle-row button,.song-settings-chip-row button,.song-settings-segmented button,.song-settings-key-grid button,.song-settings-tempo-stepper button{color:#dce6f5;background:#ffffff14;border:0;border-radius:.68rem;font-weight:950;box-shadow:inset 0 0 0 1px #ffffff14}.song-settings-toggle-row button{min-width:3.35rem;min-height:2rem}.song-settings-toggle-row button.is-on,.song-settings-chip-row button.is-active,.song-settings-segmented button.is-active,.song-settings-key-grid button.is-active{color:#06100b;background:linear-gradient(#57f28e,#22cb68);box-shadow:0 .58rem 1.25rem #22cb6826,inset 0 0 0 1px #fff3}.song-settings-tempo-stepper{grid-template-columns:2.75rem minmax(0,1fr) 2.75rem;align-items:center;gap:.42rem;display:grid}.song-settings-tempo-stepper button{min-height:2.45rem;font-size:1.1rem}.song-settings-tempo-stepper strong{color:#07100b;background:linear-gradient(#57f28e,#22cb68);border-radius:.68rem;place-items:center;min-height:2.45rem;font-size:1.12rem;display:grid;box-shadow:0 .58rem 1.25rem #22cb6826}.song-settings-chip-row,.song-settings-segmented,.song-settings-key-grid{gap:.36rem;display:grid}.song-settings-chip-row{grid-template-columns:repeat(4,minmax(0,1fr))}.song-settings-segmented{grid-template-columns:repeat(3,minmax(0,1fr))}.song-settings-key-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.song-settings-chip-row button,.song-settings-segmented button,.song-settings-key-grid button{min-height:2.05rem;padding:0 .36rem;font-size:.8rem}.song-settings-note{margin:0}@media (orientation:landscape) and (height<=620px){.song-settings-backdrop{padding:.45rem}.song-settings-panel{border-radius:.82rem;gap:.48rem;width:min(48rem,100vw - .9rem);max-height:calc(100dvh - .9rem);padding:.56rem}.song-settings-header{padding-bottom:0}.song-settings-header button{min-height:2rem;padding:.4rem .72rem}.song-settings-grid{grid-template-columns:repeat(4,minmax(9rem,1fr));gap:.42rem}.song-settings-section{border-radius:.72rem;gap:.38rem;padding:.52rem}.song-settings-section-title{gap:.08rem;display:grid}.song-settings-section-title h2{font-size:.82rem}.song-settings-header span,.song-settings-section-title span,.song-settings-toggle-row span,.song-settings-note{font-size:.62rem}.song-settings-toggle-row{min-height:2.15rem;padding:.34rem .36rem .34rem .48rem}.song-settings-toggle-row strong{font-size:.76rem}.song-settings-toggle-row button{min-width:2.85rem;min-height:1.68rem;font-size:.68rem}.song-settings-tempo-stepper{grid-template-columns:2.15rem minmax(0,1fr) 2.15rem;gap:.28rem}.song-settings-tempo-stepper button,.song-settings-tempo-stepper strong,.song-settings-chip-row button,.song-settings-segmented button,.song-settings-key-grid button{border-radius:.54rem;min-height:1.78rem;font-size:.68rem}.song-settings-key-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=760px) and (orientation:portrait){.song-settings-backdrop{align-items:end;padding:.6rem}.song-settings-panel{width:100%;max-height:min(82dvh,36rem)}.song-settings-grid{grid-template-columns:1fr}}.transport-bar-clean:not(.is-library){background:linear-gradient(#2a303df5,#191e29f5);grid-template-columns:minmax(10rem,.92fr) auto minmax(10rem,.92fr);gap:clamp(.38rem,1.5vw,.7rem);box-shadow:inset 0 -1px #0000006b,inset 0 1px #ffffff14,0 .4rem 1.4rem #00000038}.transport-bar-clean:not(.is-library) .transport-left,.transport-bar-clean:not(.is-library) .transport-right-clean{min-width:0}.topbar-browser-menu,.topbar-overflow{flex:none;position:relative}.browser-menu-button,.topbar-more-button{color:#edf4ff;background:linear-gradient(#ffffff1c,#ffffff0e);box-shadow:inset 0 0 0 1px #ffffff1a,0 .45rem 1rem #0000002e}.browser-menu-button{font-size:1.1rem}.topbar-more-button{letter-spacing:0;font-size:1.06rem}.transport-bar-clean:not(.is-library) .brand-button{pointer-events:none;gap:.45rem}.transport-bar-clean:not(.is-library) .brand-mark{background:#ffffff0e;border-radius:.58rem;width:1.75rem;height:1.75rem}.transport-bar-clean:not(.is-library) .brand-button strong{max-width:min(10rem,24vw);font-size:1rem}.transport-bar-clean:not(.is-library) .brand-button .eyebrow{display:none}.transport-center-stack{justify-self:center}.transport-controls-clean{background:#070a106b;border-radius:.72rem;gap:.18rem;padding:.16rem;box-shadow:inset 0 0 0 1px #ffffff14,0 .5rem 1.4rem #0000002e}.transport-controls-clean .icon-button,.transport-controls-clean .transport-pill,.transport-controls-clean .transport-button{border-radius:.58rem}.transport-right-clean{justify-content:flex-end}.primary-mode-nav{background:#070a1057;border-radius:.72rem;gap:.12rem;width:auto;min-width:auto;padding:.14rem;display:flex;box-shadow:inset 0 0 0 1px #ffffff12}.primary-mode-nav button{border-radius:.56rem;min-width:3.7rem;min-height:2.06rem;padding:0 .44rem;font-size:.66rem}.topbar-menu{z-index:6400;border-radius:.78rem;min-width:13.2rem;max-width:min(16rem,100vw - 1rem);padding:.34rem}.topbar-menu-left{left:0;right:auto}.topbar-menu-left:before{left:1rem;right:auto}.topbar-menu-right{right:0}.topbar-menu button{border-radius:.58rem;min-height:2.16rem;padding:0 .68rem;font-size:.74rem}.topbar-menu button:first-child,.topbar-menu button:nth-child(2){color:#f8fbff;background:#ffffff13}.topbar-menu button:active{transform:translateY(1px)}.topbar-menu-meta{margin-top:.18rem;padding:.54rem .68rem .34rem;font-size:.7rem}@media (width<=1080px){.transport-bar-clean:not(.is-library){grid-template-columns:minmax(8.2rem,.8fr) auto minmax(7.5rem,.8fr)}.primary-mode-nav button{min-width:3.05rem;font-size:.58rem}}@media (orientation:landscape) and (height<=620px){.transport-bar-clean:not(.is-library){min-height:var(--mobile-topbar-h,3rem);height:var(--mobile-topbar-h,3rem);padding-top:calc(env(safe-area-inset-top,0px) + .2rem);grid-template-columns:minmax(6.8rem,.8fr) auto minmax(3rem,.8fr);padding-bottom:.2rem}.transport-bar-clean:not(.is-library) .brand-mark{display:none}.transport-bar-clean:not(.is-library) .brand-button strong{max-width:6.8rem;font-size:.84rem}.browser-menu-button,.transport-controls-clean .icon-button,.transport-controls-clean .transport-pill,.transport-controls-clean .transport-button,.transport-controls-clean .transport-metronome-button,.topbar-more-button{border-radius:.52rem;width:1.9rem;min-width:1.9rem;height:1.9rem;font-size:.8rem}.transport-controls-clean .transport-button.play{width:2.2rem;min-width:2.2rem}.topbar-menu{top:calc(var(--mobile-topbar-h,3rem) + .25rem);width:min(13.5rem,100vw - .8rem);max-height:calc(100dvh - var(--mobile-topbar-h,3rem) - .6rem);border-radius:.78rem;padding:.34rem;position:fixed;bottom:auto;overflow:auto}.topbar-menu-left{left:max(.42rem, env(safe-area-inset-left,0px));right:auto}.topbar-menu-right{left:auto;right:max(.42rem, env(safe-area-inset-right,0px))}.topbar-menu:before{display:block}.topbar-menu-left:before{left:.9rem}.topbar-menu-right:before{right:.9rem}.topbar-menu button{min-height:2rem;font-size:.7rem}}@media (width<=760px) and (orientation:portrait){.transport-bar-clean:not(.is-library) .brand-button{pointer-events:auto}.topbar-menu-left,.topbar-menu-right{left:max(.6rem, env(safe-area-inset-left,0px));right:max(.6rem, env(safe-area-inset-right,0px));width:auto;max-width:none}}@media (orientation:landscape) and (height<=760px) and (width<=1600px){.app-shell.screen-songs .saved-song-tile{justify-self:center;width:min(10.7rem,100%)}.app-shell.screen-songs .saved-song-actions{top:.38rem;left:auto;right:.35rem}.app-shell.screen-songs .saved-song-more-button{color:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000007a;box-shadow:inset 0 0 0 1px #ffffff2e,0 .35rem .8rem #00000047}}@media (orientation:landscape) and (height<=520px) and (width<=1000px){.app-shell.screen-liveLoops .app-body{padding:.22rem .38rem calc(env(safe-area-inset-bottom,0px) + .22rem)}.app-shell.screen-liveLoops .live-loops-screen{flex-direction:column;gap:.22rem;height:100%;min-height:0;display:flex;overflow:hidden}.app-shell.screen-liveLoops .live-loops-hero{display:none}.app-shell.screen-liveLoops .live-performance-banner{border-radius:999px;flex:none;justify-content:flex-start;width:fit-content;max-width:100%;min-height:0;padding:.18rem .46rem;box-shadow:inset 0 0 0 1px #ffffff1f}.app-shell.screen-liveLoops .live-performance-banner strong{letter-spacing:.04em;font-size:.58rem}.app-shell.screen-liveLoops .live-performance-banner span{display:none}.app-shell.screen-liveLoops .live-loops-card{border-radius:.72rem;flex:auto;min-height:0;padding:.26rem}.app-shell.screen-liveLoops .live-grid-shell{border-radius:.72rem;grid-template-columns:minmax(6.75rem,8.25rem) minmax(0,1fr);height:100%;min-height:0}.app-shell.screen-liveLoops .live-track-rail,.app-shell.screen-liveLoops .live-grid-scroll{min-height:0}.app-shell.screen-liveLoops .live-grid{--live-cell-width:9.15rem;grid-template-rows:1.72rem;min-height:100%}.app-shell.screen-liveLoops .live-corner-label,.app-shell.screen-liveLoops .live-scene-header{min-height:1.72rem;padding-inline:.52rem;font-size:.58rem}.app-shell.screen-liveLoops .live-grid-row,.app-shell.screen-liveLoops .live-track-row-label{min-height:5.8rem}.app-shell.screen-liveLoops .live-track-row-label{gap:.36rem;padding:.5rem;font-size:.8rem}.app-shell.screen-liveLoops .live-row-stop{border-radius:.48rem;width:1.5rem;height:1.5rem}.app-shell.screen-liveLoops .live-cell{border-radius:.76rem;min-height:5rem;margin:.36rem}.app-shell.screen-liveLoops .live-cell strong{font-size:.82rem}.app-shell.screen-liveLoops .live-cell small{font-size:.62rem}.app-shell.screen-liveLoops .live-scene-footer-spacer,.app-shell.screen-liveLoops .live-scene-trigger-row{min-height:2.38rem}.app-shell.screen-liveLoops .live-empty{flex:auto;min-height:0}.app-shell.screen-tracks .tracks-screen{position:relative}.app-shell.screen-tracks .tracks-screen>.tracks-hero .primary-action{display:none}.app-shell.screen-tracks .tracks-screen>.region-action-bar{z-index:34;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f121af0;border-radius:.58rem;width:min(29rem,100% - 8.7rem);max-width:calc(100% - 8.7rem);padding:.16rem;display:block;position:absolute;top:2.38rem;left:8.12rem;right:auto;box-shadow:0 .6rem 1.4rem #00000052,inset 0 0 0 1px #ffffff1f}.app-shell.screen-tracks .tracks-screen>.region-action-bar>div:first-child{display:none}.app-shell.screen-tracks .region-actions{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:.12rem;display:flex;overflow-x:auto}.app-shell.screen-tracks .region-actions::-webkit-scrollbar{display:none}.app-shell.screen-tracks .region-actions button{border-radius:.42rem;flex:none;min-height:1.58rem;padding:0 .48rem;font-size:.58rem}.app-shell.screen-tracks .timeline-card{--timeline-lane-height:3.85rem;padding:.26rem}.app-shell.screen-tracks .tracks-mixer-open .timeline-card{--timeline-lane-height:4.85rem}.app-shell.screen-tracks .section-strip{min-height:1.38rem;margin-bottom:.18rem;padding-block:.24rem}.app-shell.screen-tracks .timeline-region{border-radius:.48rem;padding-left:.48rem;top:.22rem;bottom:.22rem}.app-shell.screen-tracks .timeline-region-resize-handle{top:.18rem;bottom:.18rem}.app-shell.screen-tracks .empty-track-hint{top:.22rem;bottom:.22rem}}.keyboard-control-strip{background:linear-gradient(#ffffff16,#ffffff0b);border-radius:.9rem;grid-template-columns:auto auto auto minmax(9rem,1fr) repeat(6,auto);align-items:center;gap:.5rem;min-height:2.8rem;padding:.45rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff17}.keyboard-octave-controls{align-items:center;gap:.26rem;display:inline-flex}.keyboard-octave-controls button,.keyboard-strip-button{color:#f5f8ffeb;touch-action:manipulation;background:#ffffff18;border:0;border-radius:.6rem;min-height:2.05rem;padding:0 .68rem;font-weight:850;box-shadow:inset 0 0 0 1px #ffffff1a}.keyboard-octave-controls button{min-width:2.15rem;padding:0;font-size:1.15rem}.keyboard-octave-controls button:disabled{opacity:.38;cursor:default;box-shadow:inset 0 0 0 1px #ffffff0f}.keyboard-strip-button.is-active{color:#06100b;background:linear-gradient(#53f18b,#22ca67);box-shadow:0 .55rem 1.1rem #22ca672e,inset 0 0 0 1px #ffffff47}.keyboard-chord-autoplay-panel{z-index:36;color:#f5f8ffeb;background:radial-gradient(circle at 50% 0,#3fe58229,#0000 44%),linear-gradient(#1f2430fa,#0c0e14fa);border:1px solid #ffffff21;border-radius:.85rem;gap:.5rem;width:min(18rem,42vw);padding:.58rem;display:grid;position:absolute;top:3.45rem;right:4.4rem;box-shadow:0 1.2rem 2.7rem #0000006b,inset 0 0 0 1px #ffffff0f}.keyboard-chord-autoplay-panel header{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.keyboard-chord-autoplay-panel header div{gap:.06rem;display:grid}.keyboard-chord-autoplay-panel header button{color:#f5f8ffe6;background:#ffffff1a;border:0;border-radius:.55rem;width:1.9rem;height:1.9rem;font-size:1.08rem;font-weight:850}.keyboard-chord-autoplay-knob{color:#f1f7fff0;background:radial-gradient(circle at 36% 28%,#ffffff4d,#0000 23%),radial-gradient(circle,#555b67 0 18%,#2c313c 19% 55%,#151923 56% 100%);border-radius:999px;justify-self:center;place-items:center;width:5.6rem;height:5.6rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff29,0 .8rem 1.8rem #00000059}.keyboard-chord-autoplay-knob span{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:4.5rem;font-size:.72rem;font-weight:950;overflow:hidden}.keyboard-chord-autoplay-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:.22rem;display:grid}.keyboard-chord-autoplay-options button{color:#e2e8f4c7;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:.52rem;min-height:1.85rem;font-size:.68rem;font-weight:850}.keyboard-chord-autoplay-options button.is-active{color:#06100b;background:linear-gradient(#5ff091,#26cf68);border-color:#74ffabb3}.keyboard-chord-autoplay-panel p{color:#d6deed9e;margin:0;font-size:.72rem;line-height:1.25}.keyboard-chord-editor-panel{z-index:37;color:#f5f8fff0;background:radial-gradient(circle at 16% 0,#35d66f29,#0000 42%),linear-gradient(#1f2430fa,#0c0e14fa);border:1px solid #ffffff21;border-radius:.85rem;grid-template-rows:auto minmax(0,1fr) auto;gap:.52rem;width:min(48rem,100% - 1.6rem);max-height:calc(100% - 4.05rem);padding:.62rem;display:grid;position:absolute;top:3.45rem;right:.8rem;overflow:auto;box-shadow:0 1.2rem 2.7rem #0000006b,inset 0 0 0 1px #ffffff0f}.keyboard-chord-editor-panel header,.keyboard-chord-editor-panel footer{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.keyboard-chord-editor-panel header div{gap:.08rem;display:grid}.keyboard-chord-editor-panel header button,.keyboard-chord-editor-panel footer button{color:#f5f8ffe6;background:#ffffff17;border:0;border-radius:.52rem;min-height:1.9rem;padding:0 .62rem;font-weight:850;box-shadow:inset 0 0 0 1px #ffffff14}.keyboard-chord-editor-panel header button{width:1.9rem;padding:0;font-size:1.08rem}.keyboard-chord-editor-panel footer div{gap:.28rem;display:flex}.keyboard-chord-editor-panel footer button.is-primary{color:#06100b;background:linear-gradient(#5ff091,#26cf68)}.keyboard-chord-editor-layout{grid-template-columns:minmax(9rem,.46fr) minmax(0,1fr);gap:.48rem;min-height:0;display:grid}.keyboard-chord-editor-strip-list{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:.28rem;min-width:0;display:grid}.keyboard-chord-editor-strip-list button{color:#eef4fce6;text-align:left;background:#ffffff12;border:0;border-radius:.52rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.34rem;min-height:2.15rem;padding:0 .46rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff14}.keyboard-chord-editor-strip-list button.is-active{color:#06100b;background:linear-gradient(#69ed99,#22ca67)}.keyboard-chord-editor-strip-list span{opacity:.62;font-size:.64rem;font-weight:950}.keyboard-chord-editor-strip-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.keyboard-chord-editor-form{gap:.38rem;min-width:0;display:grid}.keyboard-chord-editor-form section{gap:.22rem;min-width:0;display:grid}.keyboard-chord-editor-form section>span{color:#dce5f1c2;letter-spacing:.05em;text-transform:uppercase;font-size:.62rem;font-weight:900}.keyboard-chord-editor-options{grid-template-columns:repeat(7,minmax(0,1fr));gap:.22rem;display:grid}.keyboard-chord-editor-options.compact{grid-template-columns:repeat(13,minmax(0,1fr))}.keyboard-chord-editor-options button{color:#eef4fcdb;background:#ffffff12;border:0;border-radius:.46rem;min-width:0;min-height:1.82rem;padding:0 .3rem;font-size:.64rem;font-weight:850;box-shadow:inset 0 0 0 1px #ffffff14}.keyboard-chord-editor-options button.is-active{color:#06100b;background:linear-gradient(#69ed99,#22ca67)}.topbar-more-button.is-active,.keyboard-track-controls-button.is-active{color:#06101d;background:linear-gradient(#69c4ff,#1687ff);box-shadow:0 .55rem 1.2rem #1687ff3d,inset 0 0 0 1px #ffffff52}.keyboard-sound-selector{color:#f5f8fff0;cursor:pointer;touch-action:manipulation;text-align:left;border:0;min-width:0}.keyboard-pro-panel{background:linear-gradient(#ffffff14,#ffffff09);border-radius:.9rem;grid-template-columns:minmax(0,1fr) minmax(14rem,1.1fr);align-items:stretch;gap:.5rem;padding:.45rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff17}.keyboard-scale-panel{z-index:34;background:radial-gradient(circle at 20% 0,#35d66f24,#0000 46%),linear-gradient(#1f2430fa,#0c0e14fa);border:1px solid #ffffff1f;border-radius:.9rem;grid-template-columns:minmax(13rem,.75fr) minmax(20rem,1.35fr);gap:.55rem;width:min(42rem,100% - 1.5rem);max-height:calc(100% - 4rem);padding:.55rem;display:grid;position:absolute;top:3.45rem;left:clamp(.75rem,4vw,2.2rem);overflow:auto;box-shadow:0 1.2rem 2.7rem #0000006b,inset 0 0 0 1px #ffffff0f}.keyboard-scale-intro{background:#070a1052;border-radius:.72rem;align-content:center;gap:.42rem;min-width:0;padding:.45rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff0f}.keyboard-scale-intro strong{color:#f8fcfff5;font-size:1rem}.keyboard-scale-intro p{color:#dce5f1b8;margin:0;font-size:.78rem;line-height:1.25}.scale-preview-keyboard{background:#00000038;border-radius:.48rem;grid-template-columns:repeat(12,minmax(0,1fr));gap:.12rem;height:2.2rem;padding:.18rem;display:grid}.scale-preview-keyboard span{background:#ffffff2e;border-radius:.18rem .18rem .34rem .34rem}.scale-preview-keyboard span.is-in-scale{background:linear-gradient(#81f7aa,#22ca67);box-shadow:0 0 0 1px #ffffff3d}.keyboard-scale-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:.32rem;min-width:0;display:grid}.keyboard-scale-options button{color:#f5f8ffe6;text-align:left;touch-action:manipulation;background:#ffffff17;border:0;border-radius:.62rem;align-content:center;gap:.16rem;min-height:2.65rem;padding:.34rem .44rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff1a}.keyboard-scale-options button.is-active{color:#07130c;background:linear-gradient(#68f79a,#24cf68);box-shadow:0 .55rem 1.1rem #22ca672e,inset 0 0 0 1px #ffffff52}.keyboard-scale-options span{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:900;overflow:hidden}.keyboard-scale-options small{text-overflow:ellipsis;white-space:nowrap;color:#dee7f49e;font-size:.62rem;font-weight:760;overflow:hidden}.keyboard-scale-options button.is-active small{color:#07130ca3}.keyboard-arp-panel{z-index:9;color:#f5f8fff2;background:radial-gradient(circle at 18% 0,#35d66f2e,#0000 48%),linear-gradient(#181d27f5,#0a0d13f5);border-radius:.86rem;gap:.48rem;width:min(23rem,42vw);max-height:min(25rem,100% - 6rem);padding:.56rem;display:grid;position:absolute;top:clamp(5.2rem,19vh,7.2rem);right:clamp(.75rem,4vw,2.2rem);overflow:auto;box-shadow:0 1rem 2.1rem #0000006b,inset 0 0 0 1px #ffffff1a}.keyboard-arp-panel header{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.keyboard-arp-panel header div{gap:.12rem;display:grid}.keyboard-arp-panel header strong{font-size:.95rem}.keyboard-arp-panel header button{color:#f6f9ffe6;background:#ffffff17;border:0;border-radius:.56rem;width:2rem;height:2rem;box-shadow:inset 0 0 0 1px #ffffff1a}.keyboard-arp-section{gap:.28rem;display:grid}.keyboard-arp-section>span{color:#dce5f1c2;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:850}.keyboard-arp-segments,.keyboard-arp-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.28rem;display:grid}.keyboard-arp-options{grid-template-columns:repeat(4,minmax(0,1fr))}.keyboard-arp-segments button,.keyboard-arp-options button{color:#eef4fce6;background:#ffffff14;border:0;border-radius:.52rem;min-height:1.86rem;font-size:.72rem;font-weight:850;box-shadow:inset 0 0 0 1px #ffffff14}.keyboard-arp-segments button.is-active,.keyboard-arp-options button.is-active{color:#06100b;background:linear-gradient(#69ed99,#22ca67);box-shadow:0 .5rem 1rem #22ca672e,inset 0 0 0 1px #ffffff3d}.keyboard-arp-panel p{color:#dbe4f2ad;margin:0;font-size:.68rem;line-height:1.25}.keyboard-settings-popover{z-index:8;background:linear-gradient(#1f2532fa,#0b0e16fa);border:1px solid #ffffff1f;border-radius:.85rem;gap:.5rem;width:min(21rem,42vw);max-height:calc(100% - 3.25rem);padding:.58rem;display:grid;position:absolute;top:2.75rem;right:clamp(.7rem,1.8vw,1rem);overflow:auto;box-shadow:0 1rem 2.5rem #00000061}.keyboard-settings-popover header{color:#fff;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.1rem .12rem .2rem;display:grid}.keyboard-settings-popover header strong{text-align:center;font-size:.95rem;font-weight:950}.keyboard-settings-popover header button{text-align:center;border-radius:.48rem;width:1.86rem;height:1.86rem;min-height:0;padding:0}.keyboard-settings-list{gap:.45rem;display:grid}.keyboard-settings-row{color:#fff;text-align:left;background:#ffffff12;border:0;border-radius:.58rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.55rem;min-height:2.35rem;padding:.52rem .62rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff0f}.keyboard-settings-row.is-stack{grid-template-columns:1fr}.keyboard-settings-row.is-link{width:100%}.keyboard-settings-row.is-link[aria-disabled=true]{opacity:.72}.keyboard-settings-popover button,.keyboard-settings-row input{touch-action:manipulation}.keyboard-settings-popover button{color:inherit;background:#ffffff12;border:0}.keyboard-settings-popover button:hover{background:#ffffff1f}.keyboard-settings-popover span{font-weight:900}.keyboard-settings-popover small{color:#9da8ba;font-weight:700}.keyboard-settings-stepper,.keyboard-settings-segments,.keyboard-settings-switches,.keyboard-settings-key-grid{align-items:center;gap:.25rem;display:flex}.keyboard-settings-stepper button,.keyboard-settings-segments button,.keyboard-settings-switches button,.keyboard-settings-key-grid button{border-radius:.42rem;min-height:1.65rem;padding:0 .48rem;font-size:.68rem;font-weight:900}.keyboard-settings-stepper strong{text-align:center;color:#fff;min-width:2.4rem}.keyboard-settings-segments button.is-active,.keyboard-settings-key-grid button.is-active,.keyboard-settings-switches button.is-on{color:#07130c;background:linear-gradient(#68f79a,#24cf68)}.keyboard-settings-key-grid{grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.keyboard-settings-row input[type=checkbox]{accent-color:#35d66f;width:2.45rem;height:1.35rem}.keyboard-time-ruler{z-index:4;color:#e1eaf8a3;pointer-events:none;background:#04070c75;border-radius:.42rem;grid-template-columns:repeat(8,minmax(0,1fr));height:.95rem;display:grid;position:absolute;top:2.55rem;left:.7rem;right:.7rem;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.keyboard-time-ruler span{border-left:1px solid #ffffff2e;align-items:center;padding-left:.32rem;font-size:.62rem;font-weight:900;display:flex;position:relative}.keyboard-time-ruler span:after{content:"";background:#ffffff1f;width:1px;position:absolute;top:.2rem;bottom:.2rem;left:36%}.keyboard-time-ruler span.is-current{color:#7be7ff;background:#1687ff29}.keyboard-track-controls-panel{z-index:7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(circle at 0 0,#2f80ff1f,#0000 42%),linear-gradient(#161b26e0,#090c12e6);border:1px solid #ffffff1a;border-radius:.68rem;flex-direction:column;gap:.42rem;width:min(22rem,38vw);min-height:0;padding:.58rem;display:flex;position:absolute;top:.5rem;bottom:.5rem;left:.5rem;overflow:auto;box-shadow:0 1rem 2.2rem #00000057,inset 0 0 0 1px #ffffff0a}.keyboard-track-controls-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.45rem;min-width:0;display:grid}.keyboard-track-controls-header strong{color:#4e98ff;font-size:.9rem;line-height:1.05;display:block}.keyboard-track-controls-header span{color:#aab4c4;letter-spacing:.08em;text-transform:uppercase;margin-top:.12rem;font-size:.58rem;font-weight:900;display:block}.keyboard-track-controls-header button{color:#fff;background:#ffffff14;border:0;border-radius:.55rem;width:2rem;height:2rem}.keyboard-track-control-grid{grid-template-columns:1fr;align-content:start;gap:.38rem;min-width:0;display:grid}.keyboard-track-control-grid label{color:#cbd4e3;gap:.12rem;font-size:.62rem;font-weight:850;display:grid}.keyboard-track-control-grid label small{color:#7f8a9a;font-size:.58rem;font-weight:850}.keyboard-track-control-grid input{accent-color:#35d66f;width:100%}.keyboard-track-control-grid input:disabled{opacity:.42;accent-color:#7f8a9a}.keyboard-track-controls-panel p{color:#8f9aab;grid-column:1/-1;margin:0;font-size:.6rem}.keyboard-control-section{background:#ffffff0e;border:1px solid #ffffff12;border-radius:.48rem;gap:.36rem;padding:.46rem;display:grid}.keyboard-control-section summary,.keyboard-control-section h3{cursor:pointer;color:#eef4ff;letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.64rem;font-weight:900}.keyboard-control-section-open h3{cursor:default}.keyboard-track-settings-row{color:#dce5f3;background:#ffffff14;border:0;border-radius:.48rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:2rem;padding:0 .56rem;font-weight:900;display:grid}.keyboard-track-settings-row small{color:#8f9aab;font-size:.56rem}.keyboard-track-settings-row:disabled{opacity:.72}.keyboard-control-pill-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.28rem;display:grid}.keyboard-control-pill-grid button,.keyboard-stepper-row button,.keyboard-control-disabled{color:#dce5f3;background:#ffffff12;border:1px solid #ffffff1f;border-radius:.42rem;min-height:1.72rem;font-size:.58rem;font-weight:850}.keyboard-control-pill-grid button.is-active{color:#06100b;background:#35d66f;border-color:#35d66fbf}.keyboard-stepper-row{color:#cbd4e3;grid-template-columns:minmax(0,1fr) 2rem 2.4rem 2rem;align-items:center;gap:.28rem;font-size:.62rem;font-weight:850;display:grid}.keyboard-output-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:.32rem;display:grid}.keyboard-output-buttons button{color:#dce5f3;background:#ffffff14;border:0;border-radius:.45rem;min-height:1.9rem;font-weight:900}.keyboard-output-buttons button.is-active{color:#081018;background:#4e98ff}.keyboard-stepper-row strong{text-align:center;color:#fff}.keyboard-recording-toggle{color:#dce5f3;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;display:grid}.keyboard-recording-toggle span{gap:.1rem;display:grid}.keyboard-recording-toggle small{color:#8f9aab;font-size:.58rem;font-weight:850}.keyboard-control-disabled:disabled{opacity:.5}.count-in-overlay{z-index:80;color:#f8fbff;pointer-events:none;background:radial-gradient(circle at 50% 42%,#1687ff47,#0000006b 44%,#0000002e 72%);align-content:center;place-items:center;gap:.4rem;display:grid;position:fixed;inset:0}.count-in-overlay strong{text-shadow:0 1rem 3rem #00000073,0 0 2rem #69c4ff57;font-size:clamp(5.5rem,18vw,10rem);line-height:.85}.count-in-overlay span{color:#06101d;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(#69c4ff,#1687ff);border-radius:999px;padding:.42rem .76rem;font-size:.8rem;font-weight:950}.keyboard-sound-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:.32rem;min-width:0;display:grid}.keyboard-sound-tabs button,.keyboard-sample-library button,.keyboard-sample-actions button{color:#f5f8ffe6;touch-action:manipulation;background:#ffffff17;border:0;border-radius:.62rem;min-height:2.2rem;padding:.38rem .5rem;font-weight:850;box-shadow:inset 0 0 0 1px #ffffff1a}.keyboard-sound-tabs button{text-align:left;align-content:center;gap:.12rem;display:grid}.keyboard-sound-tabs button.is-active,.keyboard-sample-library button.is-active,.keyboard-sample-actions button.is-active{color:#06100b;background:linear-gradient(#53f18b,#22ca67);box-shadow:0 .55rem 1.1rem #22ca672e,inset 0 0 0 1px #ffffff47}.keyboard-sound-tabs span{font-size:.8rem;line-height:1}.keyboard-sound-tabs small{color:#f5f8ff94;font-size:.62rem;line-height:1.1}.keyboard-sound-tabs button.is-active small{color:#06100bb8}.keyboard-macro-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:.32rem;min-width:0;display:grid}.keyboard-macro-controls.is-subtle{opacity:.78}.keyboard-macro-controls label{color:#f5f8ffc7;background:#0000002e;border-radius:.62rem;align-content:center;gap:.24rem;min-width:0;padding:.36rem .5rem;font-size:.66rem;font-weight:850;display:grid;box-shadow:inset 0 0 0 1px #ffffff14}.keyboard-macro-controls input{accent-color:#35d66f;width:100%;min-width:0}.keyboard-sample-panel{grid-template-columns:minmax(10rem,.52fr) minmax(0,1fr)}.keyboard-sampler-foundation{grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;gap:.45rem;min-width:0;display:grid}.keyboard-sample-library,.keyboard-sample-actions{flex-wrap:wrap;align-content:center;gap:.28rem;display:flex}.keyboard-sample-actions button:disabled{opacity:.42}.keyboard-waveform-placeholder{background:#080d12b8;border-radius:.68rem;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:.22rem;min-height:3.1rem;padding:0 .6rem;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffdd4870}.keyboard-waveform-placeholder:before{content:"";color:#ffdd48db;font-size:.62rem;font-weight:900;position:absolute;top:.36rem;left:.62rem}.keyboard-waveform-placeholder strong,.keyboard-waveform-placeholder small{z-index:1;pointer-events:none;position:absolute;left:.62rem}.keyboard-waveform-placeholder strong{color:#fff8d1eb;text-overflow:ellipsis;white-space:nowrap;max-width:70%;font-size:.68rem;font-weight:900;top:.38rem;overflow:hidden}.keyboard-waveform-placeholder small{color:#fff8d19e;font-size:.56rem;font-weight:800;bottom:.34rem}.keyboard-waveform-placeholder.has-sample:before{content:""}.keyboard-waveform-placeholder span{background:#ffdd48;border-radius:999px;height:.8rem;box-shadow:0 0 .6rem #ffdd4833}.keyboard-waveform-placeholder span:nth-child(2){height:1.8rem}.keyboard-waveform-placeholder span:nth-child(3){height:2.45rem}.keyboard-waveform-placeholder span:nth-child(4){height:1.25rem}.keyboard-waveform-placeholder span:nth-child(5){height:2rem}.keyboard-waveform-placeholder span:nth-child(6){height:1.05rem}.keyboard-sample-trim-controls{grid-column:2/4;grid-template-columns:repeat(2,minmax(0,1fr));gap:.36rem;min-width:0;display:grid}.keyboard-sample-trim-controls label{color:#f5f8ffc7;background:#0003;border-radius:.54rem;gap:.18rem;min-width:0;padding:.28rem .42rem;font-size:.58rem;font-weight:850;display:grid;box-shadow:inset 0 0 0 1px #ffffff14}.keyboard-sample-trim-controls input{accent-color:#ffdd48;width:100%;min-width:0}.keyboard-sample-status{color:#fff8d1c7;grid-column:1/-1;margin:-.18rem 0 0;font-size:.62rem;font-weight:800}.keyboard-sampler-screen .keyboard-sampler-workflow{min-height:0;overflow:hidden}.keyboard-sampler-screen.sampler-view-record .keyboard-sampler-workflow{grid-template-rows:minmax(0,1fr);display:grid}.keyboard-sampler-screen.sampler-view-edit .keyboard-sampler-workflow{grid-template-rows:minmax(8rem,auto) minmax(0,1fr) auto;gap:.32rem;display:grid}.keyboard-sampler-screen.sampler-view-play .keyboard-sampler-workflow{grid-template-rows:auto minmax(0,1fr) auto;gap:.55rem;display:grid}.sampler-record-panel{background:linear-gradient(#d2dcee24,#d2dcee14);border-radius:.72rem;grid-template-columns:minmax(8rem,.22fr) minmax(0,1fr) minmax(5.5rem,.15fr);gap:0;min-height:0;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f}.sampler-side-actions,.sampler-import-slot{background:linear-gradient(#dee6f229,#dee6f214);align-content:center;gap:.5rem;padding:.85rem;display:grid;box-shadow:inset -1px 0 #ffffff14}.sampler-import-slot{box-shadow:inset 1px 0 #ffffff14}.sampler-side-actions button,.sampler-import-slot button,.sampler-edit-actions button,.sampler-edit-tabs button,.sampler-edit-toggle-row button{color:#f5f8ffe6;touch-action:manipulation;background:#ffffff17;border:0;border-radius:.66rem;min-height:2.15rem;padding:.38rem .72rem;font-weight:850;box-shadow:inset 0 0 0 1px #ffffff1a}.sampler-side-actions button.is-active,.sampler-edit-tabs button.is-active,.sampler-edit-toggle-row button.is-active,.sampler-edit-actions button.is-primary{color:#06100b;background:linear-gradient(#ffdf63,#ffbd33);box-shadow:0 .55rem 1.1rem #ffbd332e,inset 0 0 0 1px #ffffff47}.sampler-import-slot button:disabled{opacity:.42}.sampler-recorder-main{background:radial-gradient(circle at 50% 30%,#ffdd481f,#0000 52%),linear-gradient(#05080d6b,#05080d1f);border-radius:0;grid-template-rows:minmax(0,1fr) auto auto;place-items:center;gap:.58rem;min-height:0;padding:clamp(.8rem,2vw,1.35rem);display:grid;box-shadow:inset 0 0 0 1px #ffffff0f}.sampler-recorder-main p{color:#f5f8ffc7;text-align:center;margin:0;font-size:.88rem;font-weight:820}.sampler-monitor-shell{grid-template-columns:minmax(4rem,.18fr) minmax(0,1fr);gap:.55rem;width:min(40rem,100%);min-height:8rem;display:grid}.sampler-level-column{color:#ffdd48;grid-template-rows:auto minmax(0,1fr);gap:.28rem;min-width:0;font-size:.68rem;font-weight:900;display:grid}.sampler-level-meter{background:#05080cb8;border:.12rem solid #ffdd48d1;border-radius:.12rem;align-items:end;min-height:0;padding:.28rem;display:grid;overflow:hidden}.sampler-input-meter{background:#070a0fb3;border:.12rem solid #ffdd48d1;border-radius:.12rem;justify-content:center;align-items:center;gap:.42rem;min-height:0;padding:.9rem 1rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 2.2rem #ffdd480f}.sampler-input-meter span{opacity:.72;background:linear-gradient(#ffef8f,#ffbd33);border-radius:999px;width:10%;max-width:4.6rem}.sampler-edit-layout{background:linear-gradient(#d2dcee24,#d2dcee14);border-radius:.72rem;grid-template-columns:minmax(8rem,.22fr) minmax(0,1fr);gap:0;min-height:0;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f}.sampler-edit-panel{background:#04070b61;grid-template-rows:auto minmax(3.6rem,1fr) auto auto;grid-template-columns:minmax(0,1fr);gap:.22rem;min-height:0;padding:.42rem .5rem;display:grid}.sampler-edit-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.sampler-edit-header h3{color:#fff;margin:0;font-size:1rem}.sampler-edit-header span,.sampler-placeholder-panel{color:#f5f8ff9e;font-size:.68rem;font-weight:780}.sampler-edit-actions,.sampler-edit-tabs,.sampler-edit-toggle-row{flex-wrap:wrap;gap:.18rem;display:flex}.sampler-edit-waveform{min-width:0}.sampler-edit-tabs button,.sampler-edit-toggle-row button{text-transform:lowercase}.sampler-trim-wide{grid-template-columns:repeat(2,minmax(0,1fr));gap:.22rem}@keyframes samplerMeterPulse{0%{opacity:.5;transform:scaleY(.62)}to{opacity:1;transform:scaleY(1.12)}}@media (orientation:landscape) and (height<=760px) and (width<=1600px){.app-shell.screen-play .play-panel{grid-template-rows:2.18rem minmax(0,1fr)}.app-shell.screen-play .keyboard-control-strip{border-radius:.52rem;grid-row:1;grid-template-columns:auto auto auto minmax(5.4rem,1fr) repeat(6,auto);gap:.16rem;height:2.18rem;min-height:0;max-height:2.18rem;padding:.18rem;overflow:hidden}.app-shell.screen-play .keyboard-octave-controls{gap:.12rem}.app-shell.screen-play .keyboard-octave-controls button,.app-shell.screen-play .keyboard-strip-button{white-space:nowrap;border-radius:.42rem;min-height:1.72rem;padding:0 .42rem;font-size:.62rem}.app-shell.screen-play .keyboard-octave-controls button{min-width:1.72rem;padding:0;font-size:.95rem}.app-shell.screen-play .keyboard-sound-selector{height:1.72rem;min-height:0;padding:0 .36rem}.app-shell.screen-play .keyboard-sound-selector .piano-art{border-radius:.26rem;width:.98rem;height:.98rem;font-size:.6rem}.app-shell.screen-play .keyboard-sound-selector strong{font-size:.66rem}.app-shell.screen-play .keyboard-sound-selector span{font-size:.56rem;display:inline}.app-shell.screen-play .keyboard-arp-panel{border-radius:.62rem;gap:.32rem;width:min(19rem,48vw);max-height:calc(100% - 2.9rem);padding:.42rem;top:2.55rem;right:.3rem}.app-shell.screen-play .keyboard-arp-panel header button{width:1.72rem;height:1.72rem}.app-shell.screen-play .keyboard-arp-section{gap:.2rem}.app-shell.screen-play .keyboard-arp-segments button,.app-shell.screen-play .keyboard-arp-options button{border-radius:.42rem;min-height:1.52rem;font-size:.62rem}.app-shell.screen-play .keyboard-chord-autoplay-panel{border-radius:.62rem;gap:.3rem;width:min(16rem,46vw);max-height:calc(100% - 2.9rem);padding:.4rem;top:2.55rem;right:.3rem}.app-shell.screen-play .keyboard-chord-autoplay-panel header button{border-radius:.42rem;width:1.6rem;height:1.6rem}.app-shell.screen-play .keyboard-chord-autoplay-knob{width:3.8rem;height:3.8rem}.app-shell.screen-play .keyboard-chord-autoplay-knob span{max-width:3.1rem;font-size:.56rem}.app-shell.screen-play .keyboard-chord-autoplay-options{gap:.12rem}.app-shell.screen-play .keyboard-chord-autoplay-options button{border-radius:.36rem;min-height:1.35rem;font-size:.5rem}.app-shell.screen-play .keyboard-chord-autoplay-panel p{display:none}.app-shell.screen-play .keyboard-chord-editor-panel{border-radius:.62rem;gap:.32rem;width:min(37rem,100% - .6rem);max-height:calc(100% - 2.9rem);padding:.42rem;top:2.55rem;right:.3rem}.app-shell.screen-play .keyboard-chord-editor-panel header button{border-radius:.42rem;width:1.6rem;height:1.6rem;min-height:0}.app-shell.screen-play .keyboard-chord-editor-layout{grid-template-columns:minmax(8.5rem,.42fr) minmax(0,1fr);gap:.32rem}.app-shell.screen-play .keyboard-chord-editor-strip-list{gap:.16rem}.app-shell.screen-play .keyboard-chord-editor-strip-list button{border-radius:.42rem;min-height:1.52rem;padding:0 .3rem}.app-shell.screen-play .keyboard-chord-editor-strip-list strong{font-size:.64rem}.app-shell.screen-play .keyboard-chord-editor-form{gap:.22rem}.app-shell.screen-play .keyboard-chord-editor-form section,.app-shell.screen-play .keyboard-chord-editor-options{gap:.12rem}.app-shell.screen-play .keyboard-chord-editor-options button{border-radius:.36rem;min-height:1.38rem;padding:0 .18rem;font-size:.5rem}.app-shell.screen-play .keyboard-chord-editor-panel footer button{border-radius:.38rem;min-height:1.48rem;padding:0 .44rem;font-size:.56rem}.app-shell.screen-play .smart-controls{display:none!important}.app-shell.screen-play.play-keyboard .keyboard-track-controls-panel{border-radius:.52rem;gap:.3rem;width:min(18.5rem,38vw);padding:.36rem;inset:.28rem auto .28rem .28rem}.app-shell.screen-play.play-keyboard .keyboard-track-control-grid{grid-template-columns:1fr;gap:.26rem}.app-shell.screen-play.play-keyboard .keyboard-track-control-grid label{font-size:.54rem}.app-shell.screen-play.play-keyboard .keyboard-track-controls-header strong{font-size:.74rem}.app-shell.screen-play.play-keyboard .keyboard-track-controls-header button{border-radius:.42rem;width:1.58rem;height:1.58rem}.app-shell.screen-play.play-keyboard .keyboard-control-section{gap:.24rem;padding:.32rem}.app-shell.screen-play.play-keyboard .keyboard-control-section summary,.app-shell.screen-play.play-keyboard .keyboard-control-section h3{font-size:.54rem}.app-shell.screen-play.play-keyboard .keyboard-track-settings-row{min-height:1.55rem;padding:0 .42rem;font-size:.56rem}.app-shell.screen-play.play-keyboard .keyboard-output-buttons button,.app-shell.screen-play.play-keyboard .keyboard-control-pill-grid button,.app-shell.screen-play.play-keyboard .keyboard-stepper-row button,.app-shell.screen-play.play-keyboard .keyboard-control-disabled{min-height:1.42rem;font-size:.5rem}.app-shell.screen-play.play-keyboard .keyboard-stepper-row{grid-template-columns:minmax(0,1fr) 1.55rem 1.85rem 1.55rem;gap:.18rem;font-size:.52rem}.app-shell.screen-play.play-keyboard .keyboard-track-controls-panel p{display:none}.app-shell.screen-play.play-keyboard .keyboard-time-ruler{border-radius:.3rem;height:.9rem;top:2.04rem;left:.24rem;right:.24rem}.app-shell.screen-play.play-keyboard .keyboard-time-ruler span{padding-left:.18rem;font-size:.5rem}.app-shell.screen-play.play-keyboard .keyboard-settings-popover{width:min(19rem,46vw);max-height:calc(100% - 2.8rem);padding:.42rem;top:2.45rem;right:.55rem}.app-shell.screen-play.play-keyboard .keyboard-settings-row{min-height:1.95rem;padding:.38rem .46rem;font-size:.62rem}.app-shell.screen-play.play-keyboard .keyboard-settings-row small{font-size:.5rem}.app-shell.screen-play.play-keyboard .keyboard-settings-key-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.app-shell.screen-play.play-keyboard .keyboard-settings-stepper button,.app-shell.screen-play.play-keyboard .keyboard-settings-segments button,.app-shell.screen-play.play-keyboard .keyboard-settings-switches button,.app-shell.screen-play.play-keyboard .keyboard-settings-key-grid button{min-height:1.35rem;padding-inline:.32rem;font-size:.54rem}.app-shell.screen-play.play-keyboard .keyboard.is-scale-mode{gap:.14rem;padding:.18rem}.app-shell.screen-play.play-keyboard .white-key.scale-key{border-radius:.48rem .48rem .68rem .68rem;height:100%;min-height:100%;font-size:.62rem}.app-shell.screen-play.play-keyboard .chord-strip-surface{grid-template-columns:none;width:100%;min-width:0;padding:.18rem;display:block;height:100%!important;min-height:0!important}.app-shell.screen-play.play-keyboard .chord-strip-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:.16rem;width:100%;min-width:0;height:100%;min-height:0}.app-shell.screen-play.play-keyboard .chord-strip{border-radius:.48rem .48rem .68rem .68rem}.app-shell.screen-play.play-keyboard .chord-strip-label{min-height:1.52rem;font-size:.68rem}.app-shell.screen-play.play-keyboard .chord-strip-zones{grid-template-rows:repeat(8,minmax(1rem,1fr))}.app-shell.screen-play.play-keyboard .chord-zone span{font-size:.52rem}.app-shell.screen-play.play-keyboard .keyboard-pro-panel{border-radius:.52rem;grid-row:2;grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);gap:.16rem;min-height:0;max-height:4.35rem;padding:.16rem;overflow:hidden}.app-shell.screen-play.play-keyboard .keyboard-scale-panel{border-radius:.52rem;grid-template-columns:minmax(12.5rem,.72fr) minmax(0,1.28fr);gap:.16rem;width:min(38rem,100% - .6rem);min-height:0;max-height:calc(100% - 2.9rem);padding:.16rem;top:2.55rem;left:.3rem;overflow:auto}.app-shell.screen-play.play-keyboard .keyboard-scale-intro{border-radius:.42rem;gap:.14rem;padding:.22rem}.app-shell.screen-play.play-keyboard .keyboard-scale-intro strong{font-size:.68rem}.app-shell.screen-play.play-keyboard .keyboard-scale-intro p{font-size:.55rem;line-height:1.12}.app-shell.screen-play.play-keyboard .scale-preview-keyboard{height:1.25rem;padding:.1rem}.app-shell.screen-play.play-keyboard .keyboard-scale-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:.12rem}.app-shell.screen-play.play-keyboard .keyboard-scale-options button{border-radius:.42rem;min-height:1.72rem;padding:.14rem .2rem}.app-shell.screen-play.play-keyboard .keyboard-scale-options span{white-space:normal;font-size:.54rem;line-height:1.05}.app-shell.screen-play.play-keyboard .keyboard-scale-options small{display:none}.app-shell.screen-play.play-keyboard .keyboard-sample-panel{grid-template-columns:minmax(0,.75fr) minmax(0,1.45fr);max-height:5rem}.app-shell.screen-play.play-keyboard .keyboard-sound-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:.12rem}.app-shell.screen-play.play-keyboard .keyboard-sound-tabs button,.app-shell.screen-play.play-keyboard .keyboard-sample-library button,.app-shell.screen-play.play-keyboard .keyboard-sample-actions button{border-radius:.42rem;min-height:1.55rem;padding:.18rem .28rem;font-size:.56rem}.app-shell.screen-play.play-keyboard .keyboard-sound-tabs span{font-size:.58rem}.app-shell.screen-play.play-keyboard .keyboard-sound-tabs small{display:none}.app-shell.screen-play.play-keyboard .keyboard-macro-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:.12rem}.app-shell.screen-play.play-keyboard .keyboard-macro-controls label{border-radius:.42rem;gap:.12rem;padding:.18rem .24rem;font-size:.52rem}.app-shell.screen-play.play-keyboard .keyboard-sampler-foundation{grid-template-columns:auto minmax(0,1fr) auto;gap:.14rem}.app-shell.screen-play.play-keyboard .keyboard-sample-library,.app-shell.screen-play.play-keyboard .keyboard-sample-actions{gap:.12rem}.app-shell.screen-play.play-keyboard .keyboard-waveform-placeholder{border-radius:.42rem;gap:.12rem;min-height:2.45rem;padding:0 .36rem}.app-shell.screen-play.play-keyboard .keyboard-waveform-placeholder:before{display:none}}.drum-control-rail{background:linear-gradient(#ffffff16,#ffffff0a);border-radius:.9rem;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.5rem;min-height:2.6rem;padding:.38rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff17}.drum-kit-tabs{gap:.26rem;min-width:0;display:inline-flex}.drum-kit-tabs button,.drum-quantise-chip,.drum-recording-chip{color:#f5f8ffe6;white-space:nowrap;touch-action:manipulation;background:#ffffff17;border:0;border-radius:.62rem;min-height:1.95rem;padding:0 .7rem;font-weight:850;box-shadow:inset 0 0 0 1px #ffffff1a}.drum-kit-tabs button.is-active,.drum-quantise-chip.is-active{color:#180604;background:linear-gradient(#ff8a76,#ff4d3d);box-shadow:0 .55rem 1.1rem #ff4d3d33,inset 0 0 0 1px #ffffff47}.drum-recording-chip{color:#f5f8ffb8;background:#0003;place-items:center;display:inline-grid}.drum-recording-chip.is-live{color:#fff;background:#ff405240;box-shadow:inset 0 0 0 1px #ff405247,0 0 1rem #ff405229}.drums-play-screen .drum-pad-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.drums-play-screen .drum-pad{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;min-height:clamp(6.6rem,20svh,10rem)}.drum-pad.is-held,.drum-pad:active{filter:brightness(1.22)saturate(1.08);transform:translateY(1px)scale(.985);box-shadow:inset 0 0 0 2px #ffffff61,0 0 1.5rem #ff4d3d47}.drum-pad.is-held:before,.drum-pad:active:before{opacity:1;border-color:#ffffff94}.drum-pad-tom{background:radial-gradient(circle at 50% 32%,#fff3,#0000 23%),linear-gradient(#ff7c3657,#531e08e6)}.drum-pad-perc{background:radial-gradient(circle at 50% 32%,#fff3,#0000 23%),linear-gradient(#77e0ff47,#0a3042e6)}.drum-pad-crash{background:radial-gradient(circle at 50% 32%,#ffffff3d,#0000 23%),linear-gradient(#ffd55e57,#483208e6)}.drum-pad-ride{background:radial-gradient(circle at 50% 32%,#ffffff38,#0000 23%),linear-gradient(#9d8eff57,#231e52e6)}@media (orientation:landscape) and (height<=760px) and (width<=1600px){.app-shell.screen-play.play-drums .play-panel.drum-play-panel{grid-template-rows:2.08rem minmax(0,1fr);gap:.18rem}.app-shell.screen-play.play-drums .drum-control-rail{border-radius:.52rem;grid-row:1;gap:.16rem;height:2.08rem;min-height:0;padding:.16rem;overflow:hidden}.app-shell.screen-play.play-drums .drum-kit-tabs{scrollbar-width:none;gap:.12rem;overflow-x:auto}.app-shell.screen-play.play-drums .drum-kit-tabs::-webkit-scrollbar{display:none}.app-shell.screen-play.play-drums .drum-kit-tabs button,.app-shell.screen-play.play-drums .drum-quantise-chip,.app-shell.screen-play.play-drums .drum-recording-chip{border-radius:.42rem;min-height:1.72rem;padding:0 .42rem;font-size:.62rem}.app-shell.screen-play.play-drums .drum-pad-grid{grid-row:2;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem;height:100%;min-height:0}.app-shell.screen-play.play-drums .drum-pad{border-radius:.68rem;height:100%;min-height:0;padding:.56rem}.app-shell.screen-play.play-drums .drum-pad:before{border-width:1px;inset:.52rem}.app-shell.screen-play.play-drums .drum-pad span{letter-spacing:0;font-size:clamp(.92rem,2.1vw,1.22rem)}.app-shell.screen-play.play-drums .drum-pad small{font-size:.58rem}.app-shell.screen-play.play-drums .drum-pad strong{border-radius:.42rem;width:1.42rem;height:1.42rem;font-size:.58rem;top:.46rem;right:.5rem}.app-shell.screen-play.play-bass .play-panel.bass-play-panel{grid-template-rows:2.08rem minmax(0,1fr);gap:.18rem}.app-shell.screen-play.play-bass .bass-control-rail{border-radius:.52rem;grid-row:1;grid-template-columns:auto minmax(0,1fr) auto;gap:.16rem;height:2.08rem;min-height:0;padding:.16rem;overflow:hidden}.app-shell.screen-play.play-bass .bass-mode-tabs,.app-shell.screen-play.play-bass .bass-range-tabs{scrollbar-width:none;gap:.12rem;overflow-x:auto}.app-shell.screen-play.play-bass .bass-mode-tabs::-webkit-scrollbar{display:none}.app-shell.screen-play.play-bass .bass-range-tabs::-webkit-scrollbar{display:none}.app-shell.screen-play.play-bass .bass-mode-tabs button,.app-shell.screen-play.play-bass .bass-range-tabs button,.app-shell.screen-play.play-bass .bass-quantise-chip{border-radius:.42rem;min-height:1.72rem;padding:0 .42rem;font-size:.62rem}.app-shell.screen-play.play-bass .bass-pad-grid{grid-row:2;gap:.3rem;height:100%;min-height:0}.app-shell.screen-play.play-bass .bass-pad-grid-notes{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(6,minmax(0,1fr))}.app-shell.screen-play.play-bass .bass-pad-grid-smart{grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(6,minmax(0,1fr))}.app-shell.screen-play.play-bass .bass-pad{border-radius:.68rem;height:100%;min-height:0;padding:.56rem}.app-shell.screen-play.play-bass .bass-pad:before{inset:.52rem}.app-shell.screen-play.play-bass .bass-pad span{letter-spacing:0;font-size:clamp(.96rem,2.3vw,1.28rem)}.app-shell.screen-play.play-bass .bass-pad small{font-size:.58rem}.app-shell.screen-play.play-bass .bass-pad strong{border-radius:.42rem;width:1.5rem;height:1.5rem;font-size:.58rem;top:.46rem;right:.5rem}.app-shell.screen-play.play-sample .play-panel.sample-play-panel{grid-template-rows:2.08rem minmax(0,1fr);gap:.18rem}.app-shell.screen-play.play-sample .sample-control-rail{border-radius:.52rem;grid-row:1;gap:.16rem;height:2.08rem;min-height:0;padding:.16rem;overflow:hidden}.app-shell.screen-play.play-sample .sample-mode-tabs{scrollbar-width:none;gap:.12rem;overflow-x:auto}.app-shell.screen-play.play-sample .sample-mode-tabs::-webkit-scrollbar{display:none}.app-shell.screen-play.play-sample .sample-mode-tabs button,.app-shell.screen-play.play-sample .sample-quantise-chip,.app-shell.screen-play.play-sample .sample-status-chip{border-radius:.42rem;min-height:1.72rem;padding:0 .42rem;font-size:.62rem}.app-shell.screen-play.play-sample .sample-pad-grid{grid-row:2;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;height:100%;min-height:0}.app-shell.screen-play.play-sample .sample-pad{border-radius:.68rem;height:100%;min-height:0;padding:.56rem}.app-shell.screen-play.play-sample .sample-pad:before{border-radius:.38rem;height:1.26rem;top:.56rem;left:.52rem;right:.52rem}.app-shell.screen-play.play-sample .sample-pad span{letter-spacing:0;font-size:clamp(.88rem,2.05vw,1.16rem)}.app-shell.screen-play.play-sample .sample-pad small{font-size:.56rem}.app-shell.screen-play.play-sample .sample-pad strong{border-radius:.42rem;width:1.42rem;height:1.42rem;font-size:.58rem;top:.46rem;right:.5rem}}.keyboard-sampler-screen{--sampler-yellow:#ffdc3f;--sampler-yellow-strong:#ffd11f;--sampler-green:#35d66f;--sampler-blue:#178cff;--sampler-panel:#0d121bf0}.keyboard-sampler-screen .keyboard-sampler-top-panel{min-height:3.05rem;padding-block:.42rem}.keyboard-sampler-screen .keyboard-sampler-workflow{gap:.28rem;min-height:0}.keyboard-sampler-screen .play-help-row{display:none}.keyboard-sampler-screen.sampler-view-record .keyboard-sampler-workflow{grid-template-rows:minmax(0,1fr)}.keyboard-sampler-screen.sampler-view-edit .keyboard-sampler-workflow{grid-template-rows:minmax(9rem,.9fr) minmax(8rem,1.05fr);gap:.28rem}.keyboard-sampler-screen.sampler-view-play .keyboard-sampler-workflow{grid-template-rows:2.65rem minmax(0,1fr);gap:.28rem}.sampler-record-panel,.sampler-edit-layout{background:linear-gradient(#d2dcee2e,#d2dcee17);border-radius:.82rem;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff21,0 1rem 2rem #0000002e}.sampler-record-panel{grid-template-columns:minmax(7rem,.25fr) minmax(0,1fr);gap:0;min-height:0;display:grid}.sampler-side-actions{background:linear-gradient(#dee6f22e,#dee6f214);align-content:center;gap:.72rem;padding:.9rem;display:grid;box-shadow:inset -1px 0 #ffffff1a}.sampler-side-actions button{color:#f5f8ffe0;text-transform:uppercase;touch-action:manipulation;background:linear-gradient(#ffffff1a,#0000002e);border:0;border-radius:.72rem;align-content:center;justify-items:center;gap:.3rem;min-height:4.8rem;padding:.58rem .45rem;font-size:.7rem;font-weight:900;display:grid;box-shadow:inset 0 0 0 1px #ffffff21}.sampler-side-actions button.is-active{color:#eafff1;background:radial-gradient(circle at 50% 20%,#35d66f57,#35d66f14 58%),#00000038;box-shadow:inset 0 0 0 1px #35d66fc7,0 .8rem 1.5rem #35d66f1f}.sampler-rail-icon{width:1.72rem;height:1.72rem;color:var(--sampler-green);background:#35d66f1f;border-radius:.45rem;place-items:center;font-size:1.05rem;line-height:1;display:grid;box-shadow:inset 0 0 0 1px #35d66f6b}.sampler-recorder-main{background:radial-gradient(circle at 50% 25%,#ffdd481a,#0000 48%),linear-gradient(#04070c73,#04070c33);grid-template-rows:minmax(0,1fr) auto auto;place-items:center;gap:.62rem;min-height:0;padding:.72rem .86rem .8rem;display:grid}.sampler-monitor-shell{grid-template-rows:auto minmax(0,1fr);gap:.32rem;width:min(46rem,100%);min-height:0;display:grid}.sampler-monitor-header{color:var(--sampler-yellow);text-transform:lowercase;justify-content:space-between;align-items:center;gap:.75rem;font-size:.78rem;font-weight:950;display:flex}.sampler-monitor-header button{color:var(--sampler-yellow);font:inherit;opacity:.72;background:0 0;border:0}.sampler-record-stage{grid-template-columns:minmax(4.4rem,.16fr) minmax(0,1fr);gap:.5rem;min-height:7.8rem;display:grid}.sampler-level-column{grid-template-columns:minmax(0,1fr) auto;gap:.28rem;min-width:0;display:grid}.sampler-level-meter,.sampler-input-meter{background:#060a0fc7;border:.13rem solid #ffdd48e6;border-radius:.16rem;box-shadow:inset 0 0 2.5rem #ffdd480e}.sampler-level-meter{align-items:end;min-height:0;padding:.24rem;display:grid;overflow:hidden}.sampler-level-meter span{transform-origin:bottom;background:linear-gradient(#fff487,#ffcc35 32%,#28d867 33%,#25c766);border-radius:.12rem;min-height:.22rem;display:block}.sampler-level-ticks{color:#fff8d294;align-content:space-between;font-size:.58rem;font-weight:800;display:grid}.sampler-input-meter{justify-content:center;align-items:center;gap:.36rem;padding:1rem;display:flex;position:relative;overflow:hidden}.sampler-input-meter span{opacity:.76;background:linear-gradient(#fff487,#ffcc35);border-radius:999px;width:min(10%,3.4rem)}.sampler-input-meter.is-recording span{animation:.42s ease-in-out infinite alternate samplerMeterPulse}.sampler-input-meter em{color:#ffdd4899;text-transform:uppercase;font-size:.6rem;font-style:normal;font-weight:950;position:absolute;top:.44rem;right:.62rem}.sampler-record-button{color:#fff;text-transform:lowercase;touch-action:manipulation;background:radial-gradient(circle at 50% 30%,#ffffff6b,#0000 36%),linear-gradient(#ff5b62,#bf1e31);border:0;border-radius:999px;min-width:5.2rem;min-height:5.2rem;padding:0 1.1rem;font-size:.92rem;font-weight:950;box-shadow:0 .75rem 1.55rem #be1e3159,inset 0 0 0 .42rem #00000042,inset 0 0 0 .5rem #ffffff2e}.sampler-record-button.is-recording{color:#151b24;background:radial-gradient(circle at 50% 30%,#ffffff80,#0000 36%),linear-gradient(#f5f7ff,#c6cedb)}.keyboard-sample-status{color:#fff8d1c7;margin:-.16rem 0 0;font-size:.7rem;font-weight:850}.sampler-edit-layout{grid-template-columns:minmax(7rem,.25fr) minmax(0,1fr);min-height:0;display:grid}.sampler-edit-panel{background:#04070b70;grid-template-rows:auto minmax(0,1fr) auto auto;gap:.2rem;min-height:0;padding:.35rem .46rem .42rem;display:grid}.sampler-edit-header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.38rem;min-height:1.35rem;display:grid}.sampler-edit-back{width:1.42rem;height:1.42rem;color:var(--sampler-yellow);background:#ffdd4814;border:0;border-radius:.42rem;font-size:1.15rem;font-weight:950;line-height:1;box-shadow:inset 0 0 0 1px #ffdd4838}.sampler-edit-header h3{color:var(--sampler-yellow);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.86rem;font-weight:950;overflow:hidden}.sampler-edit-header span{color:#fff8d194;font-size:.56rem;font-weight:850}.sampler-edit-actions,.sampler-edit-tabs,.sampler-edit-toggle-row{align-items:center;gap:.16rem;display:flex}.sampler-edit-actions button,.sampler-edit-tabs button,.sampler-edit-toggle-row button{color:#fff8d1e6;text-transform:lowercase;touch-action:manipulation;background:#ffffff14;border:0;border-radius:.38rem;min-height:1.42rem;padding:0 .54rem;font-size:.58rem;font-weight:950;box-shadow:inset 0 0 0 1px #ffffff1a}.sampler-edit-actions .sampler-panel-toggle{color:#02101d;background:radial-gradient(circle,#45a4ff 0 32%,#177df2 34% 100%);border-radius:999px;width:1.46rem;min-width:1.46rem;padding:0;font-size:.62rem;box-shadow:0 0 .75rem #178cff66,inset 0 0 0 1px #ffffff5c}.sampler-edit-tabs button.is-active,.sampler-edit-toggle-row button.is-active{color:#171100;background:linear-gradient(#ffe66f,#ffc634);box-shadow:0 .45rem .95rem #ffc63429,inset 0 0 0 1px #ffffff4d}.sampler-edit-waveform{touch-action:none;background:linear-gradient(90deg,#ffdd480f 1px,#0000 1px) 0 0/2.5rem 100%,linear-gradient(#ffdd4814,#03060bc7) 0 0/100% 100%;border:.12rem solid #ffdd48e0;border-radius:.36rem;min-width:0;min-height:4.9rem;position:relative;overflow:hidden}.sampler-waveform-ruler{z-index:5;color:#fff8d180;pointer-events:none;justify-content:space-between;font-size:.5rem;font-weight:850;display:flex;position:absolute;inset:auto .42rem .14rem}.sampler-trim-window{z-index:1;pointer-events:none;background:linear-gradient(90deg,#ffdd4829,#ffdd480f);position:absolute;top:0;bottom:0;box-shadow:inset .12rem 0 #ffdd48f2,inset -.12rem 0 #ffdd48f2}.sampler-waveform-bars{z-index:2;pointer-events:none;align-items:center;gap:.09rem;display:flex;position:absolute;inset:.48rem .38rem .72rem}.sampler-waveform-bars span{background:linear-gradient(180deg, #fff38c, var(--sampler-yellow-strong));border-radius:999px;flex:1 1 0;min-width:.16rem;box-shadow:0 0 .55rem #ffdd4829}.sampler-trim-handle{z-index:6;color:#241800;cursor:ew-resize;touch-action:none;background:linear-gradient(#ffed72,#ffc829);border:0;border-radius:.34rem;width:1rem;margin-left:-.5rem;font-size:1rem;font-weight:950;position:absolute;top:0;bottom:0;box-shadow:0 0 .8rem #ffcc2938,inset 0 0 0 1px #ffffff5c}.sampler-edit-bottom-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.3rem;display:grid}.sampler-edit-hint{color:#fff8d1b8;text-align:center;margin:0;font-size:.58rem;font-weight:820}.sampler-view-edit .keyboard{border-radius:.56rem;height:100%;min-height:0}.sampler-performance-strip{border-radius:.62rem;grid-template-columns:auto auto auto minmax(7rem,1fr) auto auto;height:2.45rem;min-height:2.45rem;padding:.22rem}.sampler-edit-open-button .piano-art{color:#03121f;background:radial-gradient(circle,#45a4ff 0 32%,#177df2 34% 100%);box-shadow:0 0 .75rem #178cff4d,inset 0 0 0 1px #ffffff47}.sampler-view-play .keyboard{border-radius:.62rem;height:100%;min-height:0}@media (orientation:landscape) and (height<=760px) and (width<=1600px){.app-shell.screen-play.play-keyboard .keyboard-sampler-screen.sampler-view-record .keyboard-sampler-workflow{grid-template-rows:minmax(0,1fr)}.app-shell.screen-play.play-keyboard .keyboard-sampler-screen.sampler-view-edit .keyboard-sampler-workflow{grid-template-rows:minmax(5.55rem,.78fr) minmax(0,1fr);gap:.14rem}.app-shell.screen-play.play-keyboard .keyboard-sampler-screen.sampler-view-play .keyboard-sampler-workflow{grid-template-rows:1.9rem minmax(0,1fr);gap:.14rem}.app-shell.screen-play.play-keyboard .sampler-record-panel{grid-template-columns:minmax(4.7rem,.22fr) minmax(0,1fr)}.app-shell.screen-play.play-keyboard .sampler-side-actions{gap:.22rem;padding:.32rem}.app-shell.screen-play.play-keyboard .sampler-side-actions button{border-radius:.42rem;min-height:2.75rem;padding:.22rem;font-size:.48rem}.app-shell.screen-play.play-keyboard .sampler-rail-icon{border-radius:.32rem;width:1.18rem;height:1.18rem;font-size:.76rem}.app-shell.screen-play.play-keyboard .sampler-recorder-main{gap:.22rem;padding:.28rem}.app-shell.screen-play.play-keyboard .sampler-monitor-shell{gap:.12rem}.app-shell.screen-play.play-keyboard .sampler-monitor-header{font-size:.55rem}.app-shell.screen-play.play-keyboard .sampler-record-stage{grid-template-columns:minmax(2.85rem,.13fr) minmax(0,1fr);gap:.22rem;min-height:4.4rem}.app-shell.screen-play.play-keyboard .sampler-level-meter,.app-shell.screen-play.play-keyboard .sampler-input-meter{border-width:.08rem}.app-shell.screen-play.play-keyboard .sampler-level-ticks{font-size:.44rem}.app-shell.screen-play.play-keyboard .sampler-input-meter{gap:.18rem;padding:.42rem}.app-shell.screen-play.play-keyboard .sampler-input-meter em{font-size:.44rem;top:.24rem;right:.32rem}.app-shell.screen-play.play-keyboard .sampler-record-button{min-width:4.2rem;min-height:2.15rem;font-size:.66rem}.app-shell.screen-play.play-keyboard .keyboard-sample-status{font-size:.48rem}.app-shell.screen-play.play-keyboard .sampler-edit-layout{grid-template-columns:minmax(4.7rem,.22fr) minmax(0,1fr)}.app-shell.screen-play.play-keyboard .sampler-edit-panel{grid-template-rows:auto minmax(2.8rem,1fr) auto auto;gap:.08rem;max-height:none;padding:.12rem}.app-shell.screen-play.play-keyboard .sampler-edit-header{gap:.16rem;min-height:1rem}.app-shell.screen-play.play-keyboard .sampler-edit-back{border-radius:.26rem;width:1rem;height:1rem;font-size:.82rem}.app-shell.screen-play.play-keyboard .sampler-edit-header h3{font-size:.54rem}.app-shell.screen-play.play-keyboard .sampler-edit-header span{display:none}.app-shell.screen-play.play-keyboard .sampler-edit-actions button,.app-shell.screen-play.play-keyboard .sampler-edit-tabs button,.app-shell.screen-play.play-keyboard .sampler-edit-toggle-row button{border-radius:.26rem;min-height:1.02rem;padding:0 .34rem;font-size:.46rem}.app-shell.screen-play.play-keyboard .sampler-edit-actions .sampler-panel-toggle{width:1.06rem;min-width:1.06rem;font-size:.42rem}.app-shell.screen-play.play-keyboard .sampler-edit-waveform{border-width:.08rem;border-radius:.22rem;min-height:2.82rem}.app-shell.screen-play.play-keyboard .sampler-waveform-bars{gap:.04rem;inset:.26rem .22rem .46rem}.app-shell.screen-play.play-keyboard .sampler-trim-handle{border-radius:.24rem;width:.78rem;margin-left:-.39rem;font-size:.76rem}.app-shell.screen-play.play-keyboard .sampler-waveform-ruler{font-size:.38rem;inset:auto .22rem .06rem}.app-shell.screen-play.play-keyboard .sampler-edit-bottom-row{gap:.12rem}.app-shell.screen-play.play-keyboard .sampler-edit-tabs,.app-shell.screen-play.play-keyboard .sampler-edit-toggle-row{gap:.06rem}.app-shell.screen-play.play-keyboard .sampler-edit-hint{font-size:.4rem;line-height:1.05}.app-shell.screen-play.play-keyboard .sampler-view-edit .keyboard{border-radius:.36rem}.app-shell.screen-play.play-keyboard .sampler-performance-strip{border-radius:.42rem;height:1.9rem;min-height:1.9rem;padding:.12rem}.app-shell.screen-play.play-keyboard .sampler-view-play .keyboard{border-radius:.42rem}}