.app{color:#fff;background:#101114;flex-direction:row;min-height:100vh;display:flex}.sidebar{z-index:10;background:#101114;flex-direction:column;width:180px;min-width:180px;height:100vh;max-height:100vh;padding:16px 12px;display:flex;overflow:hidden}.sidebar-logo{width:100%;max-width:120px;margin-top:-8px;margin-bottom:auto;padding:4px 0}.sidebar-bottom{flex-direction:column;gap:12px;display:flex;overflow-y:auto}.sidebar-bottom::-webkit-scrollbar{width:4px}.sidebar-bottom::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.library{background:#18191d;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.library-header{letter-spacing:.12em;color:#777;border-bottom:1px solid #ffffff0f;padding:10px 12px;font-size:10px}.library-list{max-height:180px;overflow-y:auto}.library-list::-webkit-scrollbar{width:4px}.library-list::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.library-item{color:#ccc;cursor:grab;-webkit-user-select:none;user-select:none;border-bottom:1px solid #ffffff0a;padding:10px 12px;font-size:14px;transition:background .1s}.library-item-active{color:#ff7a00}.channel{background:#18191d;border:1px solid #ffffff14;border-radius:12px;flex-shrink:0;overflow:hidden}.channel-view{flex-direction:column;gap:8px;padding:12px;display:flex}.channel-view-fixed{min-height:420px}.channel-header{color:#aaa;letter-spacing:.08em;font-size:11px}.overlay-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.overlay-header span{color:#aaa;letter-spacing:.08em;font-size:11px}.font-slot{color:#555;text-align:center;background:#0d0e10;border:1px dashed #333;border-radius:6px;width:100%;padding:6px 8px;font-size:11px;transition:border-color .15s,color .15s}.text-input{color:#fff;background:#0d0e10;border:1px solid #333;border-radius:6px;width:100%;padding:6px 8px;font-size:12px}.eq-button{letter-spacing:.08em;color:#fff;cursor:pointer;background:#0d0e10;border:1px solid #333;border-radius:4px;width:100%;height:24px;font-size:10px}.eq-button:hover{background:#1a1b1f}.eq-control{flex-direction:column;align-items:center;gap:4px;display:flex}.eq-control span{color:#777;letter-spacing:.08em;font-size:10px}.fx-container{position:relative}.fx-dropdown{z-index:100;background:#0d0e10;border:1px solid #333;border-radius:6px;width:100%;margin-top:4px;position:absolute;top:100%;left:0;overflow:hidden}.fx-dropdown-item{color:#ccc;cursor:pointer;padding:8px 10px;font-size:11px;transition:background .1s}.fx-slot-active{background:#ff7a00;border:1px solid #ff7a00;border-radius:4px;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:24px;padding:0 8px;display:flex}.fx-slot-active-name{color:#000;cursor:pointer;letter-spacing:.08em;flex:1;font-size:10px;font-weight:600}.plugin-window{z-index:1000;background:#18191d;border:1px solid #ffffff1f;border-radius:12px;width:280px;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 24px 64px #0009}.plugin-header{background:#0d0e10;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.plugin-name{color:#fff;letter-spacing:.04em;font-size:13px;font-weight:500}.plugin-knob-section{flex-direction:column;align-items:center;gap:8px;display:flex}.plugin-knob-label{color:#555;letter-spacing:.12em;font-size:9px}.fader-pan-row{flex-direction:row;align-items:flex-start;gap:8px;margin-top:4px;display:flex}.fader-section{flex-direction:column;align-items:center;gap:4px;display:flex}.fader-track{cursor:pointer;background:#333;border-radius:2px;width:4px;height:120px;margin:0 auto;position:relative}.fader-thumb{cursor:grab;background:#ff7a00;border-radius:2px;width:24px;height:8px;position:absolute;left:50%;transform:translate(-50%,-50%)}.control-label{color:#777;letter-spacing:.08em;font-size:10px}.fader-value{color:#555;font-size:10px}.pan-section{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.ms-row{flex-direction:row;gap:4px;width:100%;display:flex}.knob{cursor:pointer;background:#222;border:2px solid #333;border-radius:50%;width:44px;height:44px;position:relative}.knob-line{background:#fff;border-radius:2px;width:2px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-100%)}.knob:after{content:"";background:#ff7a00;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ms-button{letter-spacing:.08em;color:#777;cursor:pointer;background:#0d0e10;border:1px solid #333;border-radius:4px;flex:1;height:28px;font-size:10px;font-weight:700}.active-mute{color:#fff;background:#ff3b30;border-color:#ff3b30}.active-solo{color:#fff;background:#ff7a00;border-color:#ff7a00}.canvas{background:#18191d;border:1px solid #ffffff14;border-radius:12px;flex:1;max-height:calc(100vh - 32px);margin:16px 16px 16px 0;position:relative;overflow:hidden}*{box-sizing:border-box}body{background:#181a1b;margin:0;font-family:DM Sans,Inter,Arial,sans-serif}.app{color:#d8d0c0;background:#181a1b;flex-direction:column;height:100vh;display:flex;overflow:hidden}.topbar{z-index:20;background:#141617;border-bottom:1px solid #2e3234;justify-content:space-between;align-items:center;height:48px;min-height:48px;padding:0 16px;display:flex;overflow:visible;box-shadow:0 1px #3d4245,inset 0 1px #ffffff08}.topbar-logo{filter:brightness(.9)sepia(.15);width:auto;height:28px}.reset-button{color:#c8c2b8;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #3d4245;border-radius:2px;height:28px;padding:0 16px;font-size:10px;transition:all .15s}.reset-button:hover{color:#d8d0c0;border-color:#d8d0c0}.app-body{flex-direction:row;flex:1;align-items:stretch;gap:10px;min-height:0;padding:10px;display:flex;overflow:hidden}.sidebar{display:none}.library{background:#202325;border:1px solid #2e3234;border-top:2px solid #3d4245;border-radius:3px;flex-direction:column;flex:0 0 140px;width:140px;display:flex;box-shadow:inset 1px 1px #ffffff0a,2px 2px 6px #00000080}.library-header{letter-spacing:.2em;color:#c8c2b8;text-transform:uppercase;background:#1a1c1e;border-bottom:1px solid #2e3234;flex-shrink:0;padding:8px 10px;font-size:9px}.library-header-bar{background:#1a1c1e;border-bottom:1px solid #2e3234;flex-shrink:0;align-items:center;height:32px;min-height:32px;padding:0 12px;display:flex}.library-header-label{letter-spacing:.2em;color:#c8c2b8;text-transform:uppercase;font-size:9px}.library-list{flex-direction:column;flex:none;display:flex;overflow-y:visible}.library-item{color:#b8b2a8;cursor:grab;-webkit-user-select:none;user-select:none;border-bottom:1px solid #2e323499;flex-shrink:0;align-items:center;height:30px;padding:0 10px;font-size:13px;transition:background .1s,color .1s;display:flex}.library-item:hover{color:#d8d0c0;background:#d8d0c012}.library-item:active{cursor:grabbing}.library-item-active{color:#ede6d6;background:#d8d0c00d}.channels-row{display:none}.channel-view{flex-direction:column;flex:1;justify-content:space-between;gap:10px;min-height:0;padding:10px 8px;display:flex;overflow:hidden}.channel-view-fixed{width:120px}.eq-view{gap:0;overflow-y:auto;justify-content:flex-start!important}.eq-knobs-group{flex-direction:column;align-items:center;gap:8px;display:flex}.channel-drag-over{background:#d8d0c00a;border-color:#d8d0c0!important}.channel-header{color:#c8c2b8;letter-spacing:.2em;text-transform:uppercase;flex-shrink:0;justify-content:space-between;align-items:center;font-size:9px;display:flex!important}.overlay-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.overlay-header span{color:#c8c2b8;letter-spacing:.2em;text-transform:uppercase;font-size:9px}.overlay-close{color:#4a4845;cursor:pointer;background:0 0;border:none;padding:0;font-size:16px;line-height:1}.overlay-close:hover{color:#d8d0c0}.font-slot{letter-spacing:.06em;color:#4a4845;text-align:center;background:#1a1c1e;border:1px dashed #3d4245;border-radius:2px;flex-shrink:0;width:100%;padding:4px 6px;font-size:10px;transition:border-color .15s,color .15s}.channel-drag-over .font-slot{color:#d8d0c0;border-color:#d8d0c0}.text-input{color:#d8d0c0;background:#1a1c1e;border:1px solid #2e3234;border-radius:2px;flex-shrink:0;width:100%;padding:5px 8px;font-size:12px}.text-input:focus{border-color:#c8c2b8;outline:none}.eq-button{letter-spacing:.15em;text-transform:uppercase;color:#b8b2a8;cursor:pointer;background:#1a1c1e;border:1px solid #3d4245;border-radius:2px;flex-shrink:0;width:100%;height:22px;font-size:9px;transition:all .1s;box-shadow:inset 0 1px #ffffff0a,0 1px 2px #0006}.eq-button:hover{color:#d8d0c0;background:#252829;border-color:#d8d0c0}.eq-control{flex-direction:column;flex-shrink:0;align-items:center;gap:2px;display:flex}.eq-control span{color:#c8c2b8;letter-spacing:.15em;text-transform:uppercase;font-size:9px}.eq-bands-row{flex-direction:column;gap:10px;padding:4px 10px 8px;display:flex}.eq-band-group{border-bottom:1px solid #ffffff12;flex-direction:column;align-items:center;gap:4px;width:100%;padding-bottom:8px;display:flex}.eq-band-group:last-child{border-bottom:none;padding-bottom:0}.eq-band-label{color:#c8c2b8;letter-spacing:.15em;text-transform:uppercase;font-size:9px}.eq-band-value{color:#c8c2b8;letter-spacing:.1em;font-size:9px}.eq-pad-learn-active{opacity:.6;animation:.6s ease-in-out infinite alternate eq-pad-blink}@keyframes eq-pad-blink{0%{opacity:.4}to{opacity:1}}.eq-pad-clear{min-width:unset;padding:1px 4px;font-size:9px}.eq-controls-row{flex-direction:row;justify-content:center;align-items:center;gap:16px;display:flex}.fx-container{flex-shrink:0;position:relative}.fx-dropdown{z-index:100;background:#202325;border:1px solid #3d4245;border-radius:2px;width:100%;margin-top:3px;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 4px 16px #000000b3}.fx-dropdown-item{letter-spacing:.08em;color:#b8b2a8;cursor:pointer;border-bottom:1px solid #2e3234;padding:7px 10px;font-size:10px;transition:background .1s}.fx-dropdown-item:last-child{border-bottom:none}.fx-dropdown-item:hover{color:#d8d0c0;background:#d8d0c014}.fx-slot-active{background:#d8d0c0;border:1px solid #d8d0c0;border-radius:2px;flex-direction:row;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:22px;padding:0 8px;display:flex;box-shadow:inset 0 1px #ffffff26}.fx-slot-active-name{color:#1a1c1e;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;flex:1;font-size:9px;font-weight:400}.fx-slot-active-name:hover{color:#3d4245}.fx-slot-remove{color:#6a6460;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;line-height:1}.fx-slot-remove:hover{color:#c44040}.pan-centre{border-top:1px solid #2e3234;flex-direction:column;flex-shrink:0;align-items:center;gap:5px;margin-top:4px;padding:7px 0 3px;display:flex}.pan-value{color:#4a4845;font-size:9px}.fader-centre{flex-direction:column;flex:none;align-items:center;gap:6px;display:flex}.fader-track{cursor:pointer;clip-path:none;background:#1a1c1e;border-radius:0;width:3px;height:clamp(80px,20vh,280px);min-height:80px;margin:0 auto;position:relative;overflow:visible;box-shadow:inset 0 0 0 1px #2e3234,inset 1px 0 #141617}.fader-thumb{cursor:grab;pointer-events:none;background:#d8d0c0;border-radius:1px;width:22px;height:32px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #0009,inset 0 0 0 1px #ffffff26}.fader-thumb:after{content:"";background:#0000004d;width:10px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 -2px #00000026,0 2px #00000026}.fader-thumb:active{cursor:grabbing}.control-label{color:#c8c2b8;letter-spacing:.15em;text-transform:uppercase;flex-shrink:0;font-size:9px}.fader-value{color:#4a4845;flex-shrink:0;font-size:9px}.ms-row{flex-direction:row;flex-shrink:0;gap:4px;width:100%;margin-top:4px;display:flex}.knob{cursor:pointer;background:radial-gradient(circle at 38% 35%,#ddd8cc 0%,#c8c0b0 45%,#a8a098 100%);border:none;border-radius:50%;flex-shrink:0;width:36px;height:36px;position:relative;box-shadow:0 2px 4px #000000b3,0 1px #ffffff26,inset 0 1px 1px #fff3,inset 0 -1px 1px #0000004d}.knob-small{width:28px;height:28px}.knob:after{content:none}.knob-line{background:#1a1c1e;border-radius:1px;width:2px;height:11px;position:absolute;top:50%;left:50%;transform:translate(-50%,-100%);box-shadow:0 0 0 .5px #00000080}.ms-button{letter-spacing:.15em;text-transform:uppercase;color:#c8c2b8;cursor:pointer;background:#1a1c1e;border:1px solid #3d4245;border-radius:2px;flex:1;width:28px;height:28px;font-size:9px;font-weight:400;transition:all .1s;box-shadow:inset 0 1px #ffffff08,0 1px 2px #0006}.ms-button:hover{color:#d8d0c0;background:#252829}.active-mute{color:#ede6d6;background:#c44040;border-color:#c44040;box-shadow:0 0 6px #c4404066,inset 0 1px #ffffff1a}.active-solo{color:#1a1c1e;background:#d8d0c0;border-color:#d8d0c0;box-shadow:0 0 6px #d8d0c04d}.canvas-wrapper{display:none}.topbar-hamburger-wrap{z-index:200;position:relative}.hamburger-btn{cursor:pointer;background:#1a1c1e;border:1px solid #3d4245;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:30px;height:30px;padding:0;display:flex;box-shadow:inset 0 1px #ffffff0a,0 1px 2px #0006}.hamburger-btn span{background:#6a6460;border-radius:0;width:12px;height:1px;display:block}.hamburger-btn:hover span{background:#d8d0c0}.hamburger-dropdown{z-index:999;background:#202325;border:1px solid #3d4245;border-radius:2px;min-width:150px;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 8px 24px #000000b3}.hamburger-item{letter-spacing:.1em;text-transform:uppercase;color:#b8b2a8;cursor:pointer;border-bottom:1px solid #2e3234;padding:9px 12px;font-size:10px;transition:background .1s}.hamburger-item:last-child{border-bottom:none}.hamburger-item:hover{color:#d8d0c0;background:#d8d0c014}.plugin-window{z-index:1000;background:#202325;border:1px solid #3d4245;border-top:2px solid #5a5a52;border-radius:3px;width:360px;position:fixed;overflow:hidden;box-shadow:0 24px 64px #000c,inset 1px 1px #ffffff08}.plugin-header{cursor:grab;-webkit-user-select:none;user-select:none;background:#1a1c1e;border-bottom:1px solid #2e3234;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.plugin-header:active{cursor:grabbing}.plugin-title{flex-direction:column;gap:2px;display:flex}.plugin-brand{color:#c8c2b8;letter-spacing:.2em;text-transform:uppercase;font-size:8px}.plugin-name{color:#d8d0c0;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:400}.plugin-close{color:#4a4845;cursor:pointer;background:0 0;border:none;padding:0;font-size:18px;line-height:1}.plugin-close:hover{color:#d8d0c0}.plugin-body{padding:20px 14px}.plugin-stereo{flex-direction:column;align-items:center;gap:16px;display:flex}.plugin-knob-row{flex-direction:row;justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.plugin-knob-centre{flex-direction:column;align-items:center;gap:6px;display:flex}.plugin-knob{width:64px!important;height:64px!important}.plugin-knob .knob-line{height:24px}.plugin-knob-label{color:#4a4845;letter-spacing:.15em;text-transform:uppercase;font-size:8px}.plugin-value{color:#c8c2b8;margin-top:4px;font-size:10px}.add-channel-btn{color:#3d4245;cursor:pointer;background:0 0;border:1px dashed #2e3234;border-radius:2px;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;width:30px;min-width:30px;font-size:18px;line-height:1;transition:all .15s;display:flex}.add-channel-btn:hover{color:#d8d0c0;border-color:#c8c2b8}.channel-remove-btn{color:#4a4845;cursor:pointer;background:0 0;border:none;padding:2px;font-size:14px;line-height:1;transition:color .15s}.channel-remove-btn:hover{color:#c44040}.channel-header-actions{flex-direction:row;align-items:center;gap:6px;display:flex}.channel-action-btn{color:#4a4845;cursor:pointer;background:0 0;border:none;padding:2px;font-size:14px;line-height:1;transition:color .15s}.channel-action-btn:hover{color:#d8d0c0}.fx-slots-container{flex-direction:column;flex:1;justify-content:flex-start;gap:3px;padding:3px 0;display:flex}.fx-slot-ghost{border:1px dashed #2a2d30;border-radius:2px;flex-shrink:0;width:100%;height:22px}.channel-bottom{border-top:1px solid #2e3234;flex-direction:column;flex-shrink:0;gap:5px;padding-top:7px;display:flex}.channel-top{flex-direction:column;flex-shrink:0;gap:14px;padding-bottom:14px;display:flex}.fx-unit{flex-direction:column;gap:3px;display:flex}.fx-button-wrap{position:relative}.channel-middle{flex-direction:column;flex-shrink:0;gap:8px;margin-top:auto;display:flex}.chorus-plugin-row{flex-direction:row;justify-content:space-between;align-items:stretch;gap:4px;padding:4px 0;display:flex}.chorus-knob-cell{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.chorus-knob-cell .plugin-knob{width:54px!important;height:54px!important}.plugin-window-chorus{width:280px}.plugin-window-phaser{width:220px}.topbar-centre{align-items:center;gap:20px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.transport-group{align-items:center;gap:4px;display:flex}.transport-divider{background:#2e3234;width:1px;height:18px}.transport-btn{color:#4a4845;cursor:pointer;background:#1a1c1e;border:1px solid #3d4245;border-radius:2px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:all .1s;display:flex;box-shadow:inset 0 1px #ffffff0a,0 1px 2px #0006}.transport-btn:hover{color:#d8d0c0;border-color:#b8b2a8}.transport-btn.active-play{color:#1a1c1e;background:#d8d0c0;border-color:#d8d0c0;box-shadow:0 0 8px #d8d0c040}.transport-btn.active-record{color:#ede6d6;background:#c44040;border-color:#c44040;box-shadow:0 0 8px #c4404066}.format-btn{color:#4a4845;cursor:pointer;background:#1a1c1e;border:1px solid #3d4245;border-radius:2px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:all .1s;display:flex;box-shadow:inset 0 1px #ffffff0a,0 1px 2px #0006}.format-btn:hover{color:#d8d0c0;border-color:#b8b2a8}.format-btn.active-format{color:#d8d0c0;background:#d8d0c01a;border-color:#d8d0c0}.channel-colour-tab{cursor:pointer;background:#1a1c1e;border-bottom:1px solid #2e3234;border-radius:3px 3px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:18px;padding:0 8px;transition:filter .15s;display:flex}.channel-colour-tab:hover{filter:brightness(1.2)}.channel-colour-tab-label{letter-spacing:.15em;color:#d8d0c066;text-transform:uppercase;font-size:7px}.channel-colour-tab-arrow{color:#d8d0c066;font-size:7px;transition:transform .15s}.channel-colour-tab-arrow.open{transform:rotate(180deg)}.channel-colour-swatches{z-index:100;background:#1a1c1e;border:1px solid #3d4245;border-top:none;border-radius:0 0 3px 3px;grid-template-columns:repeat(3,1fr);gap:5px;padding:7px;display:grid;position:absolute;top:18px;left:0;right:0;box-shadow:0 4px 12px #0009}.colour-swatch{aspect-ratio:1;cursor:pointer;border:1px solid #0000;border-radius:50%;width:100%;transition:border-color .15s,transform .1s}.colour-swatch:hover{transform:scale(1.1)}.colour-swatch.selected{border-color:#d8d0c0}.colour-swatch-custom{background:conic-gradient(#ff1a1a,#ffc61a,#73e600,#0c6,#0af,#33f,#b31aff,#ff1ab2,#ff1a1a);border-radius:50%;position:relative;overflow:hidden}.colour-swatch-input{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.sequencer-bar,.sequencer-toggle,.canvas-column{display:none}.canvas-workspace{-webkit-user-select:none;user-select:none;background:#111213;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.canvas-artboard-scaler{transform-origin:50%;will-change:transform;flex-shrink:0}.canvas-a4{contain:strict;background:#0e0f10;border:1px solid #2e3234;border-radius:3px;flex-shrink:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08,0 8px 40px #000000e6}.patch-list{flex-direction:column;flex:1;gap:3px;min-height:0;display:flex;overflow-y:auto}.patch-list::-webkit-scrollbar{width:4px}.patch-list::-webkit-scrollbar-thumb{background:#3d4245;border-radius:0}.patch-empty{color:#3d4245;text-align:center;letter-spacing:.08em;margin-top:24px;font-size:10px}.patch-item{cursor:pointer;background:#202325;border:1px solid #2e3234;border-radius:2px;flex-direction:row;flex-shrink:0;justify-content:space-between;align-items:center;padding:7px 10px;transition:all .1s;display:flex}.patch-item:hover{background:#d8d0c00a;border-color:#c8c2b8}.patch-item-active{background:#d8d0c012;border-color:#d8d0c0}.patch-item-name{color:#b8b2a8;letter-spacing:.06em;flex:1;font-size:10px}.patch-item-active .patch-item-name{color:#d8d0c0}.patch-item-delete{color:#3d4245;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;line-height:1}.patch-item-delete:hover{color:#c44040}.modal-overlay{z-index:2000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#202325;border:1px solid #3d4245;border-top:2px solid #5a5a52;border-radius:3px;width:300px;overflow:hidden;box-shadow:0 24px 64px #000c}.modal-header{letter-spacing:.15em;text-transform:uppercase;color:#c8c2b8;background:#1a1c1e;border-bottom:1px solid #2e3234;justify-content:space-between;align-items:center;padding:12px 14px;font-size:10px;display:flex}.modal-close{color:#4a4845;cursor:pointer;background:0 0;border:none;padding:0;font-size:18px}.modal-close:hover{color:#d8d0c0}.modal-body{flex-direction:column;gap:10px;padding:14px;display:flex}.modal-input{color:#d8d0c0;background:#1a1c1e;border:1px solid #2e3234;border-radius:2px;width:100%;padding:7px 10px;font-size:11px}.modal-input:focus{border-color:#c8c2b8;outline:none}.modal-save{color:#1a1c1e;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;background:#d8d0c0;border:none;border-radius:2px;width:100%;height:30px;font-size:10px;font-weight:400;transition:background .1s}.modal-save:hover{background:#ede6d6}.library-col{flex-shrink:0;height:100%;display:flex;overflow:hidden}.library-panel-always{background:#202325;border:1px solid #2e3234;border-top:2px solid #3d4245;border-radius:3px;width:140px;overflow:hidden auto;box-shadow:inset 1px 1px #ffffff0a,2px 2px 6px #00000080}.library-panel-always::-webkit-scrollbar{width:3px}.library-panel-always::-webkit-scrollbar-thumb{background:#3d4245}.library-list{flex-direction:column;flex:none;display:flex}.channel{background:#202325;border:1px solid #0000;border-top:2px solid #3d4245;border-radius:3px;flex-direction:column;flex:none;min-height:0;display:flex;overflow:hidden;box-shadow:inset 1px 1px #ffffff08,2px 2px 8px #00000080}.channel-selected{outline:none}.channel-col{z-index:5;flex-direction:row;flex-shrink:0;gap:6px;height:100%;display:flex;position:relative}.sequencer-col{background:#202325;border:1px solid #2e3234;border-top:2px solid #3d4245;border-radius:3px;flex-direction:column;flex-shrink:0;height:100%;display:flex;overflow:hidden;box-shadow:inset 1px 1px #ffffff08,2px 2px 8px #00000080;width:420px!important}.sequencer-col-header{background:#1a1c1e;border-bottom:1px solid #2e3234;flex-shrink:0;align-items:center;height:32px;min-height:32px;padding:0 12px;display:flex}.sequencer-col-header-label{letter-spacing:.2em;color:#c8c2b8;text-transform:uppercase;font-size:9px}.sequencer-col-lanes{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.sequencer-col-lanes::-webkit-scrollbar{width:4px}.sequencer-col-lanes::-webkit-scrollbar-thumb{background:#3d4245;border-radius:0}.sequencer-col-audio-lane{background:#1a1c1e;border-bottom:1px solid #2e3234;flex-shrink:0;justify-content:flex-start;align-items:center;height:48px;padding-left:0;display:flex}.sequencer-col-lane{cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #2e3234;flex-shrink:0;align-items:center;gap:8px;height:52px;padding:0 10px;transition:background .1s;display:flex;position:relative}.sequencer-col-lane:hover{background:#d8d0c00d}.sequencer-col-lane.active-lane{outline-offset:-1px;background:#d8d0c00f;outline:1px solid #d8d0c073}.sequencer-transport-bar{background:#1a1c1e;border-top:1px solid #2e3234;flex-shrink:0;justify-content:center;align-items:center;gap:6px;height:44px;display:flex}.canvas-col{isolation:isolate;background:#181a1b;border:1px solid #2e3234;border-top:2px solid #3d4245;border-radius:3px;flex:1;justify-content:center;align-items:center;min-width:0;height:100%;display:flex;overflow:hidden;box-shadow:inset 1px 1px #ffffff05,2px 2px 8px #00000080}.canvas-col .canvas-workspace{width:100%;height:100%}.sequencer-wps{align-items:baseline;gap:4px;margin-left:auto;display:flex}.sequencer-wps-value{color:#d8d0c0;letter-spacing:.05em;font-variant-numeric:tabular-nums;font-size:13px}.sequencer-wps-label{letter-spacing:.2em;color:#6a6460;text-transform:uppercase;font-size:8px}.seq-ruler{background:#141617;border-bottom:1px solid #2e3234;flex-shrink:0;height:20px;min-height:20px;padding-left:36px;position:relative;overflow:visible}.seq-ruler-tick{align-items:flex-end;padding-bottom:2px;display:flex;position:absolute;top:0;bottom:0}.seq-ruler-tick span{color:#4a4845;letter-spacing:.06em;padding-left:3px;font-size:8px}.seq-ruler-tick:before{content:"";background:#3d4245;width:1px;height:5px;position:absolute;bottom:0;left:0}.seq-ruler-scrub{cursor:col-resize;-webkit-user-select:none;user-select:none}.seq-ruler-handle{pointer-events:none;z-index:20;flex-direction:column;align-items:center;width:12px;height:100%;display:flex;position:absolute;top:0;transform:translate(-50%)}.seq-ruler-handle:before{content:"";border-top:7px solid #d8d0c0;border-left:5px solid #0000;border-right:5px solid #0000;flex-shrink:0;width:0;height:0;margin-top:1px}.seq-ruler-handle:after{content:"";background:#d8d0c080;flex:1;width:1px}.seq-loop-region{pointer-events:none;z-index:1;background:#d8d0c01a;border-left:1px solid #d8d0c066;border-right:1px solid #d8d0c066;position:absolute;top:0;bottom:0}.seq-loop-handle{cursor:ew-resize;z-index:25;width:10px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.seq-loop-handle:before{content:"";background:#d8d0c0;border-radius:1px;width:3px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.seq-loop-handle:after{content:"";background:#d8d0c0;border-radius:1px 1px 0 0;width:10px;height:6px;position:absolute;top:0;left:50%;transform:translate(-50%)}.seq-loop-handle:hover:before,.seq-loop-handle:hover:after{background:#ede6d6}.seq-timeline-lane{cursor:crosshair;position:relative;overflow:hidden}.seq-timeline-area{position:absolute;inset:0 0 0 36px;overflow:hidden}.seq-grid{pointer-events:none;z-index:0;position:absolute;inset:0}.seq-grid-line{background:#ffffff0a;width:1px;position:absolute;top:0;bottom:0}.seq-grid-line-major{background:#ffffff1a}.seq-lane-label{z-index:3;background:#1a1c1ed9;border-left:2px solid #0000;border-right:1px solid #2e3234;flex-shrink:0;justify-content:center;align-items:center;width:36px;display:flex;position:absolute;top:0;bottom:0;left:0}.seq-lane-label span{letter-spacing:.15em;text-transform:uppercase;writing-mode:vertical-rl;text-orientation:mixed;font-size:7px;transform:rotate(180deg)}.seq-aud-label{position:relative}.seq-playhead{pointer-events:none;z-index:10;background:#d8d0c0bf;width:1px;position:absolute;top:0;bottom:0;box-shadow:0 0 4px #d8d0c04d}.seq-snap-line{pointer-events:none;z-index:20;background:#d8d0c0;width:1px;position:absolute;top:0;bottom:0;box-shadow:0 0 4px #d8d0c066}.seq-waveform-canvas{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.seq-waveform-canvas.seq-waveform-pannable{pointer-events:auto;cursor:grab}.seq-waveform-canvas.seq-waveform-pannable:active{cursor:grabbing}.sequencer-upload-label{z-index:5;color:#a09890;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:#1a1c1eb3;border:1px dashed #6a6460;border-radius:2px;padding:4px 10px;font-size:10px;transition:all .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sequencer-upload-label:hover{color:#c8c2b8;border-color:#c8c2b8}.seq-audio-bin{cursor:pointer;opacity:.3;z-index:10;background:0 0;border:none;padding:4px;font-size:12px;line-height:1;transition:opacity .15s;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.seq-audio-bin:hover{opacity:1}.seq-word-block{cursor:grab;-webkit-user-select:none;user-select:none;z-index:3;opacity:.55;border-radius:2px;align-items:center;min-width:4px;transition:opacity 80ms,box-shadow 80ms;display:flex;position:absolute;top:5px;bottom:5px;overflow:hidden}.seq-word-block:active{cursor:grabbing}.seq-word-block-live{opacity:1;box-shadow:0 0 0 1px #ffffff4d}.seq-word-block-label{letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;flex:1;padding:0 18px 0 22px;font-size:8px;overflow:hidden}.seq-block-resize{cursor:ew-resize;z-index:4;opacity:.5;justify-content:center;align-items:center;width:8px;transition:opacity .1s;display:flex;position:absolute;top:0;bottom:0;right:0}.seq-block-resize:after{content:"";background:#0006;border-radius:1px;width:2px;height:60%}.seq-word-block:hover .seq-block-resize{opacity:1}.seq-block-resize-left{cursor:ew-resize;z-index:4;opacity:.5;justify-content:center;align-items:center;width:8px;transition:opacity .1s;display:flex;position:absolute;top:0;bottom:0;left:0}.seq-block-resize-left:after{content:"";background:#0006;border-radius:1px;width:2px;height:60%}.seq-word-block:hover .seq-block-resize-left{opacity:1}.block-ctx-menu{z-index:1000;background:#202325;border:1px solid #3d4245;border-radius:2px;min-width:130px;position:fixed;overflow:hidden;box-shadow:0 4px 16px #000000b3}.block-ctx-item{letter-spacing:.08em;color:#b8b2a8;cursor:pointer;padding:7px 10px;font-size:10px;transition:background .1s,color .1s}.block-ctx-item:hover{color:#d8d0c0;background:#d8d0c014}.auto-curve-canvas{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.seq-transport-divider{background:#2e3234;width:1px;height:18px;margin:0 4px}.seq-wps-transport{align-items:baseline;gap:4px;display:flex}.seq-wps-transport-val{color:#c8c2b8;font-variant-numeric:tabular-nums;font-size:12px}.seq-wps-transport-lbl{color:#4a4845;letter-spacing:.12em;text-transform:uppercase;font-size:8px}.seq-timer{color:#c8c2b8;font-variant-numeric:tabular-nums;letter-spacing:.06em;flex-shrink:0;font-family:Space Mono,Courier New,monospace;font-size:12px}.theme-toggle{color:#c8c2b8;cursor:pointer;background:0 0;border:1px solid #3d4245;border-radius:2px;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;transition:all .15s;display:flex;position:absolute;left:50%;transform:translate(-50%)}.theme-toggle:hover{color:#d8d0c0;border-color:#d8d0c0}.app.light{color:#1a1c1e;background:#e8e0d0}.app.light .topbar{background:#d8d0c0;border-bottom-color:#b8b0a0;box-shadow:0 1px #a09890,inset 0 1px #fff6}.app.light .topbar-logo{filter:brightness(0)saturate()}.app.light .theme-toggle{color:#3d4245;border-color:#b8b0a0}.app.light .theme-toggle:hover{color:#1a1c1e;border-color:#1a1c1e}.app.light .hamburger-btn{background:#c8c0b0;border-color:#a09890}.app.light .hamburger-btn span{background:#3d4245}.app.light .hamburger-btn:hover span{background:#1a1c1e}.app.light .hamburger-dropdown{background:#d8d0c0;border-color:#b8b0a0}.app.light .hamburger-item{color:#3d4245;border-bottom-color:#b8b0a0}.app.light .hamburger-item:hover{color:#1a1c1e;background:#0000000f}.app.light .library-panel-always{box-shadow:none;background:#d8d0c0;border-color:#a09890 #b8b0a0 #b8b0a0}.app.light .library-header-bar{background:#c8c0b0;border-bottom-color:#b8b0a0}.app.light .library-header-label{color:#3d4245}.app.light .library-item{color:#3d4245;border-bottom-color:#a0989066}.app.light .library-item:hover{color:#1a1c1e;background:#0000000d}.app.light .library-item-active{color:#1a1c1e;background:#00000012}.app.light .channel{box-shadow:none;background:#d8d0c0;border-color:#a09890 #0000 #0000}.app.light .channel-selected{outline:none}.app.light .channel-header{color:#3d4245}.app.light .channel-colour-tab{border-bottom-color:#b8b0a0}.app.light .font-slot{color:#6a6460;background:#c8c0b0;border-color:#a09890}.app.light .text-input{color:#1a1c1e;background:#c8c0b0;border-color:#b8b0a0}.app.light .text-input:focus{border-color:#3d4245}.app.light .eq-button{color:#3d4245;background:#c8c0b0;border-color:#a09890}.app.light .eq-button:hover{color:#1a1c1e;background:#bbb3a3;border-color:#1a1c1e}.app.light .fx-slot-ghost{border-color:#b8b0a0}.app.light .control-label{color:#6a6460}.app.light .fader-value,.app.light .pan-value{color:#8a8480}.app.light .fader-track{background:#c8c0b0;box-shadow:inset 0 0 0 1px #b8b0a0}.app.light .fader-thumb{background:#1a1c1e;box-shadow:0 1px 3px #0000004d,inset 0 0 0 1px #ffffff1a}.app.light .fader-thumb:after{background:#ffffff4d}.app.light .knob{background:radial-gradient(circle at 38% 35%,#2a2c2e 0%,#1a1c1e 45%,#0e0f10 100%);box-shadow:0 2px 4px #0000004d,0 1px #ffffff4d,inset 0 1px 1px #ffffff1a,inset 0 -1px 1px #0003}.app.light .knob-line{background:#d8d0c0}.app.light .ms-button{color:#3d4245;background:#c8c0b0;border-color:#a09890}.app.light .ms-button:hover{color:#1a1c1e;background:#bbb3a3}.app.light .add-channel-btn{color:#a09890;border-color:#b8b0a0}.app.light .add-channel-btn:hover{color:#1a1c1e;border-color:#1a1c1e}.app.light .channel-action-btn{color:#a09890}.app.light .channel-action-btn:hover{color:#1a1c1e}.app.light .channel-remove-btn{color:#a09890}.app.light .channel-remove-btn:hover{color:#c44040}.app.light .pan-centre,.app.light .channel-bottom{border-top-color:#b8b0a0}.app.light .eq-control span,.app.light .overlay-header span{color:#6a6460}.app.light .overlay-close{color:#a09890}.app.light .overlay-close:hover{color:#1a1c1e}.app.light .fx-dropdown{background:#d8d0c0;border-color:#a09890}.app.light .fx-dropdown-item{color:#3d4245;border-bottom-color:#b8b0a0}.app.light .fx-dropdown-item:hover{color:#1a1c1e;background:#0000000d}.app.light .fx-slot-active{background:#1a1c1e;border-color:#1a1c1e}.app.light .fx-slot-active-name{color:#d8d0c0}.app.light .fx-slot-active-name:hover{color:#a09890}.app.light .fx-slot-remove{color:#6a6460}.app.light .sequencer-col{box-shadow:none;background:#d8d0c0;border-color:#a09890 #b8b0a0 #b8b0a0}.app.light .sequencer-col-header{background:#c8c0b0;border-bottom-color:#b8b0a0}.app.light .sequencer-col-header-label{color:#3d4245}.app.light .sequencer-wps-value{color:#1a1c1e}.app.light .sequencer-wps-label{color:#8a8480}.app.light .seq-ruler{background:#c8c0b0;border-bottom-color:#b8b0a0}.app.light .seq-ruler-tick span{color:#8a8480}.app.light .seq-ruler-tick:before{background:#a09890}.app.light .seq-grid-line{background:#0000000d}.app.light .seq-grid-line-major{background:#0000001f}.app.light .sequencer-col-audio-lane{background:#c8c0b0;border-bottom-color:#b8b0a0}.app.light .sequencer-col-lane{border-bottom-color:#b8b0a0}.app.light .sequencer-col-lane:hover{background:#0000000a}.app.light .sequencer-col-lane.active-lane{outline-offset:-1px;background:#0000000f;outline:1px solid #1a1c1e73}.app.light .seq-lane-label{background:#c8c0b0e6;border-right-color:#b8b0a0}.app.light .seq-lane-label span{color:#3d4245!important}.app.light .seq-playhead{background:#1a1c1e99}.app.light .seq-snap-line{background:#1a1c1e;box-shadow:0 0 4px #1a1c1e4d}.app.light .seq-loop-region{background:#1a1c1e14;border-left-color:#1a1c1e59;border-right-color:#1a1c1e59}.app.light .seq-loop-handle:before,.app.light .seq-loop-handle:after{background:#1a1c1e}.app.light .seq-ruler-handle:before{border-top-color:#1a1c1e}.app.light .seq-ruler-handle:after{background:#1a1c1e66}.app.light .sequencer-transport-bar{background:#c8c0b0;border-top-color:#b8b0a0}.app.light .transport-btn{color:#6a6460;background:#d8d0c0;border-color:#a09890}.app.light .transport-btn:hover{color:#1a1c1e;border-color:#1a1c1e}.app.light .transport-btn.active-play{color:#d8d0c0;background:#1a1c1e;border-color:#1a1c1e}.app.light .transport-btn.active-record{color:#fff;background:#c44040;border-color:#c44040}.app.light .seq-transport-divider{background:#b8b0a0}.app.light .seq-wps-transport-val{color:#3d4245}.app.light .seq-wps-transport-lbl{color:#8a8480}.app.light .seq-timer{color:#3d4245}.app.light .sequencer-upload-label{color:#8a8480;background:#c8c0b099;border-color:#b8b0a0}.app.light .seq-block-resize:after,.app.light .seq-block-resize-left:after{background:#fff6}.app.light .seq-waveform-canvas.seq-waveform-pannable{cursor:grab}.app.light .canvas-col{box-shadow:none;background:#e8e0d0;border-color:#a09890 #b8b0a0 #b8b0a0}.app.light .canvas-workspace{background:#d0c8b8}.app.light .canvas-a4{background:#fff;border-color:#b8b0a0;box-shadow:inset 0 0 0 1px #0000000d,0 4px 24px #00000026}.app.light .plugin-window{box-shadow:none;background:#d8d0c0;border-color:#8a8480 #a09890 #a09890}.app.light .plugin-header{background:#c8c0b0;border-bottom-color:#b8b0a0}.app.light .plugin-brand{color:#6a6460}.app.light .plugin-name{color:#1a1c1e}.app.light .plugin-close{color:#a09890}.app.light .plugin-close:hover{color:#1a1c1e}.app.light .plugin-knob-label{color:#6a6460}.app.light .plugin-value{color:#3d4245}.header-info{color:#6a6460;cursor:help;-webkit-user-select:none;user-select:none;border:1px solid #3d4245;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-left:auto;font-family:DM Sans,Inter,Arial,sans-serif;font-size:9px;transition:border-color .15s,color .15s;display:flex}.header-info:hover{color:#c8c2b8;border-color:#c8c2b8}.sequencer-col-header .header-info{margin-left:auto}.header-tooltip{color:#c8c2b8;letter-spacing:.03em;z-index:9999;pointer-events:none;background:#1a1c1e;border:1px solid #3d4245;border-radius:3px;width:260px;padding:8px 10px;font-size:10px;line-height:1.5;position:fixed;transform:translate(-50%);box-shadow:0 4px 16px #0009}.header-tooltip-arrow{border:5px solid #0000;border-bottom-color:#3d4245;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.app.light .header-info{color:#8a8480;border-color:#b8b0a0}.app.light .header-info:hover{color:#3d4245;border-color:#3d4245}.app.light .header-tooltip{color:#3d4245;background:#d8d0c0;border-color:#b8b0a0;box-shadow:0 4px 16px #00000026}.app.light .header-tooltip-arrow{border-bottom-color:#b8b0a0}.canvas-col{flex-direction:column!important;align-items:stretch!important}.canvas-col-header{background:#1a1c1e;border-bottom:1px solid #2e3234;flex-shrink:0;align-items:center;height:32px;min-height:32px;padding:0 12px;display:flex}.canvas-col-header-label{letter-spacing:.2em;color:#c8c2b8;text-transform:uppercase;font-size:9px}.canvas-col .canvas-workspace{flex:1;min-height:0}.app.light .canvas-col-header{background:#c8c0b0;border-bottom-color:#b8b0a0}.app.light .canvas-col-header-label{color:#3d4245}.canvas-toolbar{background:#1a1c1e;border-top:1px solid #2e3234;flex-shrink:0;justify-content:center;align-items:center;gap:6px;height:44px;display:flex}.canvas-align-btn{width:28px;height:28px}.canvas-align-btn-disabled{opacity:.3;pointer-events:none}.canvas-bg-wrap{position:relative}.canvas-bg-btn{justify-content:center;align-items:center;width:30px;height:30px;display:flex}.canvas-bg-swatch-dot{border:1px solid #fff3;border-radius:50%;flex-shrink:0;width:12px;height:12px;display:block}.canvas-bg-picker{z-index:200;background:#1a1c1e;border:1px solid #3d4245;border-radius:3px;grid-template-columns:repeat(3,1fr);gap:5px;min-width:88px;padding:7px;display:grid;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 -4px 16px #000000b3}.app.light .canvas-toolbar{background:#c8c0b0;border-top-color:#b8b0a0}.app.light .canvas-bg-picker{background:#d8d0c0;border-color:#a09890}.channel-col-wrap{background:#202325;border:1px solid #2e3234;border-top:2px solid #3d4245;border-radius:3px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:inset 1px 1px #ffffff08,2px 2px 8px #00000080}.mixer-header-bar{background:#1a1c1e;border-bottom:1px solid #2e3234;flex-shrink:0;align-items:center;height:32px;min-height:32px;padding:0 12px;display:flex}.mixer-header-label{letter-spacing:.2em;color:#c8c2b8;text-transform:uppercase;font-size:9px}.channel-col-wrap .channel{box-shadow:none;border:none;border-radius:0;flex:1;min-height:0;overflow:hidden auto}.channel-col-wrap .channel::-webkit-scrollbar{width:3px}.channel-col-wrap .channel::-webkit-scrollbar-thumb{background:#3d4245}.channel-col-wrap .add-channel-btn{border-top:1px solid #2e3234;border-radius:0;flex-shrink:0;width:100%;height:36px}.app.light .channel-col-wrap{box-shadow:none;background:#d8d0c0;border-color:#a09890 #b8b0a0 #b8b0a0}.app.light .mixer-header-bar{background:#c8c0b0;border-bottom-color:#b8b0a0}.app.light .mixer-header-label{color:#3d4245}.app.light .channel-col-wrap .add-channel-btn{border-top-color:#b8b0a0}.channel-col .add-channel-btn{flex-shrink:0;align-self:stretch;width:30px;min-width:30px;height:auto}.plugin-window-reverb{width:420px!important}.reverb-divider{background:#2e3234;width:100%;height:1px;margin:4px 0}.reverb-row{flex-direction:row;justify-content:space-around;align-items:flex-end;padding:4px 0;display:flex}.plugin-window-wide{width:420px!important}.reverb-plugin-layout{flex-direction:column;gap:0;display:flex}.reverb-row-top{flex-direction:row;justify-content:space-around;align-items:flex-end;padding-bottom:16px;display:flex}.reverb-divider{background:#2e3234;width:100%;height:1px;margin-bottom:16px}.reverb-row-bottom{flex-direction:row;justify-content:space-around;align-items:flex-end;display:flex}.reverb-knob-large{cursor:pointer;background:radial-gradient(circle at 38% 35%,#ddd8cc 0%,#c8c0b0 45%,#a8a098 100%);border-radius:50%;flex-shrink:0;position:relative;box-shadow:0 2px 4px #000000b3,0 1px #ffffff26,inset 0 1px 1px #fff3,inset 0 -1px 1px #0000004d;width:72px!important;height:72px!important}.reverb-knob-line-large{background:#1a1c1e;border-radius:1px;width:2px;height:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-100%)}.app.light .reverb-divider{background:#b8b0a0}.app.light .reverb-knob-large{background:radial-gradient(circle at 38% 35%,#2a2c2e 0%,#1a1c1e 45%,#0e0f10 100%)}.app.light .reverb-knob-line-large{background:#d8d0c0}.bpm-control{flex-shrink:0;align-items:baseline;gap:4px;display:flex}.bpm-input{color:#c8c2b8;font-variant-numeric:tabular-nums;text-align:center;appearance:textfield;background:#1a1c1e;border:1px solid #3d4245;border-radius:2px;width:38px;padding:2px 4px;font-family:Space Mono,Courier New,monospace;font-size:11px}.bpm-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bpm-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bpm-input:focus{color:#d8d0c0;border-color:#c8c2b8;outline:none}.bpm-label{color:#4a4845;letter-spacing:.15em;text-transform:uppercase;flex-shrink:0;font-size:8px}.transport-toggle-btn{color:#4a4845;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:#1a1c1e;border:1px solid #3d4245;border-radius:2px;flex-shrink:0;height:22px;padding:0 7px;font-size:8px;transition:all .1s}.transport-toggle-btn:hover{color:#c8c2b8;border-color:#c8c2b8}.transport-toggle-btn.active-toggle{color:#1a1c1e;background:#d8d0c0;border-color:#d8d0c0;box-shadow:0 0 6px #d8d0c040}.app.light .bpm-input{color:#3d4245;background:#c8c0b0;border-color:#a09890}.app.light .bpm-input:focus{color:#1a1c1e;border-color:#3d4245}.app.light .bpm-label{color:#8a8480}.app.light .transport-toggle-btn{color:#8a8480;background:#d8d0c0;border-color:#a09890}.app.light .transport-toggle-btn:hover{color:#3d4245;border-color:#3d4245}.app.light .transport-toggle-btn.active-toggle{color:#d8d0c0;background:#1a1c1e;border-color:#1a1c1e}.font-search-wrap{border-bottom:1px solid #2e3234;flex-shrink:0;padding:6px 8px;position:relative}.font-search-input{color:#d8d0c0;background:#1a1c1e;border:1px solid #3d4245;border-radius:2px;outline:none;width:100%;padding:4px 24px 4px 8px;font-size:10px}.font-search-input:focus{border-color:#c8c2b8}.font-search-input::placeholder{color:#3d4245}.font-search-clear{color:#4a4845;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;line-height:1;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.font-search-clear:hover{color:#d8d0c0}.font-tags-row{border-bottom:1px solid #2e3234;flex-wrap:wrap;flex-shrink:0;gap:4px;padding:6px 8px;display:flex}.font-tag{color:#6a6460;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:#1a1c1e;border:1px solid #3d4245;border-radius:2px;height:18px;padding:0 6px;font-size:7px;transition:all .1s}.font-tag:hover{color:#c8c2b8;border-color:#c8c2b8}.font-tag-active{color:#1a1c1e;background:#d8d0c0;border-color:#d8d0c0}.font-search-empty{color:#3d4245;letter-spacing:.08em;text-align:center;padding:12px 10px;font-size:9px}.font-section-label{color:#c8c2b8;letter-spacing:.2em;text-transform:uppercase;background:#d8d0c00f;border-bottom:1px solid #2e3234;flex-shrink:0;padding:5px 10px 4px;font-size:7px}.font-section-divider{background:#2e3234;flex-shrink:0;height:1px;margin:4px 0}.app.light .font-search-input{color:#1a1c1e;background:#c8c0b0;border-color:#b8b0a0}.app.light .font-search-input::placeholder{color:#b8b0a0}.app.light .font-search-input:focus{border-color:#3d4245}.app.light .font-search-clear{color:#a09890}.app.light .font-tag{color:#8a8480;background:#c8c0b0;border-color:#b8b0a0}.app.light .font-tag:hover{color:#3d4245;border-color:#3d4245}.app.light .font-tag-active{color:#d8d0c0;background:#1a1c1e;border-color:#1a1c1e}.app.light .font-section-label{color:#6a6460;background:#0000000a;border-bottom-color:#b8b0a0}.app.light .font-section-divider{background:#b8b0a0}.channel-header,.control-label{font-size:11px!important}.channel-colour-tab{height:26px!important}.channel-colour-tab-label{letter-spacing:.12em!important;font-size:10px!important}.channel-colour-tab-arrow{font-size:10px!important}.eq-control span{font-size:11px!important}.seq-lane-label span{font-size:9px!important}.add-channel-col-wrap{border-top:2px solid #3d4245;flex-direction:column;flex-shrink:0;align-self:stretch;width:30px;display:flex;position:relative}.add-channel-col-wrap .add-channel-btn{border-top:1px solid #2e3234;border-radius:0;flex:1;align-self:stretch;width:30px;height:auto}.add-channel-col-wrap:hover .add-channel-btn{color:#d8d0c0;border-color:#c8c2b8}.add-channel-menu{z-index:300;background:#202325;border:1px solid #3d4245;border-radius:2px;min-width:120px;position:absolute;top:50%;left:calc(100% + 4px);overflow:hidden;transform:translateY(-50%);box-shadow:0 4px 16px #000000b3}.add-channel-menu-item{letter-spacing:.08em;color:#b8b2a8;cursor:pointer;border-bottom:1px solid #2e3234;padding:8px 12px;font-size:10px;transition:background .1s}.add-channel-menu-item:last-child{border-bottom:none}.add-channel-menu-item:hover{color:#d8d0c0;background:#d8d0c014}.audio-ch-waveform-wrap{flex-shrink:0;width:100%;height:32px;position:relative;overflow:hidden}.audio-ch-waveform-wrap canvas{display:block;width:100%!important;height:32px!important}.audio-ch-bin{cursor:pointer;z-index:2;background:#1a1c1ecc;border:none;padding:2px 4px;font-size:11px;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.audio-map-dropdown{z-index:200;background:#202325;border:1px solid #3d4245;border-radius:2px;max-height:160px;margin-top:2px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 16px #000000b3}.piano-roll-wrap{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.piano-roll-header{background:#1a1c1e;border-bottom:1px solid #2e3234;flex-shrink:0;align-items:center;gap:8px;height:28px;min-height:28px;padding:0 10px;display:flex}.piano-roll-back{color:#c8c2b8;letter-spacing:.1em;cursor:pointer;background:0 0;border:1px solid #3d4245;border-radius:2px;padding:3px 7px;font-family:inherit;font-size:7px}.piano-roll-back:hover{background:#ffffff0f;border-color:#6a6460}.piano-roll-title{letter-spacing:.15em;color:#c8c2b8;text-transform:uppercase;flex:1;font-size:8px}.piano-roll-no-key{letter-spacing:.1em;color:#6a6460;text-transform:uppercase;font-size:7px}.piano-roll-body{flex:1;min-height:0;display:flex;overflow:hidden auto}.piano-roll-body::-webkit-scrollbar{width:4px}.piano-roll-body::-webkit-scrollbar-thumb{background:#3d4245;border-radius:0}.piano-roll-keys{background:#1a1c1e;border-right:1px solid #2e3234;flex-direction:column;flex-shrink:0;width:52px;display:flex}.piano-roll-key{box-sizing:border-box;border-bottom:1px solid #0000004d;flex-shrink:0;justify-content:flex-end;align-items:center;height:10px;min-height:10px;padding-right:3px;display:flex;position:relative}.piano-roll-key.pr-white{background:#cfc8be;border-bottom-color:#00000026}.piano-roll-key.pr-black{background:#1a1c1e;border-bottom-color:#00000080}.piano-roll-key.pr-assigned{border-right:2px solid #ffffffb3;background:#ffffffe0!important}.piano-roll-key.pr-dim{opacity:.28}.piano-roll-key.pr-pressed.pr-white{opacity:1!important;background:#9e9790!important}.piano-roll-key.pr-pressed.pr-black{opacity:1!important;background:#3a3e42!important}.piano-roll-key.pr-pressed.pr-assigned{background:#b8b2aa!important}.pr-key-label{color:#7a746e;letter-spacing:.04em;text-transform:uppercase;pointer-events:none;font-size:5.5px;line-height:1}.piano-roll-key.pr-white .pr-key-label{color:#6a6460}.piano-roll-key.pr-assigned .pr-key-label{color:#3d4245}.piano-roll-grid{cursor:crosshair;background:#1e2022;flex:1;height:370px;min-height:370px;position:relative;overflow:hidden}.pr-grid-locked{cursor:not-allowed}.pr-row{box-sizing:border-box;border-bottom:1px solid #00000040;position:absolute;left:0;right:0}.pr-row-white{background:#ffffff06}.pr-row-black{background:#00000047}.pr-row-assigned{background:#fff1!important}.pr-gridline{pointer-events:none;background:#ffffff0f;width:1px;position:absolute;top:0;bottom:0}.pr-gridline-bar{background:#ffffff21}.pr-note{cursor:ns-resize;pointer-events:all;box-sizing:border-box;border-top:1px solid #ffffff40;border-bottom:1px solid #00000059;border-radius:1px;position:absolute}.pr-note-drawing{cursor:crosshair;pointer-events:none;border-style:dashed;border-color:#ffffff4d}.pr-preview-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.layers-panel{flex-direction:column;flex:1;display:flex;overflow-y:auto}.layer-row{cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #2e3234;align-items:center;height:40px;min-height:40px;transition:background .1s;display:flex}.layer-row:hover{background:#d8d0c00a}.layer-row.active-lane{background:#d8d0c014}.layer-row.layer-row-drag-over{border-top:2px solid #d8d0c0}.layer-colour-bar{flex-shrink:0;width:4px;height:100%}.layer-label{letter-spacing:.15em;color:#d8d0c0;text-transform:uppercase;white-space:nowrap;flex-shrink:0;width:40px;padding:0 10px;font-size:8px}.layer-block-area{flex:1;height:20px;margin-right:8px}.layer-block{opacity:.65;border-radius:2px;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.layer-block-label{letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;width:100%;padding:0 5px;font-size:7px;display:block;overflow:hidden}.font-upload-btn{color:#a09890;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;text-align:center;background:#d8d0c00f;border:1px solid #3d4245;border-radius:2px;width:calc(100% - 20px);height:26px;margin:6px 10px 2px;padding:0 10px;font-family:inherit;font-size:8px;transition:all .15s}.font-upload-btn:hover{color:#d8d0c0;background:#d8d0c01a;border-color:#c8c2b8}.fx-dropdown-item-disabled{opacity:.38;cursor:default;pointer-events:none}