.loop-app{--bg:#080a0e;--panel:#121720;--panel2:#181e29;--line:#2b3442;--text:#f6f7fb;--muted:#919cad;--accent:#a8ff46;min-height:100vh;background:radial-gradient(circle at 12% -10%,#243454 0,transparent 32%),var(--bg);color:var(--text)}.loop-app *{box-sizing:border-box}.loop-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 4vw;background:#080a0ed9;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.loop-header .brand{font-weight:900;letter-spacing:.12em;color:var(--text)}.loop-header nav{display:flex;gap:6px;overflow:auto}.loop-header nav a{color:var(--muted);padding:10px 12px;border-radius:9px;white-space:nowrap}.loop-header nav a[aria-current=page]{background:#222a36;color:var(--accent)}.loop-app main{max-width:1600px;margin:auto;padding:34px 4vw 80px}.loop-hero{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:18px 0 28px}.kicker{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.18em}.loop-hero h1{font-size:clamp(38px,6vw,76px);line-height:.95;margin:12px 0}.inspector p,.loop-hero p:last-child,.sound-shelf span{color:var(--muted)}.loop-toolbar,.transport{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.loop-app label{margin:0;color:var(--muted)}.loop-app label input,.loop-app label select{margin-top:5px}.play-button{min-width:145px;min-height:55px!important;background:var(--accent)!important;color:#111!important;border-color:var(--accent)!important;font-weight:800}.loop-alert,.loop-message{display:flex;justify-content:space-between;border:1px solid #803d4c;padding:12px 16px;border-radius:10px}.loop-message{border-color:#476b2c;color:var(--accent)}.loop-toolbar{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:14px}.loop-toolbar label:first-child{min-width:190px;flex:1 1}.import-button{display:inline-flex!important;align-items:center;padding:10px 14px;border:1px solid var(--line);border-radius:10px;color:var(--text)!important;cursor:pointer}.import-button input{display:none!important}.arranger{background:#0d1118;border:1px solid var(--line);border-radius:16px;overflow:auto}.timeline,.track{display:grid;grid-template-columns:210px 82px minmax(620px,1fr) 44px;align-items:center;min-width:980px}.timeline{height:38px;color:var(--muted);font-size:10px;border-bottom:1px solid var(--line)}.timeline>span{padding-left:18px}.timeline b{display:none}.track{min-height:76px;border-bottom:1px solid #222b37}.track:last-child{border:0}.track.selected{background:#141c25}.track-name{height:75px;border:0!important;border-radius:0!important;background:transparent!important;display:flex;align-items:center;text-align:left;gap:12px}.track-name i{width:5px;height:38px;border-radius:4px}.track-name span{display:flex;flex-direction:column;font-weight:700}.track-name small{font-weight:400;color:var(--muted);margin-top:4px}.track-controls{display:flex;gap:6px}.track-controls button{width:34px;height:34px;padding:0}.track-controls button[aria-pressed=true]{background:var(--accent);color:#111}.steps{display:grid;grid-template-columns:repeat(16,minmax(34px,1fr));gap:4px;padding:0 10px;min-width:620px}.steps button{height:42px;min-height:42px;padding:0;border-radius:7px;background:#202834}.steps button.beat{border-left-color:#596779}.steps button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#0a0d08}.steps button.current{box-shadow:inset 0 -3px #fff}.remove{margin:0 6px;padding:0;width:34px;height:34px}.inspector{display:grid;grid-template-columns:1.4fr repeat(5,minmax(130px,1fr));gap:16px;align-items:center;background:linear-gradient(135deg,#172030,#10141b);border:1px solid var(--line);border-radius:16px;padding:22px;margin:14px 0}.inspector h2{margin:6px 0}.inspector p{font-size:12px;margin:0}.inspector output{float:right;color:var(--text)}.sound-shelf{display:flex;gap:12px;align-items:stretch;overflow:auto;margin:26px 0}.sound-shelf>div{min-width:230px}.sound-shelf button{min-width:190px;text-align:left;display:flex;flex-direction:column;justify-content:center}.sound-shelf span{font-size:11px;margin-top:8px}.loop-app .play-panel{border-radius:16px;background:var(--panel);border:1px solid var(--line);padding:22px;margin-top:20px}@media(max-width:900px){.loop-header{align-items:flex-start;flex-direction:column}.loop-header nav{width:100%}.loop-hero{align-items:flex-start;flex-direction:column}.transport{width:100%}.transport .play-button{flex:1 1}.inspector{grid-template-columns:1fr 1fr}.inspector>div{grid-column:1/-1}.sound-shelf{flex-wrap:wrap}}@media(max-width:560px){.loop-app main{padding:22px 14px 60px}.loop-hero h1{font-size:44px}.loop-toolbar>*{flex:1 1 45%}.inspector{grid-template-columns:1fr}.inspector>div{grid-column:auto}.loop-header{padding:14px}.loop-header nav a{padding:8px;font-size:12px}}.loop-app nav{min-width:0;max-width:100%}.loop-app .inspector{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}.loop-app .arranger{max-width:100%}.loop-app .import-button:focus-within{outline:2px solid var(--accent)}.loop-app .import-button{position:relative;overflow:hidden}.loop-app .import-button input{display:block!important;position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.loop-app .track-controls button{min-width:36px}.loop-app .timeline{display:none}.loop-note-row{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:12px 0}.loop-note-row label{flex:1 1;min-width:90px}.loop-templates{display:flex;gap:10px;overflow:auto;margin:0 0 14px;padding-bottom:4px}.loop-templates button{white-space:nowrap;background:#17202b;border-color:#344257}@media(max-width:560px){.loop-templates{display:grid;grid-template-columns:1fr 1fr;overflow:visible}}.canvas-create{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;background:linear-gradient(135deg,#182536,#10151d);border:1px solid var(--line);border-radius:16px;padding:20px;margin:0 0 14px}.canvas-create h2{margin:5px 0}.canvas-create p{color:var(--muted);max-width:720px}.canvas-create>div:last-child{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.canvas-create button{text-transform:capitalize;background:#1d2734;border-color:#3a485c}@media(max-width:800px){.canvas-create{grid-template-columns:1fr}.canvas-create>div:last-child{justify-content:flex-start}.canvas-create button{flex:1 1 42%}}.template-browser{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin:18px 0}.template-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px}.template-heading h2{margin:4px 0;font-size:28px}.template-heading p{margin:0;color:var(--muted)}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.template-grid article{display:flex;min-height:205px;flex-direction:column;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px}.template-grid article span{color:var(--accent);font-size:11px;font-weight:700}.template-grid article h3{margin:14px 0 8px;font-size:18px}.template-grid article p{color:var(--muted);font-size:13px;line-height:1.5;margin:0 0 18px}.template-grid article button{margin-top:auto;width:100%;background:#202a36}.sound-macros{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:12px;background:#0d1118;border:1px solid var(--line);border-radius:8px;padding:16px;margin:-2px 0 14px}.sound-macros label{font-size:12px}.sound-macros output{float:right;color:var(--text)}.sound-macros input{width:100%}.loop-app .loop-hero h1{font-size:64px;letter-spacing:0}.loop-app .canvas-create,.loop-app .inspector{background:var(--panel)}@media(max-width:1000px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sound-macros{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.template-heading{align-items:flex-start;flex-direction:column}.template-heading button{width:100%}.template-grid{grid-template-columns:1fr}.template-grid article{min-height:0}.sound-macros{grid-template-columns:repeat(2,1fr)}.loop-app .loop-hero h1{font-size:42px}}.track-actions{grid-column:1/-1;display:flex;gap:8px;border-top:1px solid var(--line);padding-top:12px}.track-actions button{flex:1 1}.transport output{display:block;color:var(--text);font-size:12px}.transport input[type=range]{width:120px}.loop-header .brand small{color:var(--accent);font-size:9px;letter-spacing:.18em;margin-left:8px}.factory-browser{position:relative;margin:22px 0 28px;padding:24px;background:linear-gradient(145deg,#151b24,#0e1218);border:1px solid #35404f;border-radius:18px;overflow:hidden}.factory-browser:before{content:"";position:absolute;width:420px;height:220px;right:-120px;top:-150px;background:#a8ff4626;filter:blur(60px);pointer-events:none}.factory-head{position:relative;display:flex;justify-content:space-between;align-items:end;gap:24px}.factory-head h2{font-size:clamp(28px,4vw,48px);margin:7px 0}.factory-head p:last-child{max-width:720px;color:var(--muted);line-height:1.55}.factory-tabs{display:flex;padding:4px;background:#090c11;border:1px solid var(--line);border-radius:12px}.factory-tabs button{border:0;background:transparent}.factory-tabs button[aria-selected=true]{background:#26313e;color:var(--accent)}.factory-tabs b{margin-left:5px;font-size:10px;color:var(--muted)}.factory-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.factory-grid.pads{grid-template-columns:repeat(4,minmax(0,1fr))}.factory-card{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;min-height:132px;padding:15px;background:#0c1016;border:1px solid var(--line);border-radius:13px}.factory-card.bass{border-left:3px solid #6ce5ff}.factory-card.kick{border-left:3px solid var(--accent)}.factory-card.percussion{border-left:3px solid #ffc857}.factory-preview{position:relative;width:58px;height:58px;padding:0!important;display:grid;place-items:center;border-radius:50%!important;background:#1d2732!important}.factory-preview>span{position:absolute;z-index:1;font-size:17px}.audio-region i,.factory-preview i{position:absolute;inset:10px;display:flex;gap:2px;align-items:center;opacity:.22}.audio-region i b,.factory-preview i b{width:2px;min-height:2px;background:var(--accent);border-radius:3px}.factory-meta{min-width:0}.factory-meta>span{color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.1em}.factory-meta h3{font-size:15px;margin:7px 0}.factory-meta p{color:var(--muted);font-size:11px;line-height:1.4;margin:0}.factory-actions{display:flex;gap:5px;align-items:center}.factory-actions button{padding:8px 10px;min-height:38px}.factory-actions .factory-add{background:var(--accent);border-color:var(--accent);color:#0a0d08;font-weight:800}.code-drawer{position:fixed;z-index:100;inset:7vh max(18px,8vw);overflow:auto;padding:30px;background:#0c1118f5;border:1px solid #53633f;border-radius:18px;box-shadow:0 30px 100px #000}.clip-code pre,.code-drawer pre{white-space:pre-wrap;word-break:break-word;color:#bcd0b2;background:#070a0d;padding:18px;border-radius:10px}.code-close{position:absolute;right:18px;top:18px;font-size:22px}.audio-region{position:relative;height:48px;margin:0 10px;border:1px solid #405035;border-radius:8px;background:linear-gradient(90deg,#a8ff4617,#6ce5ff12);overflow:hidden}.audio-region>span{position:absolute;z-index:2;left:12px;top:7px;color:#d6e6cb;font-size:10px}.audio-region i{inset:8px 12px;opacity:.55}.audio-region i b{flex:1 1;width:auto}.audio-region em{position:absolute;right:10px;bottom:5px;color:var(--accent);font-size:10px;font-style:normal}.clip-code{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;background:#101720;border:1px solid var(--line);border-radius:12px;padding:17px;margin:-2px 0 14px}.clip-code h3{margin:5px 0}.clip-code p{color:var(--muted);font-size:12px;margin:0}.clip-code details{max-width:560px}.clip-code details[open]{grid-column:1/-1;width:100%}@media(max-width:1100px){.factory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.factory-grid.pads{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.factory-browser{padding:18px 14px}.factory-head{align-items:flex-start;flex-direction:column}.factory-tabs{width:100%}.factory-tabs button{flex:1 1}.factory-grid,.factory-grid.pads{grid-template-columns:1fr}.factory-card{grid-template-columns:54px 1fr}.factory-preview{width:50px;height:50px}.factory-actions{grid-column:2}.factory-actions .factory-add{flex:1 1}.clip-code{grid-template-columns:1fr}.audio-region{margin-right:4px}}.loop-app{height:100dvh;overflow:hidden;background:#07090d;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.loop-header{height:64px;padding:0 22px;border-bottom-color:#202632;background:#090b10f2}.loop-header .brand{font-size:15px}.loop-header nav{flex:0 1}.loop-header nav a{font-size:11px}.loop-header nav a:nth-child(2),.loop-header nav a:nth-child(3),.loop-header nav a:nth-child(4){display:none}.loop-app main{height:calc(100dvh - 64px);max-width:none;padding:18px 18px 94px;overflow:auto;display:grid;grid-template-columns:310px minmax(620px,1fr) 310px;grid-auto-flow:row;gap:14px;align-items:start}.loop-hero{grid-column:1/-1;margin:0;min-height:116px;padding:22px 26px;border:1px solid #252d39;border-radius:18px;background:radial-gradient(circle at 86% 0,#a8ff4614,transparent 28%),linear-gradient(110deg,#141b29,#0d1118 65%)}.loop-hero h1{font-size:38px!important;line-height:1;margin:7px 0}.loop-hero>div>p:last-child{max-width:690px;margin:8px 0 0;font-size:13px}.transport{position:fixed;z-index:50;left:50%;bottom:14px;transform:translateX(-50%);width:min(760px,calc(100vw - 28px));align-items:center;justify-content:center;padding:9px 12px;border:1px solid #394457;border-radius:18px;background:#111722ed;box-shadow:0 20px 70px #000;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.transport label{display:flex;align-items:center;gap:7px;margin:0;font-size:9px;letter-spacing:.08em}.transport label input,.transport label select{margin:0;width:66px;padding:8px}.transport label input[type=range]{width:90px}.play-button{min-width:118px;min-height:42px!important}.loop-alert,.loop-message{position:fixed;z-index:80;top:76px;left:50%;transform:translateX(-50%);width:min(720px,calc(100vw - 28px));margin:0;background:#151a24;box-shadow:0 18px 60px #000}.loop-toolbar{grid-column:1/-1;margin:0;padding:10px 12px;border-radius:12px}.loop-toolbar label:first-child{max-width:360px}.loop-toolbar .import-button,.loop-toolbar button{font-size:11px;padding:9px 11px}.factory-browser{grid-column:1;grid-row:3/span 3;margin:0;padding:17px;height:calc(100dvh - 294px);min-height:500px;overflow:auto;border-radius:14px}.factory-browser:before{width:240px}.factory-head{display:block}.factory-head h2{font-size:24px;margin:5px 0}.factory-head p:last-child{font-size:11px;margin:0 0 13px}.factory-tabs{position:sticky;top:-17px;z-index:4;margin:0 -4px 12px;background:#090c11f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.factory-grid,.factory-grid.pads{display:grid;grid-template-columns:1fr;margin-top:0}.factory-card{grid-template-columns:45px minmax(0,1fr);gap:10px;min-height:112px;padding:12px}.factory-preview{width:42px;height:42px}.factory-meta h3{font-size:13px;margin:5px 0}.factory-meta p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.factory-actions{grid-column:2}.factory-actions button{min-height:32px;padding:6px 9px;font-size:10px}.template-browser{grid-column:1;grid-row:6;margin:0;padding:14px;background:#0e1218;border:1px solid var(--line);border-radius:14px}.template-heading{align-items:start;margin:0 0 10px}.template-heading h2{font-size:18px}.template-heading p:last-child{display:none}.template-heading button{font-size:10px;padding:7px}.template-grid{grid-template-columns:1fr;gap:6px}.template-grid article{min-height:0;padding:12px}.template-grid article h3{font-size:13px;margin:6px 0}.template-grid article p{display:none}.template-grid article button{width:auto;margin:6px 0 0;padding:6px 9px;font-size:10px}.canvas-create{grid-column:2;grid-row:3;margin:0;padding:13px 16px;border-radius:14px}.canvas-create>div:first-child p:last-child{display:none}.canvas-create h2{font-size:17px}.canvas-create button{padding:7px 10px;font-size:10px}.arranger{grid-column:2;grid-row:4/span 3;min-height:430px;border-radius:14px}.timeline,.track{grid-template-columns:170px 75px minmax(500px,1fr) 40px;min-width:785px}.track{min-height:68px}.track-name{height:67px;padding:9px 11px}.track-name span{font-size:12px}.steps{min-width:500px;gap:3px;padding:0 7px}.steps button{height:36px;min-height:36px}.inspector{position:sticky;top:0;grid-column:3;grid-row:3;display:flex!important;flex-direction:column;align-items:stretch;gap:10px;margin:0;padding:18px;border-radius:14px}.inspector>div{border-bottom:1px solid var(--line);padding-bottom:10px}.inspector h2{font-size:21px}.inspector label{font-size:10px}.clip-code,.sound-macros{grid-column:3;grid-row:4;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px;border-radius:14px}.clip-code{grid-template-columns:1fr}.sound-macros label{padding:8px;border:1px solid #293342;border-radius:8px}.track-actions{gap:6px}.play-panel{grid-column:3;grid-row:5;margin:0!important;padding:14px!important;max-height:330px;overflow:auto}.cloud-canvas,.library-source,.project-sounds,.sound-shelf{grid-column:2;margin:0}.loop-note-row{gap:6px}.loop-note-row label{min-width:70px}.loop-note-row input{padding:7px!important}@media(max-width:1180px){.loop-app,.loop-app main{height:auto;overflow:visible}.loop-app main{min-height:100vh;grid-template-columns:280px minmax(560px,1fr)}.factory-browser{height:720px}.clip-code,.inspector,.play-panel,.sound-macros{grid-column:1/-1;grid-row:auto;position:static}.template-browser{grid-row:auto}.sound-macros{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.loop-header{height:58px;padding:0 14px}.loop-header .brand small{display:none}.loop-header nav a{display:none!important}.loop-header nav a:last-child{display:block!important}.loop-app main{height:auto;padding:12px 12px 110px;display:flex;flex-direction:column}.loop-hero{order:0;width:100%;min-height:0;padding:18px}.loop-hero h1{font-size:30px!important}.loop-hero>div>p:last-child{font-size:12px}.loop-toolbar{order:1;width:100%;overflow:auto;flex-wrap:nowrap}.loop-toolbar label:first-child{min-width:180px}.loop-toolbar>*{flex:0 0 auto}.factory-browser{order:2;width:100%;height:auto;min-height:0;max-height:none}.template-browser{order:3;width:100%}.template-grid{grid-template-columns:1fr 1fr}.canvas-create{order:4;width:100%}.arranger{order:5;width:100%;min-height:0}.inspector{order:6;width:100%}.clip-code,.sound-macros{order:7;width:100%;grid-template-columns:1fr 1fr}.play-panel{order:8;width:100%}.cloud-canvas,.library-source,.project-sounds,.sound-shelf{order:9;width:100%}.transport{bottom:8px;border-radius:14px;justify-content:flex-start;overflow:auto}.transport label:nth-of-type(3){display:none}.play-button{position:sticky;left:0;z-index:2}.factory-head h2{font-size:22px}.factory-card{grid-template-columns:48px 1fr auto}.factory-actions{grid-column:auto}.factory-meta p{display:none}.timeline,.track{grid-template-columns:140px 72px minmax(430px,1fr) 38px;min-width:680px}.template-grid article:nth-child(n+5){display:none}}.loop-hero{grid-row:1}.live-visualizer{grid-column:1/-1;grid-row:2;position:relative;height:150px;border:1px solid #2a3650;border-radius:16px;overflow:hidden;background:#080d18}.live-visualizer>div{position:absolute;z-index:2;left:16px;top:12px;display:flex;align-items:center;gap:10px;color:#8996ad;font:700 10px ui-monospace,monospace;letter-spacing:.16em}.dock-status i,.live-visualizer i{width:7px;height:7px;border-radius:50%;background:#475569}.live-visualizer i.live{background:#34d399;box-shadow:0 0 14px #34d399}.live-visualizer canvas{display:block;width:100%;height:100%}.smart-tools,.studio-export-strip{grid-column:1/-1;display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #273249;border-radius:12px;background:#0d1320;color:#8f9bb0;font:500 11px ui-monospace,monospace}.studio-export-strip{grid-row:3}.smart-tools{grid-row:4}.smart-tools span,.studio-export-strip span{margin-right:auto}.smart-tools b,.studio-export-strip b{color:#cbd5e1;letter-spacing:.1em}.studio-export-strip button{border-color:#e11d48;color:#fecdd3;background:#4c0519}.studio-export-strip button:not(:disabled){box-shadow:0 0 18px #e11d4830}.smart-tools button:first-of-type{color:#fbbf24}.smart-tools button:nth-of-type(2){color:#34d399}.loop-toolbar{grid-row:5}.factory-browser{grid-row:6/span 3}.template-browser{grid-row:9}.canvas-create{grid-row:6}.arranger{grid-row:7/span 3}.inspector{grid-row:6}.clip-code,.sound-macros{grid-row:7}.play-panel{grid-row:8}.transport{width:min(1060px,calc(100vw - 28px))}.tempo-control{display:grid;grid-template-columns:auto 32px 62px 32px;align-items:center;gap:5px;color:var(--muted);font-size:9px;letter-spacing:.08em}.tempo-control button{min-height:34px;padding:0;font-size:18px}.tempo-control input{margin:0!important;padding:8px 4px!important;text-align:center}.transport .scale-lock{min-height:36px;padding:8px 10px;font-size:10px;white-space:nowrap}.transport .scale-lock[aria-pressed=true]{color:#06120c;background:#34d399;border-color:#34d399}.transport label select{width:auto;max-width:150px}.master-keybed{grid-column:1/-1;grid-row:10;padding:20px;border:1px solid #2a3650;border-radius:16px;background:linear-gradient(145deg,#0d1422,#080d18);overflow:hidden}.keybed-head{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:20px;margin-bottom:16px}.keybed-head h2{margin:4px 0 0;font-size:20px}.keybed-head>p{display:flex;align-items:center;gap:8px;color:#a5b4fc;font:600 12px ui-monospace,monospace}.keybed-head>p i{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 12px #34d399}.octave{display:flex;align-items:center;gap:8px;color:#94a3b8;font:600 10px ui-monospace,monospace}.octave button{width:34px;height:34px;padding:0}.octave strong{color:#a5b4fc;font-size:16px}.piano-keys{position:relative;display:flex;height:190px;max-width:1040px;margin:auto;padding:0 10px;border:1px solid #334155;border-radius:14px;background:#020617;overflow:hidden}.piano-keys button{position:relative;margin:0;padding:0;border-radius:0 0 8px 8px}.piano-keys .white{flex:1 1;height:100%;border:1px solid #cbd5e1;background:linear-gradient(#f8fafc,#cbd5e1);color:#475569}.piano-keys .black{z-index:2;width:4.3%;height:63%;margin:0 -2.15%;background:linear-gradient(#182235,#080d18);border-color:#334155;color:#cbd5e1}.piano-keys button.active{background:#6366f1!important;color:white;box-shadow:0 0 24px #6366f1}.piano-keys button i{position:absolute;left:50%;top:10px;width:8px;height:8px;border-radius:50%;transform:translateX(-50%)}.piano-keys button i.scale-note{background:#10b981;box-shadow:0 0 10px #10b981}.piano-keys button span{bottom:12px;font:500 11px ui-monospace,monospace}.piano-keys button span,.piano-keys kbd{position:absolute;left:50%;transform:translateX(-50%)}.piano-keys kbd{bottom:34px;font:700 9px ui-monospace,monospace;opacity:.55}.keybed-help{text-align:center;color:#7f8ba0;font:500 11px ui-monospace,monospace;margin:14px 0 0}@media(max-width:1180px){.live-visualizer,.master-keybed,.smart-tools,.studio-export-strip{grid-column:1/-1;grid-row:auto}.arranger,.canvas-create,.clip-code,.factory-browser,.inspector,.play-panel,.sound-macros,.template-browser{grid-row:auto}.keybed-head{grid-template-columns:1fr auto}.keybed-head>p{grid-column:1/-1}}@media(max-width:760px){.live-visualizer{order:1;width:100%;height:120px}.studio-export-strip{order:2;width:100%}.smart-tools{order:3;width:100%;overflow:auto}.smart-tools span{min-width:150px}.loop-toolbar{order:4}.factory-browser{order:5}.template-browser{order:6}.canvas-create{order:7}.arranger{order:8}.inspector{order:9}.clip-code,.sound-macros{order:10}.play-panel{order:11}.master-keybed{order:12;width:100%;padding:14px}.cloud-canvas,.library-source,.project-sounds,.sound-shelf{order:13}.transport{gap:7px}.transport .scale-lock,.transport label{display:none}.tempo-control{grid-template-columns:auto 34px 58px 34px}.keybed-head{display:flex;align-items:flex-start;flex-wrap:wrap;gap:10px}.keybed-head>div:first-child{flex:1 1}.keybed-head>p{width:100%;margin:0}.piano-keys{height:150px;min-width:600px}.master-keybed{overflow:auto}.studio-export-strip span{font-size:9px}.studio-export-strip button{white-space:nowrap}}.catalog-total{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:86px;padding:12px;border:1px solid #425036;border-radius:14px;color:var(--accent);font-size:28px}.catalog-total small{color:var(--muted);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.catalog-tabs{position:relative!important;top:auto!important;display:flex;overflow-x:auto;margin:16px 0 10px!important;padding:4px!important}.catalog-tabs button{flex:0 0 auto;white-space:nowrap;font-size:10px}.catalog-filters{display:grid;grid-template-columns:minmax(150px,1.5fr) repeat(3,minmax(120px,1fr));gap:8px;margin-bottom:12px}.catalog-filters label{font-size:9px;letter-spacing:.08em;text-transform:uppercase}.catalog-filters input,.catalog-filters select{width:100%;margin-top:5px!important;padding:9px!important;font-size:11px}.factory-card.melody{border-left:3px solid #a78bfa}.factory-card.vocal{border-left:3px solid #ff6b8b}.factory-card.synth{border-left:3px solid #818cf8}.factory-card.fx,.factory-card.texture{border-left:3px solid #94a3b8}.catalog-more{display:block;width:100%;margin-top:12px;border-color:#506037;color:var(--accent)}.catalog-empty{padding:26px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:12px}.factory-meta>span{text-transform:uppercase}.factory-actions .factory-add{white-space:nowrap}@media(max-width:1180px){.catalog-filters{grid-template-columns:1fr 1fr}}@media(max-width:760px){.catalog-filters{grid-template-columns:1fr 1fr}.catalog-total{min-width:72px;font-size:22px}.catalog-tabs{margin-top:12px!important}.factory-head{display:grid;grid-template-columns:1fr auto}.factory-head>div{min-width:0}.factory-card{grid-template-columns:48px minmax(0,1fr)!important}.factory-actions{grid-column:2!important}.factory-actions .factory-add{flex:1 1}.factory-meta p{display:block!important;-webkit-line-clamp:1}.factory-browser{overflow:visible}}@media(max-width:420px){.catalog-filters{grid-template-columns:1fr}.catalog-total{display:none}.factory-head{display:block}.factory-card{grid-template-columns:42px minmax(0,1fr)!important}.factory-preview{width:40px;height:40px}.factory-actions{grid-column:1/-1!important}.factory-actions .factory-add{width:100%}}.transport{z-index:1000!important;pointer-events:auto}.loop-alert,.loop-message{z-index:1500!important}.code-drawer{z-index:2000!important}@media(max-width:760px){.transport{position:sticky!important;top:66px!important;bottom:auto!important;left:auto!important;transform:none!important;width:100%!important;order:4!important;margin:0!important;z-index:1200!important;box-shadow:0 12px 36px #0009}.loop-toolbar{order:5!important}.factory-browser{order:6!important}.template-browser{order:7!important}.canvas-create{order:8!important}.arranger{order:9!important}.inspector{order:10!important}.clip-code,.sound-macros{order:11!important}.play-panel{order:12!important}.master-keybed{order:13!important}.cloud-canvas,.library-source,.project-sounds,.sound-shelf{order:14!important}.cloud-canvas button,.project-sounds button{scroll-margin-block:150px}.transport label{display:flex!important;flex:0 0 auto!important}.transport label select{display:block!important;max-width:116px}.transport{overflow-x:auto!important;overflow-y:visible!important;justify-content:flex-start!important}.cloud-canvas,.project-sounds{max-height:none!important;overflow:visible!important;position:relative}.cloud-canvas button,.project-sounds button{position:relative;z-index:2}}.cloud-canvas,.project-sounds{position:relative;isolation:isolate}.cloud-canvas{z-index:3}.project-sounds{z-index:2}.cloud-canvas button,.cloud-canvas select,.project-sounds button,.project-sounds select{position:relative;z-index:4}@media(max-width:760px){.transport{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch}.transport label{flex:0 0 auto!important}.transport label,.transport label:nth-of-type(3){display:flex!important}.transport .scale-lock{display:inline-flex!important;flex:0 0 auto!important}.transport .play-button{flex:0 0 auto}.cloud-canvas,.project-sounds{overflow:visible!important;max-height:none!important}.cloud-canvas{order:14!important}.project-sounds{order:15!important}.library-source{order:16!important}.sound-shelf{order:17!important}.cloud-canvas{pointer-events:none!important}.cloud-canvas .canvas-actions,.cloud-canvas .confirm-box,.cloud-canvas button,.cloud-canvas input,.cloud-canvas label,.cloud-canvas select{pointer-events:auto!important}.cloud-canvas{pointer-events:none!important}.cloud-canvas a,.cloud-canvas button,.cloud-canvas input,.cloud-canvas select,.cloud-canvas summary{pointer-events:auto!important}.cloud-canvas,.library-source,.project-sounds,.sound-shelf{position:static!important;z-index:auto!important;isolation:auto!important;pointer-events:auto!important;overflow:visible!important;max-height:none!important;transform:none!important}.project-sounds{order:15!important}.cloud-canvas{order:16!important}.library-source{order:17!important}.sound-shelf{order:18!important}.cloud-canvas *,.library-source *,.project-sounds *{pointer-events:auto!important}}.cloud-canvas-panel{grid-column:2;margin:0!important;position:relative;z-index:auto;isolation:auto;overflow:visible!important;pointer-events:auto}.cloud-canvas-panel a,.cloud-canvas-panel button,.cloud-canvas-panel input,.cloud-canvas-panel label,.cloud-canvas-panel select,.cloud-canvas-panel summary{pointer-events:auto}@media(max-width:1180px){.cloud-canvas-panel{grid-column:1/-1;grid-row:auto;position:static}}@media(max-width:760px){.cloud-canvas-panel{order:16!important;width:100%;grid-column:auto;position:static!important;transform:none!important;z-index:auto!important;isolation:auto!important}}.cloud-canvas-module{grid-column:2;display:block;width:100%;margin:0;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--panel);isolation:auto;overflow:visible}.cloud-canvas-module,.cloud-canvas-module>.canvas-actions,.cloud-canvas-module>.confirm-box,.cloud-canvas-module>button,.cloud-canvas-module>div,.cloud-canvas-module>label,.cloud-canvas-module>p{position:static;z-index:auto;pointer-events:auto}.cloud-canvas-module button,.cloud-canvas-module input,.cloud-canvas-module select{pointer-events:auto}@media(max-width:1180px){.cloud-canvas-module{grid-column:1/-1;grid-row:auto}}@media(max-width:760px){.cloud-canvas-module{order:16!important;grid-column:auto!important;width:100%;position:static!important;transform:none!important;z-index:auto!important;isolation:auto!important;overflow:visible!important}}.cloud-route-link{display:inline-flex;align-items:center;padding:9px 11px;border:1px solid var(--line);border-radius:10px;color:var(--text);text-decoration:none;white-space:nowrap}.cloud-route-link:hover{border-color:var(--accent);color:var(--accent)}.cloud-page{min-height:100vh;background:var(--bg,#080a0e);color:var(--text,#f6f7fb);padding:32px max(18px,5vw);font-family:Inter,ui-sans-serif,system-ui,sans-serif}.cloud-page>header{max-width:1100px;margin:0 auto 22px}.cloud-page>header>a{color:var(--accent,#a8ff46);text-decoration:none}.cloud-page>header h1{font-size:clamp(34px,6vw,68px);margin:10px 0}.cloud-page>header p:last-child{color:var(--muted,#919cad);max-width:720px}.cloud-page>.cloud-canvas-module{display:block!important;max-width:1100px;margin:0 auto!important;grid-column:auto!important;grid-row:auto!important;position:static!important;transform:none!important;z-index:auto!important;isolation:auto!important;pointer-events:auto!important}.inspector-toggle{display:none}.inspector-body{display:contents}@media(max-width:760px){.inspector{position:sticky!important;top:126px!important;z-index:1100!important;max-height:58vh;overflow:auto!important;box-shadow:0 18px 48px #000b}.inspector-toggle{display:block;position:sticky;top:0;z-index:4;width:100%;grid-column:1/-1;min-height:44px;margin:-8px 0 8px;padding:10px 12px;border:1px solid #394457;border-radius:10px;background:#111722;color:#a8ff46;font-weight:800}.inspector-body{display:grid;grid-template-columns:1fr;gap:12px}.inspector.is-collapsed{max-height:none!important;overflow:visible!important;padding:10px!important}.inspector.is-collapsed .inspector-body{display:none}.inspector.is-open{scroll-margin-top:132px}.arranger{scroll-margin-bottom:220px}}.track-synth-engine{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:8px;padding-top:10px;border-top:1px solid var(--line)}.track-synth-engine label{padding:8px;border:1px solid #293342;border-radius:8px}.track-synth-engine input[type=range],.track-synth-engine select{width:100%}@media(max-width:760px){.track-synth-engine{grid-template-columns:1fr 1fr}}.layer-launcher{position:relative;min-width:150px}.layer-launcher>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #52dff4;border-radius:11px;background:#10212a;color:#7fefff;font-weight:800}.layer-launcher>summary::-webkit-details-marker{display:none}.layer-launcher[open]>summary{background:#13313b}.layer-launcher-panel{position:absolute;z-index:40;top:52px;left:0;width:min(780px,88vw);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;border:1px solid #33435a;border-radius:16px;background:#090f18ee;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 24px 70px #000a}.layer-launcher-panel a,.layer-launcher-panel button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:88px;padding:14px;border:1px solid #28364a;border-radius:12px;background:#101925;color:#eef7ff;text-decoration:none;text-align:left}.layer-launcher-panel strong{font-size:14px;color:#7fefff}.layer-launcher-panel span{font-size:11px;line-height:1.45;color:#95a5b9}.layer-launcher-panel .layer-direct{border-color:#6478ff;background:linear-gradient(135deg,#1b2750,#111925)}@media(max-width:650px){.layer-launcher{width:100%}.layer-launcher-panel{position:fixed;left:12px;right:12px;top:auto;bottom:76px;width:auto;grid-template-columns:1fr;max-height:70vh;overflow:auto}.layer-launcher>summary{width:100%}}.template-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.template-actions button{flex:1 1;min-width:110px}.loop-app{--accent:#52e8ff;--panel:#0d1420;--panel2:#111b2a;--line:#27364d;background:radial-gradient(circle at 72% -30%,#7768ff1c,transparent 35%),#050811}.loop-header{background:#050811ed;border-bottom-color:#223047}.loop-header nav a[aria-current=page]{color:#52e8ff;background:#102231}.loop-hero{min-height:92px!important;padding:16px 20px!important;background:linear-gradient(110deg,#0d1726,#0a101a 65%)!important}.loop-hero h1{font-size:clamp(25px,3vw,40px)!important;letter-spacing:-.035em!important;margin:4px 0!important}.loop-hero>div>p:last-child{margin:4px 0 0!important}.session-facts{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}.session-facts span{display:flex;flex-direction:column;justify-content:center;min-width:92px;padding:9px 12px;border:1px solid #2c3d55;border-radius:10px;background:#09111c;color:#71829a;font:600 9px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}.session-facts b{color:#e7f6ff;font-size:15px;letter-spacing:0;text-transform:none}.module-transfer-bar{grid-column:1/-1;display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #2a3950;border-radius:11px;background:linear-gradient(90deg,#0a1420,#0b1019);color:#8392a7;font:600 10px ui-monospace,monospace}.module-transfer-bar span{margin-right:auto}.module-transfer-bar b{color:#52e8ff;letter-spacing:.1em;margin-right:7px}.module-transfer-bar button{min-height:34px;padding:7px 10px;font-size:10px}.factory-browser{background:#09101a!important;border-color:#2a3950!important}.factory-browser:before{background:#52e8ff1d!important}.catalog-total{border-color:#2c5060!important;color:#52e8ff!important}.factory-tabs button[aria-selected=true]{background:#102938!important;color:#52e8ff!important}.factory-actions .factory-add{background:#52e8ff!important;border-color:#52e8ff!important;color:#061019!important}.arranger{background:#070c14!important;border-color:#293850!important}.track.selected{background:#0e1c2a!important}.steps button[aria-pressed=true]{background:linear-gradient(180deg,#52e8ff,#5b8dff)!important;border-color:#52e8ff!important;color:#061019!important}.track-controls button[aria-pressed=true]{background:#52e8ff!important;color:#061019!important}.transport{border-color:#354a67;background:#09101aec}.play-button{background:linear-gradient(135deg,#52e8ff,#34d8bd)!important;border-color:#52e8ff!important}.inspector{background:linear-gradient(145deg,#0e1826,#09101a)!important}.sound-macros{background:#080e17!important}.template-browser{background:#080e16!important}.template-grid article{background:#0d1521!important}.master-keybed{background:#080f19!important}@media(max-width:760px){.loop-hero{display:flex;align-items:flex-start;gap:14px}.session-facts{width:100%;display:grid;grid-template-columns:1fr 1fr}.session-facts span{min-width:0}.module-transfer-bar{order:5!important;width:100%;overflow:auto}.module-transfer-bar span{min-width:150px}.factory-browser{order:7!important}.template-browser{order:8!important}.canvas-create{order:9!important}.arranger{order:10!important}.inspector{order:11!important}.clip-code,.sound-macros{order:12!important}.play-panel{order:13!important}}.arrangement-strip{grid-column:1/-1;padding:16px;border:1px solid #2d3e56;border-radius:14px;background:linear-gradient(145deg,#0c1521,#080d15);min-width:0}.arrangement-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:12px}.arrangement-head h2{margin:4px 0 5px;font-size:22px}.arrangement-head p:last-child{margin:0;color:#8494aa;max-width:720px;font-size:11px;line-height:1.5}.arrangement-actions{display:flex;gap:7px;flex-wrap:wrap}.arrangement-actions button{min-height:36px}.section-row{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:thin}.section-row article{flex:0 0 190px;display:grid;grid-template-columns:minmax(0,1fr) auto;border:1px solid #29394f;border-radius:11px;background:#080f18;overflow:hidden}.section-row article.active{border-color:#52e8ff;box-shadow:inset 0 0 0 1px #52e8ff2c,0 0 24px #52e8ff12}.section-open{display:flex!important;align-items:flex-start!important;flex-direction:column!important;gap:4px!important;min-height:86px!important;padding:11px!important;border:0!important;border-radius:0!important;background:transparent!important;text-align:left!important}.section-open span{color:#52e8ff;font:700 8px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.1em}.section-open strong{font-size:14px}.section-open small{color:#75869c;font-size:9px}.section-mini-actions{display:flex;flex-direction:column;border-left:1px solid #26364a}.section-mini-actions button{min-width:30px;min-height:28px;padding:0!important;border:0!important;border-bottom:1px solid #26364a!important;border-radius:0!important;color:#7d8ea5!important}.section-editor{display:grid;grid-template-columns:1.4fr repeat(3,minmax(100px,.6fr)) 1fr;gap:8px;padding-top:11px;border-top:1px solid #26364a}.section-editor label{font-size:9px;color:#7e8da3;text-transform:uppercase;letter-spacing:.07em}.section-editor input,.section-editor select{width:100%;margin-top:5px}.layer-fx-rack{grid-column:2;display:block;padding:16px;border:1px solid #314259;border-radius:14px;background:radial-gradient(circle at 100% 0,#52e8ff12,transparent 35%),linear-gradient(145deg,#0d1723,#080e16)}.layer-fx-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px}.layer-fx-head h2{margin:4px 0;font-size:20px}.layer-fx-head p:last-child{margin:0;max-width:520px;color:#7f90a7;font-size:10px}.layer-fx-head>label{min-width:190px}.layer-fx-grid{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:8px;margin-top:14px}.layer-fx-grid label{display:flex;flex-direction:column;gap:6px;padding:9px;border:1px solid #26374d;border-radius:9px;background:#080f18;color:#95a4b8;font-size:9px}.layer-fx-grid output{color:#dfeef8;font:700 10px ui-monospace,monospace}.layer-fx-grid input[type=range]{width:100%}.fx-memory{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:11px;padding-top:11px;border-top:1px solid #26364a}.fx-memory>span{margin-right:auto;color:#52e8ff;font:700 8px ui-monospace,monospace;letter-spacing:.1em}.fx-memory>div{display:flex;gap:3px}.fx-memory button{min-height:31px;padding:6px 8px;font-size:9px}@media(max-width:1180px){.arrangement-strip,.layer-fx-rack{grid-column:1/-1}.section-editor{grid-template-columns:1fr 1fr 1fr}}@media(max-width:760px){.arrangement-strip{order:4!important;width:100%;padding:12px}.arrangement-head{align-items:flex-start;flex-direction:column}.arrangement-actions{width:100%}.arrangement-actions button{flex:1 1}.section-row article{flex-basis:170px}.section-editor{grid-template-columns:1fr 1fr}.layer-fx-rack{order:12!important;width:100%;padding:12px}.layer-fx-head{align-items:flex-start;flex-direction:column}.layer-fx-head>label{width:100%;min-width:0}.layer-fx-grid{grid-template-columns:1fr 1fr}.fx-memory>span{width:100%;margin:0}}@media(max-width:430px){.layer-fx-grid,.section-editor{grid-template-columns:1fr}.section-row article{flex-basis:155px}}.floating-session-play{position:fixed!important;right:18px!important;bottom:92px!important;z-index:150!important;min-width:145px!important;min-height:48px!important;border-radius:999px!important;background:linear-gradient(135deg,#5ce9ff,#51d8bd 58%,#9b8cff)!important;color:#041017!important;border:1px solid #6cecff!important;font-weight:900!important;box-shadow:0 14px 36px #0009,0 0 28px #5ce9ff30!important}@media(min-width:900px){.floating-session-play{bottom:28px!important;right:28px!important}}.ableton-arranger{--arrange-head:#25282e;--arrange-row:#171a20;--arrange-row-alt:#1a1d23;--arrange-line:#30343c;--arrange-grid:#2a2e35;border-radius:6px!important;background:#121419!important;border-color:#343842!important;box-shadow:0 18px 50px #0007}.ableton-arranger .timeline,.ableton-arranger .track{display:grid!important;grid-template-columns:220px 104px 82px minmax(720px,1fr) 42px!important;min-width:1180px!important}.ableton-arranger .timeline{height:34px!important;border-bottom:1px solid #4a4e56!important;background:linear-gradient(#2d3036,#24272d)!important;color:#b5bac3!important;font:700 9px ui-monospace,monospace;letter-spacing:.07em}.ableton-arranger .timeline>span,.ableton-arranger .timeline>strong{display:flex;align-items:center;height:34px;padding:0 10px;border-right:1px solid #444851;font-size:9px}.ableton-arranger .timeline-ruler{display:grid;grid-template-columns:repeat(4,1fr);height:34px;min-width:720px;overflow:hidden;background:repeating-linear-gradient(90deg,#2d3037,#2d3037 calc(25% - 1px),#50545d calc(25% - 1px),#50545d 25%)}.ableton-arranger .timeline-ruler b{display:flex!important;align-items:flex-end;justify-content:flex-start;padding:0 0 4px 7px;color:#969ca6;border-left:1px solid #555a64;font-size:8px;font-weight:700}.ableton-arranger .track{--track-role:#8d96a3;min-height:62px!important;height:62px;border-bottom:1px solid #30343b!important;background:var(--arrange-row)!important}.ableton-arranger .track:nth-child(odd){background:var(--arrange-row-alt)!important}.ableton-arranger .track.selected{background:#222831!important;box-shadow:inset 0 0 0 1px #69717d}.ableton-arranger .track.role-drums{--track-role:#e9a24a}.ableton-arranger .track.role-bass{--track-role:#5ea8df}.ableton-arranger .track.role-instrument{--track-role:#9c89e8}.ableton-arranger .track.role-vocal{--track-role:#e97baf}.ableton-arranger .track.role-fx{--track-role:#d3c35a}.ableton-arranger .track.role-audio{--track-role:#58c4bd}.ableton-arranger .track.role-other{--track-role:#87909b}.ableton-arranger .track-name{height:61px!important;padding:0 9px!important;gap:9px!important;border-right:1px solid var(--arrange-line)!important;color:#eef1f5!important}.ableton-arranger .track-name:hover{background:#ffffff07!important}.ableton-arranger .track-name i{width:8px!important;height:45px!important;border-radius:2px!important;box-shadow:0 0 0 1px #0005}.ableton-arranger .track-name span{min-width:0}.ableton-arranger .track-name b{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.2}.ableton-arranger .track-name small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#8f96a1!important;font:600 8px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.04em}.ableton-arranger .track-role{display:flex;margin:0;color:#11151a;background:var(--track-role);font:900 9px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.06em}.ableton-arranger .track-controls,.ableton-arranger .track-role{align-items:center;justify-content:center;height:61px;border-right:1px solid var(--arrange-line)}.ableton-arranger .track-controls{display:flex!important;gap:4px!important}.ableton-arranger .track-controls button{width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important;padding:0!important;border-radius:3px!important;border-color:#454b55!important;background:#252a32!important;color:#aeb5c0!important;font:800 9px ui-monospace,monospace}.ableton-arranger .track-controls button[aria-pressed=true]{background:var(--track-role)!important;border-color:var(--track-role)!important;color:#101318!important}.ableton-arranger .clip-lane{position:relative;display:flex;align-items:center;height:61px;padding:5px 6px;overflow:hidden;background:repeating-linear-gradient(90deg,transparent,transparent calc(6.25% - 1px),#2b3038 calc(6.25% - 1px),#2b3038 6.25%),repeating-linear-gradient(90deg,transparent,transparent calc(25% - 1px),#454a54 calc(25% - 1px),#454a54 25%),#15181e}.ableton-arranger .midi-clip{position:relative;display:grid!important;width:100%;min-width:0!important;height:50px;padding:0!important;gap:1px!important;border:1px solid color-mix(in srgb,var(--track-role) 78%,#20242a)!important;border-radius:3px!important;background:color-mix(in srgb,var(--track-role) 18%,#171b20)!important;overflow:hidden}.ableton-arranger .midi-clip button{min-width:0!important;height:48px!important;min-height:48px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.ableton-arranger .midi-clip button.beat{border-left:1px solid #ffffff18!important}.ableton-arranger .midi-clip button[aria-pressed=true]{position:relative;background:color-mix(in srgb,var(--track-role) 42%,#14171b)!important}.ableton-arranger .midi-clip button[aria-pressed=true]:after{content:"";position:absolute;left:18%;right:18%;top:20%;height:4px;border-radius:1px;background:var(--track-role);box-shadow:0 10px 0 color-mix(in srgb,var(--track-role) 72%,white 10%)}.ableton-arranger .midi-clip button.current{box-shadow:inset 2px 0 #f3f5f8!important}.ableton-arranger .clip-label{position:absolute;z-index:3;left:7px;top:4px;color:#e4e8ed;font:800 8px ui-monospace,monospace;text-transform:uppercase;pointer-events:none;text-shadow:0 1px 2px #000}.ableton-arranger .audio-region{width:100%;height:50px!important;margin:0!important;border-radius:3px!important;border-color:var(--track-role)!important;background:color-mix(in srgb,var(--track-role) 16%,#161a1f)!important}.ableton-arranger .audio-region>span{color:#e7ebef!important;font-size:8px!important}.ableton-arranger .audio-region i b{background:var(--track-role)!important}.ableton-arranger .audio-region em{color:var(--track-role)!important;font-weight:900}.ableton-arranger .remove{width:27px!important;min-width:27px!important;height:27px!important;min-height:27px!important;margin:auto!important;padding:0!important;border-radius:3px!important;background:#23272e!important;border-color:#41464f!important;color:#8e96a1!important}.ableton-arranger .remove:hover{color:#fff!important;background:#6f303c!important}.inspector select[aria-label="Layer type"]{font-weight:800;border-color:#4a5564}.template-browser .template-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.template-browser .template-grid article{min-height:185px;background:linear-gradient(155deg,#171b21,#0f1217);border-color:#303640}.template-browser .template-grid article span{font:800 9px ui-monospace,monospace;letter-spacing:.05em}@media(max-width:1250px){.template-browser .template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.template-browser .template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.template-browser .template-grid{grid-template-columns:1fr}}.loop-app .transport{bottom:86px!important;z-index:120!important}@media(max-width:760px){.loop-app .transport{bottom:78px!important}.loop-app main{padding-bottom:150px!important}}.loop-app .transport{position:relative!important;grid-column:1/-1!important;left:auto!important;bottom:auto!important;transform:none!important;width:100%!important;z-index:8!important;box-sizing:border-box!important}.loop-app .floating-session-play{position:fixed!important;right:16px!important;bottom:82px!important;left:auto!important;width:52px!important;min-width:52px!important;height:52px!important;min-height:52px!important;padding:0!important;border-radius:50%!important;z-index:4200!important;display:grid!important;place-items:center!important;font-size:18px!important;pointer-events:auto!important}@media(min-width:900px){.loop-app .floating-session-play{right:24px!important;bottom:82px!important}}@media(max-width:760px){.loop-app .floating-session-play{right:12px!important;bottom:74px!important;width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important}.loop-app main{padding-bottom:138px!important}}.session-inspector .inspector-title{display:flex;flex-direction:column;gap:5px;width:100%}.session-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:7px;padding:3px;border:1px solid #30425b;border-radius:9px;background:#07101a}.session-mode-switch button{min-height:34px;padding:6px 10px;border:0!important;border-radius:7px!important;background:transparent!important;color:#8192a8!important;font:800 9px ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.session-mode-switch button[aria-pressed=true]{background:linear-gradient(135deg,#163240,#182a45)!important;color:#68eaff!important;box-shadow:inset 0 0 0 1px #52e8ff55}.track-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%;padding-top:9px;border-top:1px solid #26364a}.track-quick-actions button{min-height:38px;font-size:10px}.session-inspector .inspector-body>label,.session-inspector input,.session-inspector select,.session-inspector>label{width:100%}@media(max-width:760px){.session-mode-switch{position:sticky;top:43px;z-index:3;background:#07101af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.track-quick-actions{grid-template-columns:1fr 1fr}}