@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:Space Grotesk,system-ui,sans-serif;color:#e9eee8;background:#0b0d0c;font-synthesis:none;--bg:#0b0d0c;--panel:#111513;--panel2:#161b18;--line:#27302b;--muted:#829087;--lime:#c6ff3d;--cyan:#45d6ff;--violet:#d16bff;--amber:#ffb84d}*{box-sizing:border-box}body{margin:0;min-width:980px;background:radial-gradient(circle at 50% -20%,#1c281d 0,#0b0d0c 48%);overflow:hidden}button,input{font:inherit}button{color:inherit;border:0;cursor:pointer}.shell{height:100vh;display:flex;flex-direction:column}.topbar{height:64px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px;padding:0 22px;background:#0c100e}.brand{display:flex;align-items:center;gap:9px;font-weight:700;letter-spacing:1.8px;font-size:17px}.brand small{font:600 8px IBM Plex Mono;letter-spacing:1px;color:var(--lime);padding-left:9px;border-left:1px solid var(--line)}.brand-mark{color:var(--lime);font-size:28px;line-height:0;transform:rotate(-8deg)}.transport{display:flex;align-items:center;gap:8px;margin-left:18px}.transport-btn{background:var(--panel2);border:1px solid var(--line);width:31px;height:29px;border-radius:5px;font-size:13px}.transport-btn.is-on,.transport-btn:hover,.chip.on{background:var(--lime);color:#10140e;border-color:var(--lime)}.chip,.top-actions button,.piano-actions button,.footer button{background:#151b17;border:1px solid var(--line);border-radius:4px;padding:7px 10px;font:600 10px IBM Plex Mono;letter-spacing:.7px}.tempo{font:600 10px IBM Plex Mono;color:var(--muted);display:flex;gap:7px;align-items:center;margin-left:8px}.tempo input{width:45px;background:transparent;border:0;color:#fff;font:600 14px IBM Plex Mono;outline:0}.timecode{font:600 13px IBM Plex Mono;color:#d9ffad;margin-left:8px;letter-spacing:1px}.top-actions{margin-left:auto;display:flex;gap:7px;align-items:center}.top-actions .primary{background:var(--lime);color:#12160f;border-color:var(--lime)}.offline{font:600 9px IBM Plex Mono;letter-spacing:.6px;color:var(--muted);margin-right:4px}.offline i,.lime-dot{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:5px;box-shadow:0 0 8px var(--lime)}.workspace{flex:1;display:grid;grid-template-columns:205px minmax(520px,1fr) 224px;gap:10px;padding:10px;min-height:0}.panel{background:#111513f0;border:1px solid var(--line);border-radius:5px;overflow:hidden}.panel-head{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--line);font:600 10px IBM Plex Mono;letter-spacing:1px;color:#d5ded4}.dim{color:#69776d;font-size:9px}.rack{display:flex;flex-direction:column}.rack-list{padding:8px 6px;overflow:auto}.rack-row{width:100%;height:42px;background:transparent;border-bottom:1px solid #202721;display:flex;align-items:center;gap:7px;text-align:left;padding:0 7px}.rack-row:hover,.rack-row.selected{background:#1a211c}.rack-row.selected{box-shadow:inset 2px 0 var(--lime)}.track-dot{width:7px;height:7px;border-radius:2px}.track-name{font:600 10px IBM Plex Mono;letter-spacing:.4px;flex:1}.track-type{font-size:9px;color:#718076}.mini-meter{width:26px;height:3px;background:#242d27;border-radius:4px}.mini-meter b{display:block;height:100%;background:var(--lime);border-radius:4px}.stock{margin-top:auto;border-top:1px solid var(--line);padding-bottom:9px}.sound-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:9px}.sound-grid button{padding:9px 3px;font:600 9px IBM Plex Mono;color:#9aa99d;background:#18201a;border:1px solid #29372a;border-radius:3px}.sound-grid button:hover{border-color:var(--lime);color:var(--lime)}.center{display:grid;grid-template-rows:125px minmax(235px,1fr) 155px;gap:10px;min-width:0}.arrangement{position:relative}.timeline{display:grid;grid-template-columns:repeat(8,1fr);margin-left:93px;height:24px;align-items:center;color:#68766c;font:9px IBM Plex Mono}.lanes{position:relative;height:62px;margin:0 8px 8px 0;border-top:1px solid #202721}.lane{height:20px;border-bottom:1px solid #202721;position:relative}.lane-label{position:absolute;left:11px;top:4px;font:9px IBM Plex Mono;color:#829087;width:73px}.clip{height:13px;top:3px;position:absolute;background:color-mix(in srgb,var(--clip) 20%,transparent);border:1px solid color-mix(in srgb,var(--clip) 65%,transparent);border-radius:2px;padding:1px 6px;color:var(--clip);font:8px IBM Plex Mono}.playhead{position:absolute;top:0;bottom:0;border-left:1px solid var(--lime);box-shadow:0 0 8px var(--lime);transition:left .08s linear}.piano{min-height:0}.piano-wrap{height:calc(100% - 36px);display:flex;overflow:auto}.keys{width:52px;flex:none;display:grid;grid-template-rows:repeat(16,1fr);border-right:1px solid var(--line);background:#0e120f}.keys span{padding:3px 5px;font:8px IBM Plex Mono;color:#758278;border-bottom:1px solid #1d241f}.grid{display:grid;grid-template-columns:repeat(16,minmax(32px,1fr));min-width:520px;flex:1;background:repeating-linear-gradient(0deg,transparent 0 17px,#202821 18px),repeating-linear-gradient(90deg,transparent 0 31px,#202821 32px)}.beat-col{display:grid;grid-template-rows:repeat(16,1fr);border-right:1px solid #263128}.cell{background:transparent;color:transparent;border-bottom:1px solid rgba(40,52,42,.7);font-size:9px}.cell:hover{background:#233323}.cell.note{background:var(--note-color);color:#0b0f0b;box-shadow:0 0 10px color-mix(in srgb,var(--note-color) 50%,transparent)}.piano-actions{display:flex;gap:6px}.piano-actions button:first-child{color:var(--lime)}.stepper{padding-bottom:8px}.step-row{display:grid;grid-template-columns:92px repeat(16,1fr);gap:5px;align-items:center;padding:6px 10px 0}.step-name{font:600 9px IBM Plex Mono;letter-spacing:.5px}.step{height:21px;background:#202922;border:1px solid #2c3a2d;border-radius:2px}.step.major{margin-left:2px}.step.active{background:var(--lime);border-color:var(--lime);box-shadow:0 0 8px #c6ff3d40}.step:hover{border-color:#fff}.inspector{padding-bottom:10px;overflow:auto}.master-meter{height:32px;display:flex;gap:3px;align-items:end;padding:8px 12px}.master-meter b{height:100%;flex:1;background:linear-gradient(to top,var(--lime),#e7ffab);opacity:.75;border-radius:1px}.master-meter b:nth-last-child(-n+3){opacity:.25}.fader-label,.fx label{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;color:#87978c;font:9px IBM Plex Mono}.fader-label input,.fx input{width:110px;accent-color:var(--lime)}.fx{margin:8px 10px;border:1px solid var(--line);border-radius:4px;padding:5px 0}.fx-title{padding:3px 10px 5px;color:var(--lime);font:600 9px IBM Plex Mono;letter-spacing:1px}.mixer-list{display:flex;gap:6px;padding:12px;overflow-x:auto}.mixer-strip{min-width:42px;display:flex;flex-direction:column;align-items:center;gap:4px}.strip-name{font:600 8px IBM Plex Mono;writing-mode:vertical-rl;transform:rotate(180deg);height:42px}.strip-meter{height:60px;width:5px;background:#1d251f;border-radius:4px;display:flex;align-items:end}.strip-meter i{width:100%;background:var(--lime);border-radius:3px}.vertical{writing-mode:vertical-lr;direction:rtl;width:22px;height:66px;accent-color:var(--lime)}.mute,.solo{background:#1a211b;border:1px solid #304032;border-radius:2px;font:600 9px IBM Plex Mono;width:22px;height:19px}.mute.active{background:#ff6c8d;color:#170b0d}.solo.active{background:var(--amber);color:#1c1205}.footer{height:34px;border-top:1px solid var(--line);padding:0 17px;display:flex;align-items:center;gap:24px;color:#748176;font:9px IBM Plex Mono;letter-spacing:.5px}.footer-actions{margin-left:auto;display:flex;gap:6px}.footer button{padding:5px 8px}.footer button:hover{color:var(--lime);border-color:var(--lime)}@media(max-width:1120px){.workspace{grid-template-columns:180px minmax(480px,1fr) 195px}.topbar{gap:13px;padding:0 12px}.top-actions button{padding:6px 7px}.brand small,.offline{display:none}}.sync-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#040705c7;display:grid;place-items:center;padding:20px}.sync-card{width:min(460px,90vw);background:#121813;border:1px solid #3a4b3b;border-radius:8px;box-shadow:0 20px 70px #000;padding:26px}.sync-kicker{font:600 9px IBM Plex Mono;letter-spacing:1.4px;color:var(--lime)}.sync-card h2{font-size:27px;margin:9px 0;color:#f0f8ed}.sync-card p{color:#94a295;line-height:1.55;font-size:13px}.provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}.provider-grid button{display:flex;align-items:center;gap:10px;text-align:left;padding:12px;background:#1a231b;border:1px solid #304132;border-radius:5px}.provider-grid button:hover{border-color:var(--lime)}.provider-grid strong{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#e9f3e5;color:#182018}.provider-grid span{font-size:12px}.provider-grid small{display:block;color:#718174;font:9px IBM Plex Mono;margin-top:3px}.sync-actions{display:flex;justify-content:flex-end;gap:8px}.sync-actions button{padding:9px 12px;border-radius:4px;background:#1d291e;border:1px solid #3b503d;font:600 10px IBM Plex Mono}.sync-actions button:first-child{color:var(--lime)}.sync-note{display:block;margin-top:17px;color:#647367;font:9px IBM Plex Mono;line-height:1.5}@media(max-width:1100px){body{min-width:0;overflow:auto}.shell{min-width:980px;zoom:.86}}@media(max-width:850px){.shell{zoom:.74}}@media(max-width:850px){.shell{min-width:0;zoom:1}.topbar{gap:7px;padding:0 10px}.brand{font-size:14px}.brand small,.offline{display:none}.top-actions{gap:3px}.top-actions button{padding:6px 5px;font-size:8px}.workspace{grid-template-columns:150px minmax(430px,1fr) 165px;gap:6px;padding:6px}.footer{padding:0 9px;gap:9px;font-size:8px}.footer>span:nth-child(2){display:none}.footer-actions{gap:3px}.footer button{padding:5px 4px;font-size:8px}.panel-head{padding:0 8px;font-size:9px}}body{background:radial-gradient(ellipse at 50% -35%,#344f2d,#111711 28%,#080a09 72%);color:#f3f7ef}.topbar{height:70px;background:linear-gradient(180deg,#151b16,#0c100d 90%);box-shadow:0 5px 24px #0008;position:relative;z-index:2}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,#c6ff3d 20%,#c6ff3d 80%,transparent);opacity:.35}.brand{font-size:18px;text-shadow:0 0 18px #c6ff3d33}.brand-mark{filter:drop-shadow(0 0 7px #c6ff3d99)}.transport-btn{width:34px;height:32px;background:linear-gradient(180deg,#273228,#141b16);box-shadow:inset 0 1px #ffffff12,0 3px 8px #0007}.transport-btn.is-on{box-shadow:0 0 16px #c6ff3d77,inset 0 1px #fff7}.chip{padding:9px 13px;box-shadow:inset 0 1px #ffffff15}.top-actions button{background:linear-gradient(180deg,#253025,#151b16);box-shadow:inset 0 1px #ffffff0d}.top-actions button:hover,.footer button:hover{transform:translateY(-1px);box-shadow:0 0 16px #c6ff3d33}.top-actions .primary{box-shadow:0 0 14px #c6ff3d44}.panel{background:linear-gradient(145deg,#181f19fa,#0b0f0cfa);border-color:#354438;box-shadow:0 10px 28px #0008,inset 0 1px #ffffff08}.panel-head{height:40px;background:linear-gradient(90deg,#1d291e55,transparent);letter-spacing:1.4px}.rack-row{height:46px;border-radius:3px;margin:2px 0;border-bottom-color:#29342b}.rack-row.selected{background:linear-gradient(90deg,#304a2b,#18251a);box-shadow:inset 3px 0 var(--lime),0 0 12px #c6ff3d12}.rack-row:hover{background:#233124}.track-dot{box-shadow:0 0 6px currentColor}.mini-meter{height:4px;background:#0d120e;box-shadow:inset 0 1px #000}.mini-meter b{box-shadow:0 0 7px var(--lime)}.stock{background:linear-gradient(180deg,#0b0f0c,#161f17)}.sound-grid button{background:linear-gradient(180deg,#2a382b,#182219);box-shadow:inset 0 1px #ffffff0c,0 3px 6px #0005}.sound-grid button:active{transform:translateY(1px);background:var(--lime);color:#10150d}.arrangement{background:linear-gradient(180deg,#182218,#10150f)}.timeline{height:27px;color:#a8b8a5}.lane{height:22px}.clip{height:15px;top:3px;border-radius:5px;box-shadow:0 0 13px color-mix(in srgb,var(--clip) 25%,transparent),inset 0 1px #ffffff18}.clip:after{content:"••••••••••••••";letter-spacing:4px;opacity:.27;margin-left:9px}.piano{background:linear-gradient(145deg,#141b15,#0b0f0c)}.keys{background:linear-gradient(90deg,#151d17,#0b100c)}.cell{transition:background .12s,box-shadow .12s,transform .12s}.cell:hover{background:#42613c;transform:scale(.92);z-index:1}.cell.note{border-radius:3px;margin:2px;box-shadow:0 0 15px color-mix(in srgb,var(--note-color) 58%,transparent),inset 0 1px #fff7}.step{background:linear-gradient(180deg,#2b392c,#172019);box-shadow:inset 0 1px #ffffff0e,0 2px 4px #0006;transition:transform .12s,background .12s}.step:hover{transform:translateY(-1px)}.step.active{background:linear-gradient(180deg,#d8ff77,#a4e52d);box-shadow:0 0 14px #c6ff3d99,inset 0 1px #fff9}.master-meter{height:35px}.master-meter b{box-shadow:0 0 7px #c6ff3d66}.fx{background:linear-gradient(145deg,#1b261c,#0d130e);box-shadow:inset 0 1px #ffffff09}.fx-title{font-size:10px}.fader-label input,.fx input,.vertical{filter:drop-shadow(0 0 4px #c6ff3d44)}.mixer-strip{padding:4px 2px;border-radius:4px;background:linear-gradient(180deg,#152017,#0d120e)}.strip-meter{box-shadow:inset 0 0 0 1px #354938}.strip-meter i{box-shadow:0 0 8px #c6ff3d88}.mute,.solo{box-shadow:inset 0 1px #ffffff12}.footer{height:40px;background:#0b100c;box-shadow:0 -5px 22px #0008}.footer button{background:linear-gradient(180deg,#202c22,#121912)}@media(max-width:850px){.topbar{height:62px}.workspace{grid-template-columns:142px minmax(430px,1fr) 160px;gap:5px;padding:5px}.panel-head{height:36px}.rack-row{height:41px}.sound-grid{gap:4px;padding:6px}.sound-grid button{padding:8px 2px}.footer{height:34px}}.modebar{position:absolute;left:50%;bottom:-18px;transform:translate(-50%);display:flex;gap:2px;padding:3px;background:#0d120e;border:1px solid #354438;border-radius:7px;box-shadow:0 5px 20px #0009;z-index:5}.mode{min-width:70px;padding:6px 10px;color:#7f917f;background:transparent;border-radius:4px;font:600 9px IBM Plex Mono;letter-spacing:.7px}.mode:hover{color:#fff;background:#253226}.mode.active{color:#10150d;background:var(--lime);box-shadow:0 0 12px #c6ff3d66}.workspace{padding-top:20px}@media(max-width:850px){.modebar{bottom:-17px}.mode{min-width:58px;padding:5px 7px;font-size:8px}.workspace{padding-top:17px}}.plugin-rack{margin:8px 10px 4px;padding:7px 0;border:1px solid #344435;border-radius:5px;background:linear-gradient(145deg,#1a251b,#0d130e);box-shadow:inset 0 1px #ffffff09}.plugin-rack .fx-title{padding:2px 9px 6px}.plugin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:0 6px 5px}.plugin-slot{display:flex;align-items:center;justify-content:center;gap:4px;padding:7px 2px;border:1px solid #344435;border-radius:3px;background:#182119;color:#81917f;font:600 8px IBM Plex Mono}.plugin-slot i{width:5px;height:5px;border-radius:50%;background:#506352}.plugin-slot.active{color:#11170f;background:var(--lime);border-color:var(--lime);box-shadow:0 0 10px #c6ff3d66}.plugin-slot.active i{background:#10150d;box-shadow:0 0 5px #10150d}.arrange-actions{display:flex;align-items:center;gap:9px}.arrange-actions button{padding:5px 8px;border:1px solid #435844;border-radius:3px;background:#213022;color:var(--lime);font:600 9px IBM Plex Mono}.arrange-actions button:hover{background:var(--lime);color:#10150d}.clip{cursor:grab;-webkit-user-select:none;user-select:none}.clip:active{cursor:grabbing}.clip.selected{outline:2px solid #fff;outline-offset:1px;z-index:3}.clip.audio-clip{background:color-mix(in srgb,var(--clip) 32%,transparent);border-style:dashed}.clip.audio-clip:before{content:"≈≈≈";margin-right:5px;color:var(--clip)}.arrange-actions button.active{background:var(--lime);color:#10150d;box-shadow:0 0 10px #c6ff3d66}.automation-lane{height:28px;position:relative;border-top:1px solid #354638;background:linear-gradient(180deg,#101a12,#0d120e)}.automation-grid{position:absolute;left:93px;right:0;top:0;bottom:0;background:repeating-linear-gradient(90deg,transparent 0 31px,#213024 32px)}.automation-grid:after{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px dashed #62805f66}.automation-grid i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px #c6ff3d;transform:translate(-50%,50%);bottom:50%}.automation-grid i:after{content:"";position:absolute;left:4px;top:4px;width:80px;border-top:1px solid #c6ff3d88;transform:rotate(-8deg);transform-origin:left center}.automation-grid:hover{background-color:#152316}.waveform{display:inline-flex;align-items:center;gap:1px;height:10px;width:58px;margin-right:5px;vertical-align:middle}.waveform b{display:block;width:2px;min-height:2px;background:var(--clip);border-radius:2px;opacity:.9}.clip-editor{margin:8px 10px;border:1px solid #354638;border-radius:5px;background:linear-gradient(145deg,#1b281c,#0e140f);padding:5px 0}.clip-editor label{display:flex;justify-content:space-between;align-items:center;padding:4px 9px;color:#91a291;font:8px IBM Plex Mono}.clip-editor input{width:100px;accent-color:var(--cyan)}.take-lane{height:25px;position:relative;border-top:1px solid #354638;background:#101710}.take-pills{position:absolute;left:93px;right:4px;top:3px;display:flex;gap:5px}.take-pill{padding:3px 8px;border:1px solid #38523a;border-radius:10px;background:#1b2a1d;color:#b4c7b2;font:8px IBM Plex Mono}.take-pill:hover{background:var(--cyan);border-color:var(--cyan);color:#071114}