:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eaf0ed;background:#0a0f15;font-synthesis:none;--bg:#0a0f15;--side:#0b1118;--panel:#111922;--panel2:#141e28;--border:#26313b;--dim:#768594;--muted:#9faeb6;--green:#c8ff79;--sea:#8cf1de;--orange:#ffb68f;--shadow:0 13px 45px #0003}*{box-sizing:border-box}html,body{margin:0;min-width:360px;min-height:100%;scroll-behavior:smooth}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.46}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:2px}svg{vertical-align:middle;flex-shrink:0}h1,h2,h3,p{margin:0}a{text-decoration:none;color:inherit}.shell{min-height:100vh;background:radial-gradient(ellipse 72% 50% at 100% 0%,#1b332738,transparent 65%),var(--bg)}.sidebar{z-index:15;position:fixed;inset:0 auto 0 0;width:240px;padding:30px 16px 22px;background:#0b1219;border-right:1px solid #22303b;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:9px;padding:4px 9px 55px}.brand-mark{height:38px;width:39px;display:flex;align-items:center}.brand-title{font-size:19px;letter-spacing:-.9px;font-weight:900;white-space:nowrap}.brand-title span{color:var(--green)}.brand-sub{font-weight:750;font-size:8px;letter-spacing:2.05px;color:#7e9299;margin-top:3px}.side-section-caption{font-size:10px;letter-spacing:1.7px;color:#657582;font-weight:850;padding:0 15px;margin-bottom:13px}.side-section-caption.second{margin-top:31px}.sidebar nav{display:grid;gap:5px}.nav-item{background:transparent;border:1px solid transparent;border-radius:9px;color:#9baab3;display:flex;gap:13px;align-items:center;width:100%;height:43px;text-align:left;padding:0 14px;font-weight:650;font-size:13px;transition:background .16s,color .16s}.nav-item svg{opacity:.85}.nav-item:hover,.nav-item.faint:hover{background:#1c2731;color:white}.nav-item.active{background:#253329;color:#d8ffb1;border-color:#354b39}.nav-item.active svg{color:var(--green);opacity:1}.nav-active-dot{margin-left:auto;width:5px;height:5px;border-radius:50%;background:var(--green)}.nav-arrow{margin-left:auto;color:#788b91}.sidebar-bottom{margin-top:auto}.mini-audio{border:1px solid #293a42;background:linear-gradient(125deg,#16252a,#12202a);border-radius:12px;padding:16px 12px 13px;display:flex;align-items:center;gap:10px}.mini-wave{height:35px;min-width:59px;display:flex;align-items:center;gap:2px}.mini-wave span{width:2.5px;background:#9bdf8f;border-radius:2px}.mini-label{font-size:9px;line-height:1.65;letter-spacing:.35px;color:#85a09e}.mini-label strong{font-size:9px;white-space:nowrap;color:#cbe9dc;font-weight:750}.live-dot{width:6px;height:6px;border-radius:50%;background:#bcfd79;box-shadow:0 0 10px #bbff7e66;flex-shrink:0}.mini-audio>.live-dot{align-self:flex-start}.side-build{font-size:9px;letter-spacing:1px;color:#82909a;display:flex;gap:7px;align-items:center;padding:22px 7px 0}.side-build>span:nth-child(1){color:#567279}.side-online{margin-left:auto;color:#9ed67e;font-size:8px}.app-main{margin-left:240px;min-width:0}.topbar{height:79px;background:#0d151cee;position:sticky;z-index:10;top:0;border-bottom:1px solid #25313b;display:flex;justify-content:space-between;align-items:center;padding:0 38px;backdrop-filter:blur(17px)}.crumb{font-size:10px;letter-spacing:1.8px;color:#71848c;font-weight:800}.crumb span{margin:0 9px;color:#49616c}.crumb strong{color:#c3d4cf;font-weight:800}.transport{display:flex;align-items:center;gap:13px}.transport-indicator{height:7px;width:7px;background:#6d7f7f;border-radius:50%}.transport-indicator.on{background:#bcff77;box-shadow:0 0 10px #bcff7777}.transport-text{color:#9aada9;font-size:10px;letter-spacing:1.1px;font-weight:800;margin-right:11px}.bpm-input{display:flex;align-items:center;border:1px solid #304047;background:#131d25;height:37px;border-radius:8px;padding-left:13px;gap:10px}.bpm-input label{color:#789097;font-size:9px;letter-spacing:1px;font-weight:800}.bpm-input input{color:#dcece1;border:0;background:transparent;width:56px;outline:0;font-weight:800;font-size:14px}.btn-transport{height:38px;width:44px;display:grid;place-items:center;border-radius:8px;background:var(--green);color:#13211a;border:0;box-shadow:0 0 20px #b6ff741a;transition:.18s}.btn-transport:hover{background:#ddffa7;transform:translateY(-1px)}.btn-icon{height:35px;min-width:35px;display:inline-grid;place-items:center;border:1px solid #33434b;background:#19252e;color:#c6d3ce;border-radius:8px;transition:.16s}.btn-icon:hover{color:#fff;border-color:#729b8a}.top-divider{height:26px;width:1px;background:#2b3840;margin:0 4px}.top-export{border:1px solid #33463f;border-radius:8px;background:#1b2828;color:#daf3d8;font-size:11px;font-weight:850;letter-spacing:.5px;height:37px;display:flex;align-items:center;gap:9px;padding:0 15px}.top-export:hover{border-color:#84c89a}.content{max-width:1600px;margin:0 auto;padding:32px 36px 20px}.hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:13px;overflow:hidden;min-height:165px;background:linear-gradient(112deg,#1c302e 0%,#1e3435 53%,#172431 100%);border:1px solid #38524e;padding:26px 34px;margin-bottom:18px}.hero:after{content:"";pointer-events:none;position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 28px,#c7ffe603 29px);opacity:.55}.hero-text{position:relative;z-index:1}.eyebrow{color:#d2e6ce;font-size:10px;font-weight:850;letter-spacing:2.3px;display:flex;align-items:center;gap:9px}.tiny-bright{width:6px;height:6px;background:var(--green);border-radius:1px;transform:rotate(45deg)}.eyebrow-separator{color:#698978;margin:0 2px}.hero h1,.page-intro h1{font-size:clamp(31px,3.6vw,51px);line-height:1.09;letter-spacing:-2.6px;font-weight:850;margin-top:15px;white-space:nowrap}.hero h1 em,.page-intro h1 em{font-style:normal;color:var(--green)}.hero p{color:#a1b7b6;font-size:12px;margin-top:13px}.hero-title-row{display:flex;gap:20px;align-items:center}.hero-star{font-size:30px;color:#8fd0aa;opacity:.8}.hero-graphic{width:34%;max-width:335px;min-width:220px;height:120px;position:relative;flex-shrink:0}.hero-graphic svg{height:100%;width:100%;filter:drop-shadow(0 0 8px #76ffc334)}.graphic-noise{position:absolute;bottom:3px;right:8px;font-size:8px;letter-spacing:2.2px;color:#6fa18f}.stats{display:grid;grid-template-columns:1.32fr 1fr 1fr;gap:14px;margin-bottom:20px}.stat-card{background:#131c25;border:1px solid #283741;padding:19px 21px;border-radius:10px;min-height:124px}.stat-label{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;font-weight:850;letter-spacing:1.2px;color:#91a6a9}.stat-label>span{color:#89c5a2;font-size:18px}.stat-main{font-size:26px;letter-spacing:-.8px;font-weight:800;margin-top:13px;color:#e4f0e8;display:flex;align-items:center;gap:8px}.stat-main small{font-size:11px;font-weight:780;color:#8da49e;letter-spacing:.2px;margin-top:7px}.stat-main.project-title{font-size:21px;cursor:pointer;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-main.project-title svg{color:#7e998a}.stat-sub{font-size:10px;letter-spacing:.55px;color:#768d91;font-weight:650;margin-top:12px}.stat-progress{background:#2a373a;height:4px;border-radius:12px;margin-top:15px;overflow:hidden}.stat-progress>span{display:block;height:100%;background:var(--green);border-radius:12px}.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 325px;align-items:start;gap:18px}.studio-primary,.studio-secondary{display:flex;flex-direction:column;gap:18px;min-width:0}.panel{background:#111a23;border:1px solid #293743;border-radius:12px;min-width:0;box-shadow:0 3px 14px #02050815}.panel-top,.mod-panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 23px 20px}.panel-heading{display:flex;gap:12px;align-items:flex-start}.section-index{color:#a1d79c;font-size:11px;font-weight:850;letter-spacing:1px;padding-top:3px;white-space:nowrap}.panel-heading h2{font-size:17px;letter-spacing:-.45px;font-weight:800;line-height:1.2}.panel-heading p{font-size:11px;color:#7d959d;margin-top:6px}.panel-actions{display:flex;align-items:center;gap:8px}.subtle-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #35454d;color:#c8d9d5;background:#1a2832;border-radius:7px;padding:10px 12px;font-size:10px;font-weight:850;letter-spacing:.5px;white-space:nowrap}.subtle-btn:hover,.secondary-btn:hover{background:#263841;border-color:#648b79}.subtle-btn.pressed{background:#304338;color:var(--green)}.small-switch{display:flex;background:#0c151d;border:1px solid #314049;padding:2px;border-radius:7px}.small-switch button{font-size:10px;color:#81969e;font-weight:800;border:0;border-radius:5px;background:transparent;padding:7px 9px}.small-switch button.active{background:#2f403b;color:var(--green)}.seq-scroll{padding:0 20px 20px;overflow-x:auto;scrollbar-color:#3d5556 transparent;scrollbar-width:thin}.seq-contents{min-width:720px}.seq-head,.track-row{display:grid;grid-template-columns:164px minmax(0,1fr);align-items:center;gap:15px}.seq-head{padding-bottom:9px}.track-heading{color:#738993;letter-spacing:1.2px;font-size:8.5px;font-weight:850;display:flex;justify-content:space-between;align-items:center;padding:0 4px}.track-heading span{color:#536d78;font-size:8px}.step-labels,.grid-steps{display:grid;grid-template-columns:repeat(var(--n,32),minmax(0,1fr));gap:4px;align-items:center}.step-labels{grid-template-columns:repeat(32,minmax(0,1fr))}.step-labels:has(.step-label:nth-child(16):last-child){grid-template-columns:repeat(16,minmax(0,1fr))}.step-label{color:#566b77;text-align:center;font-size:8px;height:17px;line-height:17px;font-weight:750}.step-label.downbeat{color:#97aaad}.step-label.playing{color:#ceff7c}.track-row{height:47px;border-bottom:1px solid #1e2c35;padding:4px 0;transition:background .12s}.track-row.selected{background:#1b282e;border-radius:6px}.track-info{display:flex;align-items:center;justify-content:space-between;min-width:0;gap:7px}.track-name{border:0;background:transparent;color:inherit;display:flex;align-items:center;gap:9px;text-align:left;padding:3px 4px;min-width:0}.track-name span:last-child{min-width:0}.track-name strong{display:block;font-size:10px;letter-spacing:.3px;white-space:nowrap}.track-name small{display:block;color:#6f8592;font-size:8px;font-weight:750;letter-spacing:1px;margin-top:3px}.track-color{width:4px;height:27px;border-radius:2px;background:var(--track-color);box-shadow:0 0 10px color-mix(in srgb,var(--track-color),transparent 70%);flex-shrink:0}.track-actions{display:flex;gap:3px;margin-right:3px}.mini-toggle{font-size:9px;border:1px solid #35444d;border-radius:4px;width:20px;height:21px;color:#7b9198;background:#17232b;font-weight:800;padding:0}.mini-toggle.mute-on{background:#763c37;color:#ffd1b6;border-color:#965a50}.mini-toggle.solo-on{background:#394f2d;color:#d7ffa3;border-color:#647d49}.step{height:26px;border-radius:3px;background:#25343e;border:1px solid #354650;min-width:0;padding:0;position:relative;transition:transform .08s,background .12s}.step.bar-start{border-left:2px solid #61797b}.step:hover{transform:translateY(-2px);border-color:#d8ece5}.step.is-on{background:color-mix(in srgb,var(--track-color) calc(43% + var(--velocity)*53%),#24323c);border-color:color-mix(in srgb,var(--track-color),#42515a 45%);box-shadow:inset 0 -7px 9px #060b101f}.step.is-selected{outline:1px solid #e7f5e9;outline-offset:1px}.step.playing:after{content:"";position:absolute;bottom:-7px;height:3px;left:1px;right:1px;background:#e4ffb3;border-radius:2px;box-shadow:0 0 6px #d0ff86}.step.playing{filter:brightness(1.3)}.seq-bottom{display:grid;grid-template-columns:164px 1fr;gap:15px;margin-top:15px}.track-bottom-text{color:#607783;font-size:8px;line-height:1.65;font-weight:800;letter-spacing:.1px}.track-bottom-text span{color:#8fb6a4}.bar-ruler{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#576d78;font-size:8px;letter-spacing:.65px;font-weight:800;padding-right:6px}.step-inspector{border-top:1px solid #293945;background:#131f28;border-radius:0 0 11px 11px;padding:19px 22px 20px}.inspector-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:17px}.inspector-label{display:flex;align-items:center;gap:8px;color:#d7e7de;font-size:10px;letter-spacing:.4px;font-weight:750}.inspector-label>span:last-child{color:#82989d}.inspector-cube{width:8px;height:8px;border-radius:2px}.light-divider{color:#5c707a}.inspector-info{color:#637b88;font-size:8.5px;letter-spacing:1.1px;font-weight:800}.inspector-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.step-editor label{display:flex;justify-content:space-between;gap:4px;color:#869da2;font-size:9px;letter-spacing:.6px;font-weight:800}.step-editor label span{color:#cde9d9}.step-editor input{width:100%;margin:12px 0 0}.editor-tip{display:flex;gap:7px;align-items:center;justify-content:flex-end;color:#77929a;font-size:10px}.control{min-width:0}.control-head{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:10px;font-weight:820;letter-spacing:.35px;color:#99b0b0}.control-head output{color:#d1ebcc;font-weight:800}.control input[type=range],.step-editor input[type=range]{accent-color:#c6fa78;appearance:none;background:#2c4143;height:4px;border-radius:4px;outline:none;cursor:pointer}.control input[type=range]{width:100%;margin:16px 0 0}.control input[type=range]::-webkit-slider-thumb,.step-editor input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;background:#d1ffa0;border:2px solid #213c34;border-radius:50%;box-shadow:0 0 7px #c5fb6755}.control input[type=range]::-moz-range-thumb,.step-editor input[type=range]::-moz-range-thumb{width:11px;height:11px;background:#d1ffa0;border:2px solid #213c34;border-radius:50%}.mod-panel-head{padding-bottom:13px}.mod-panel-head>svg{color:#7a9d9c}.macros{padding:4px 25px 26px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 30px}.control-help{color:#69808a;font-size:9px;margin-top:9px}.ai-panel{padding:24px 20px 19px}.ai-heading{display:flex;gap:12px;align-items:center}.ai-orb{width:43px;height:43px;background:linear-gradient(135deg,#4a6656,#263b34);border:1px solid #74947f;border-radius:12px;display:grid;place-items:center;color:var(--green);box-shadow:0 0 24px #bbfa6a16}.eyebrow-mini{font-size:9px;font-weight:850;color:#91b3a3;letter-spacing:1.5px}.ai-heading h2{font-size:21px;letter-spacing:-.5px;margin-top:4px}.ai-heading h2 span{color:var(--green)}.ai-sub{font-size:11px;color:#8fa6ab;line-height:1.7;margin:19px 1px 20px}.input-label{display:flex;justify-content:space-between;gap:6px;margin-bottom:9px}.input-label label,.input-label span{font-size:9px;color:#91a9a6;font-weight:850;letter-spacing:1px}.input-label span{color:#607c84}.ai-panel textarea{width:100%;resize:vertical;min-height:114px;max-height:260px;border-radius:8px;border:1px solid #3a4a54;padding:12px 13px;background:#0e1821;color:#d6e6df;line-height:1.6;font-size:11px;outline:none}.ai-panel textarea:focus{border-color:#96ca9f}.ai-actions{display:flex;gap:8px;margin-top:12px}.primary-btn{background:var(--green);color:#1e301e;border:1px solid #dbff99;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 12px;font-size:10px;font-weight:900;letter-spacing:.45px;white-space:nowrap}.primary-btn:hover{background:#e2ffb7}.ai-actions .primary-btn{flex:1;min-width:0}.ai-actions .secondary-btn{padding:0 10px}.ai-message{display:flex;align-items:flex-start;gap:10px;background:#192a2b;border:1px solid #344e49;border-radius:7px;margin-top:15px;padding:11px 11px;color:#86a9a2;font-size:10px;line-height:1.6;overflow-wrap:anywhere}.ai-message b{color:#b9d5b6;font-size:9px;letter-spacing:.8px}.ai-status-dot{width:7px;height:7px;background:#9cc48c;border-radius:50%;flex-shrink:0;margin-top:4px}.ai-status-dot.ai-on{background:var(--green);box-shadow:0 0 7px #caff6b}.token-row{margin-top:12px;display:grid;gap:7px}.token-row label{color:#8eaaa0;font-size:9px;letter-spacing:1px;font-weight:750}.token-row input{width:100%;background:#0b151d;border:1px solid #33434d;color:#e5f4ed;padding:10px;border-radius:7px;font-size:11px}.separator-label{display:flex;gap:11px;align-items:center;color:#7e9697;font-size:9px;letter-spacing:1.25px;font-weight:850;margin:23px 0 13px;white-space:nowrap}.separator-label:after{content:"";height:1px;background:#32413e;flex:1}.presets{display:grid;gap:8px}.preset{background:#16232c;border:1px solid #2c3d44;border-radius:8px;display:flex;align-items:center;gap:10px;padding:7px;text-align:left;color:#dcece6}.preset:hover{background:#23333c;border-color:#658778}.preset-art{width:44px;height:43px;border-radius:5px;display:grid;place-items:center;color:#d5ff8d;flex-shrink:0;overflow:hidden;background:radial-gradient(circle at 68% 25%,#739e71,#263c36 70%)}.preset-1{color:#a5efe4;background:radial-gradient(circle at 25% 30%,#416d79,#1a343f 70%)}.preset-2{color:#ffbf99;background:radial-gradient(circle at 80% 30%,#84534c,#302936 70%)}.preset-3{color:#eca5ff;background:radial-gradient(circle at 30% 30%,#6f577e,#272c42 70%)}.art-wave{font-size:19px;font-weight:900;letter-spacing:-3px;transform:rotate(-13deg)}.preset-meta{min-width:0;flex:1}.preset-meta strong{display:block;font-size:11px}.preset-meta small{display:block;margin-top:4px;color:#81989e;font-size:9px;font-weight:780;letter-spacing:.6px}.preset>svg{color:#819893}.spectrum-panel{padding:20px 21px}.spectrum-header{display:flex;justify-content:space-between;align-items:flex-start;gap:7px}.spectrum-header h3{font-size:13px;letter-spacing:-.2px}.spectrum-header small{display:block;margin-top:5px;color:#698391;font-size:8px;font-weight:850;letter-spacing:1.25px}.spectrum-badge{color:#a5c8ac;font-size:9px;letter-spacing:.75px;font-weight:850}.spectrum-bars{height:112px;display:flex;align-items:flex-end;gap:4px;margin-top:18px;border-bottom:1px solid #374a4c;background:repeating-linear-gradient(0deg,transparent,transparent 24px,#a8cab00d 25px)}.spectrum-bars span{display:block;flex:1;max-height:95%;min-height:3px;background:linear-gradient(0deg,#4b8c71,#c8ff79);border-radius:3px 3px 0 0;box-shadow:0 0 8px #aeff8055;transition:height .08s ease-out}.spectrum-axis{display:flex;justify-content:space-between;margin-top:10px;color:#69818c;font-size:9px;letter-spacing:.5px;font-weight:750}.footer{display:flex;justify-content:space-between;margin:28px 4px 0;color:#516773;font-size:9px;letter-spacing:1.5px;font-weight:750}.page-intro{padding:16px 0 32px}.page-intro h1{margin-top:14px}.page-intro p{font-size:13px;color:#93a8a8;max-width:750px;margin-top:16px;line-height:1.65}.instruments-layout,.library-layout,.exports-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.85fr);gap:18px}.instrument-mixer,.sample-list{padding-bottom:22px}.mixer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:3px 22px 24px}.mixer-channel{border:1px solid #35434b;border-radius:9px;background:#17242d;color:#e6eee6;padding:15px 9px;display:flex;align-items:center;flex-direction:column;gap:11px;min-width:0}.mixer-channel.active{border-color:#b2ef87;background:#24392f}.mixer-channel>span{width:10px;height:10px;border-radius:50%;box-shadow:0 0 10px currentColor}.mixer-channel strong{font-size:10px;white-space:nowrap}.mixer-channel small{color:#a2b2a6;font-size:10px}.mixer-meter{height:100px;width:12px;border-radius:4px;background:linear-gradient(0deg,var(--color) var(--meter),#253641 var(--meter));border:1px solid #5b6e67;box-shadow:inset 0 0 4px #0007}.mixer-edit{border-top:1px solid #2a3c44;padding:22px}.edit-track-title{display:flex;align-items:center;gap:10px;margin-bottom:24px}.edit-track-title strong{font-size:15px}.edit-track-title>span:last-child{color:#829fa0;margin-left:auto;font-size:10px}.edit-dot{width:9px;height:9px;border-radius:3px}.track-knob-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}.track-editor-footer{display:flex;gap:8px;margin-top:32px;flex-wrap:wrap}.synth-panel,.library-note{padding:28px}.synth-panel h2,.library-note h2{font-size:27px;line-height:1.15;letter-spacing:-1px;margin-top:16px}.synth-panel p,.library-note p{color:#8fa6ac;font-size:12px;line-height:1.8;margin-top:19px}.synth-visual{height:128px;border:1px solid #38564b;border-radius:10px;background:repeating-linear-gradient(90deg,transparent 0,transparent 24px,#baf38809 25px),linear-gradient(120deg,#1e3934,#142630);display:grid;place-items:center;margin-top:24px}.synth-wave{width:80%;height:55px;background:var(--green);clip-path:polygon(0% 48%,5% 48%,8% 20%,12% 75%,17% 30%,20% 64%,25% 49%,32% 49%,36% 14%,40% 88%,44% 43%,50% 50%,57% 10%,61% 92%,64% 47%,70% 49%,75% 23%,79% 67%,83% 45%,87% 49%,94% 30%,97% 68%,100% 48%,100% 53%,97% 73%,94% 35%,87% 54%,83% 50%,79% 72%,75% 28%,70% 54%,64% 52%,61% 97%,57% 15%,50% 55%,44% 48%,40% 93%,36% 19%,32% 54%,25% 54%,20% 69%,17% 35%,12% 80%,8% 25%,5% 53%,0% 53%);filter:drop-shadow(0 0 12px #b7ff91)}.fx-controls{display:grid;gap:27px;margin-top:30px}.sample-list-rows{padding:0 22px}.sample-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #2a3b42;padding:14px 3px;transition:.1s}.sample-row.drag-over{background:#354737;border-radius:8px;outline:1px dashed #bbff90}.sample-id{display:flex;gap:12px;align-items:center;min-width:0}.sample-id>div{min-width:0}.sample-id strong{display:block;font-size:12px}.sample-id small{display:block;color:#80959c;font-size:10px;overflow:hidden;max-width:350px;white-space:nowrap;text-overflow:ellipsis;margin-top:5px}.sample-symbol{height:38px;width:39px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.sample-cta{display:flex;gap:9px;align-items:center}.sample-source{font-size:9px;font-weight:850;letter-spacing:.6px;color:#8ea0a5}.sample-source.imported{color:#b4f4a2}.chip{border-radius:6px;border:1px solid #385448;background:#1d332b;color:#a7d4a8;font-size:9px;letter-spacing:.8px;padding:8px;font-weight:850}.file-field{display:none}.note-wave{margin:28px 0 18px;text-align:center;font-size:35px;letter-spacing:14px;color:#b4fa8e}.rule-divider{height:1px;background:#34464b;margin:25px 0}.library-note h3{font-size:14px}.exports-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.export-card{padding:31px;min-height:465px;display:flex;align-items:flex-start;flex-direction:column}.export-big-icon{height:63px;width:63px;background:#263d32;border:1px solid #496e52;color:var(--green);border-radius:13px;display:grid;place-items:center}.export-big-icon.second-icon{background:#26313d;border-color:#40556b;color:#afd0ff}.export-card h2{font-size:22px;letter-spacing:-.6px;margin-top:22px}.export-card>p{color:#94a9ae;font-size:12px;line-height:1.7;max-width:450px;margin-top:13px}.export-options{width:100%;margin-top:32px;display:grid;gap:9px}.export-options label{font-size:10px;color:#97acac;letter-spacing:.9px;font-weight:850}.export-options select{width:100%;background:#192732;color:#e4f3e6;border:1px solid #3a5054;padding:12px;border-radius:7px}.export-specs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 20px}.export-specs span{padding:7px 8px;background:#20322c;color:#b6dfb1;font-size:9px;font-weight:800;border-radius:4px}.wide{width:100%;margin-top:auto;min-height:42px}.project-status{display:flex;align-items:center;gap:10px;color:#c7e6cb;background:#1f302a;border:1px solid #355044;padding:17px;width:100%;border-radius:9px;margin-top:26px;font-size:12px}.project-status>span:last-child{margin-left:auto;color:#abeb93;font-size:10px;font-weight:850}.export-project-actions{display:grid;gap:10px;margin-top:23px;width:100%}.export-project-actions .wide{margin:0}.fine-print{font-size:10px!important;color:#728a92!important;margin-top:20px!important}#toast{opacity:0;pointer-events:none;position:fixed;z-index:100;right:20px;bottom:25px;transform:translateY(20px);border-radius:10px;background:#273830;border:1px solid #658f68;box-shadow:0 12px 42px #0008;color:#e6f4e9;max-width:380px;padding:13px 18px;display:flex;gap:10px;align-items:center;font-size:12px;font-weight:650;transition:.22s}#toast.toast-visible{opacity:1;transform:translateY(0)}.toast-error{color:#ffb6a8}.toast-success{color:#c5fa81}
@media(max-width:1400px){.sidebar{width:210px}.app-main{margin-left:210px}.studio-layout{grid-template-columns:minmax(0,1fr) 290px}.content{padding:24px 22px}.topbar{padding:0 23px}.seq-head,.track-row,.seq-bottom{grid-template-columns:145px minmax(0,1fr);gap:11px}.seq-contents{min-width:680px}.inspector-grid{gap:12px}.step-labels,.grid-steps{gap:3px}.hero-graphic{min-width:160px;width:29%}.ai-actions{flex-wrap:wrap}.ai-actions .secondary-btn{height:36px;flex:1}.ai-actions .primary-btn{min-width:100%}}
@media(max-width:1100px){.studio-layout{grid-template-columns:1fr}.studio-secondary{display:grid;grid-template-columns:minmax(300px,1fr) minmax(210px,.78fr);align-items:start}.seq-contents{min-width:740px}.sidebar{width:204px}.app-main{margin-left:204px}.topbar{height:69px}.instruments-layout,.library-layout{grid-template-columns:1fr}.synth-panel{max-width:none}.ai-actions{flex-wrap:nowrap}.ai-actions .primary-btn{min-width:0}}
@media(max-width:780px){.sidebar{position:relative;inset:auto;width:auto;height:auto;border-right:0;border-bottom:1px solid #263a3f;padding:14px 16px;display:block}.brand{padding:0 0 12px}.brand-sub{font-size:7px}.sidebar nav{display:flex;gap:5px;overflow-x:auto;padding-bottom:2px}.sidebar .side-section-caption,.sidebar-bottom,.sidebar>.nav-item{display:none}.nav-item{height:37px;min-width:max-content;padding:0 10px;font-size:11px;gap:6px}.nav-item svg{width:15px}.nav-active-dot{display:none}.app-main{margin:0}.topbar{height:62px;padding:0 15px}.crumb{font-size:9px}.transport{gap:8px}.transport-text,.transport-indicator,.top-divider{display:none}.top-export{padding:0 10px}.top-export span{display:none}.bpm-input{gap:6px;padding-left:7px;height:34px}.bpm-input input{width:44px;font-size:12px}.bpm-input label{font-size:8px}.btn-transport{width:37px;height:35px}.btn-icon{height:34px;min-width:33px}.content{padding:18px 14px}.hero{padding:22px 19px;min-height:135px}.hero h1{font-size:35px;white-space:normal;letter-spacing:-1.6px}.hero p{font-size:11px}.hero-graphic{display:none}.stats{gap:8px}.stat-card{padding:14px;min-height:107px}.stat-label{font-size:8px}.stat-main{font-size:21px}.stat-main.project-title{font-size:16px}.stat-main small{font-size:8px}.stat-sub{font-size:8px}.studio-secondary{grid-template-columns:1fr 1fr}.seq-contents{min-width:735px}.panel-top{padding:17px 14px}.seq-scroll{padding:0 13px 15px}.step-inspector{padding:16px}.macros{padding:0 17px 23px}.footer{font-size:8px}.page-intro h1{font-size:37px}.instruments-layout,.exports-layout{grid-template-columns:1fr}}
@media(max-width:560px){.hero{margin-bottom:12px}.hero h1{font-size:31px}.hero .eyebrow{font-size:8px;letter-spacing:1.2px}.stats{grid-template-columns:1fr 1fr}.stats>.stat-card:first-child{grid-column:1/-1}.stat-card{min-height:92px}.stat-main{margin-top:7px}.stat-sub{margin-top:9px}.studio-secondary{grid-template-columns:1fr}.panel-heading h2{font-size:15px}.panel-heading p{font-size:10px}.panel-actions .subtle-btn span{display:none}.panel-actions .subtle-btn{padding:8px}.small-switch button{padding:7px}.seq-contents{min-width:735px}.inspector-top{display:block}.inspector-info{margin-top:8px}.inspector-grid{grid-template-columns:repeat(2,1fr);gap:18px}.editor-tip{justify-content:flex-start}.macros{grid-template-columns:1fr 1fr;gap:26px 18px}.sample-list-rows{padding:0 12px}.sample-row{flex-wrap:wrap}.sample-cta{margin-left:50px}.sample-cta .subtle-btn{font-size:9px}.mixer-grid{grid-template-columns:repeat(4,1fr);padding:2px 10px 14px;gap:6px}.mixer-channel{padding:10px 3px;gap:6px}.mixer-channel strong{font-size:8px}.mixer-meter{height:73px}.track-knob-grid{grid-template-columns:1fr}.topbar .crumb{letter-spacing:.3px;font-size:8px}.top-export{display:none}.export-card{min-height:auto}.export-card>.wide{margin-top:24px}.footer span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}