:root{color-scheme:dark;--bg:#191b1e;--panel:#242629;--panel-deep:#202225;--panel-raised:#2b2d31;--line:#34363b;--line-soft:#2c2e32;--text:#d9dbdf;--muted:#90949d;--dim:#646972;--accent:#8ad8b5;--accent-strong:#a4ebca;--accent-bg:#30463e;--input:#1e2023;--track-width:180px;--row-height:76px;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font:11px var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{color:inherit;cursor:pointer;border:0;background:none;white-space:nowrap}button:disabled{opacity:.28;cursor:default}button:not(:disabled):hover{background:#ffffff09}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button,select,input{border-radius:4px}input,select{color:var(--text);background:var(--input);border:1px solid var(--line);padding:5px 7px;min-width:0}select{padding-right:18px;max-width:100%;height:27px;cursor:pointer}input[type=range]{padding:0;accent-color:var(--accent);height:3px;cursor:pointer;border:0;outline-offset:6px}input[type=number]{font-family:var(--mono);appearance:textfield;-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button{opacity:0}input[type=checkbox]{accent-color:var(--accent)}svg.icon{width:16px;height:16px;display:inline-block;flex-shrink:0;vertical-align:middle;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round}button>.icon{margin-right:6px}button.icon-btn>.icon{margin:0}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;padding:5px;flex-shrink:0;color:#b3b7bf}.icon-btn:hover{color:#fff}.icon-btn.active{color:var(--accent);background:var(--accent-bg)}.application{height:100dvh;display:grid;grid-template-rows:43px 45px minmax(0,1fr) 25px}.appbar{display:flex;align-items:center;gap:12px;background:#202225;padding:0 16px;border-bottom:1px solid #141618;min-width:0}.brand{text-decoration:none;color:#e9ecef;display:flex;align-items:center;gap:9px;font-size:20px;letter-spacing:-.8px;font-weight:650;line-height:1}.brand-mark{width:25px;height:25px;display:flex;background:#29463a;color:#b0f0d0;border:1px solid #416952;border-radius:7px;align-items:center;justify-content:center}.brand-mark svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linejoin:round;stroke-linecap:round}.brand-suffix{font-size:7px;letter-spacing:1.7px;margin-left:5px;color:#aaaeb6;vertical-align:middle}.main-menu{display:flex;align-items:center;gap:1px;margin-left:13px}.main-menu button{padding:6px 9px;font-size:11px;color:#bfc2c8}.main-menu button.active{background:var(--panel-raised)}.session-caption{margin-left:auto;display:flex;gap:9px;align-items:center;font-size:10px;color:var(--dim);white-space:nowrap;overflow:hidden}.session-caption #session-caption{color:#a6aab2;max-width:160px;overflow:hidden;text-overflow:ellipsis}.saved-dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}.caption-divider{color:#494c54}.local-avatar{width:23px;height:23px;background:#484658;color:#d4cdee;display:grid;place-items:center;border-radius:50%;font-size:10px}.toolbar{display:flex;align-items:center;gap:7px;padding:0 13px;background:#282a2e;border-bottom:1px solid #141619}.mode-switch{display:flex;background:#1d1f22;border:1px solid #393b40;border-radius:5px;padding:2px}.mode-switch button{display:flex;align-items:center;justify-content:center;height:27px;padding:0 12px;gap:1px;color:#9da1aa;font-size:11px}.mode-switch button.active{color:var(--accent-strong);background:#354139;box-shadow:0 1px 2px #0005}.mode-switch svg{width:15px}.divider{height:21px;width:1px;background:#42444b;margin:0 5px;flex-shrink:0}.tool-group{display:flex;gap:2px}.tool-group .icon-btn{height:28px;width:28px}.toolbar-button{display:flex;align-items:center;padding:7px 8px;color:#b6bbc4;font-size:10px}.toolbar-button.active{color:var(--accent);background:#364039}.toolbar select{height:27px;background:#25272b;border-color:#44464d;font-size:10px}.toolbar-spacer{flex:1}.workspace-label{color:var(--dim);font-size:10px;margin-right:2px}.export-button{display:flex;align-items:center;justify-content:center;background:#94dcbb;color:#142e24;font-weight:650;height:29px;padding:0 12px;margin-left:8px;gap:1px;border:1px solid #a5e8c7}.export-button:not(:disabled):hover{background:#b0f3d3}.workspace{display:grid;grid-template-columns:238px minmax(380px,1fr) 252px;gap:5px;padding:5px;background:#17191c;min-height:0}.left-column{display:grid;grid-template-rows:minmax(190px,38%) minmax(250px,1fr) minmax(92px,16%);gap:5px;min-height:0;min-width:0}.panel{background:var(--panel);border:1px solid #303237;min-height:0;min-width:0;overflow:hidden}.panel-heading{height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;border-bottom:1px solid var(--line-soft);flex-shrink:0}.panel-heading h2{font-size:11px;font-weight:560;letter-spacing:.05px;margin:0;display:flex;align-items:center;gap:7px}.panel-heading .icon-btn{width:23px;height:24px;color:var(--muted)}.heading-actions{display:flex;gap:2px}.count{font-size:9px;border:1px solid #45484e;line-height:14px;min-width:16px;padding:0 4px;text-align:center;border-radius:4px;color:#9fa4ae;font-weight:400}.files-panel{display:flex;flex-direction:column}.search-field{display:flex;align-items:center;margin:10px 10px 7px;padding:0 8px;height:27px;background:#1e2023;border:1px solid #383b41;border-radius:4px;color:#727781}.search-field .icon{width:13px;height:13px}.search-field input{background:none;border:none;flex:1;font-size:10px;padding:4px 6px;outline:none}.search-field input::placeholder{color:#747984}.search-field kbd{font:9px var(--font);color:#666b75;white-space:nowrap}.file-table-head{display:flex;justify-content:space-between;padding:5px 12px 6px 15px;font-size:9px;color:#717782}.file-list{overflow-y:auto;flex:1;min-height:35px}.file-row{display:grid;grid-template-columns:18px 1fr 41px;align-items:center;gap:6px;min-height:33px;padding:5px 12px;cursor:pointer;border-left:2px solid transparent}.file-row:hover{background:#ffffff05}.file-row.selected{background:#303c36;border-left-color:var(--accent)}.file-row .icon{width:14px;height:14px;color:var(--muted)}.file-name{font-size:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.file-duration{font:9px var(--mono);color:#8f959f;text-align:right}.file-import{font-size:10px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:3px;padding:11px 5px;color:#9aaba2;border-top:1px solid var(--line-soft);margin-top:5px;border-radius:0;min-height:40px}.file-import .icon{width:13px;height:13px;margin-right:2px}.file-import>span:last-child{font-size:9px;color:#616872}.effects-panel{display:flex;flex-direction:column}.rack-target{display:flex;align-items:center;gap:7px;padding:12px 12px 9px;font-size:11px}.mini-dot{width:7px;height:7px;background:var(--accent);border-radius:2px;flex-shrink:0}.tiny-tag{font-size:8px;color:#838a95;letter-spacing:.7px;font-weight:550}.rack-target .tiny-tag{margin-left:auto;font-size:7px;color:#767e87;letter-spacing:.8px}.rack-target #rack-track-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-row{display:flex;gap:6px;padding:0 10px 9px}.preset-row select{flex:1;font-size:10px;height:25px}.preset-row .icon-btn{width:25px;height:25px;border:1px solid #41434a}.effects-list{max-height:162px;overflow-y:auto;flex-shrink:0}.effect-row{height:30px;display:grid;grid-template-columns:19px 24px 1fr 22px 18px;align-items:center;padding:0 8px;color:#bfc3ca;border-left:2px solid transparent;cursor:pointer}.effect-row:hover{background:#2b2e32}.effect-row.selected{border-left-color:var(--accent);background:#303633}.effect-row.off{opacity:.5}.effect-number{font:9px var(--mono);color:#6d747d}.effect-row .icon-btn{height:22px;width:22px}.effect-row .icon-btn .icon{height:12px;width:12px}.effect-power{color:var(--accent)}.effect-title{font-size:10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.effect-row .remove-fx{opacity:0;color:#a9a2a4}.effect-row:hover .remove-fx{opacity:1}.add-effect{font-size:10px;display:flex;align-items:center;padding:8px 12px;color:#787f89;flex-shrink:0}.add-effect .icon{width:12px;height:12px}.effect-detail{background:#202326;overflow-y:auto;margin:0 9px 8px;border:1px solid #363a3f;border-radius:4px;padding:10px;flex:1;min-height:55px}.effect-detail:empty{display:none}.effect-detail-title{font-size:9px;color:#9da5ae;font-weight:550;margin-bottom:12px;display:flex;justify-content:space-between}.effect-control{margin:11px 0 14px}.effect-control:last-child{margin-bottom:5px}.control-label{display:flex;align-items:center;justify-content:space-between;color:#868f99;font-size:9px;margin-bottom:8px}.control-label output{font:9px var(--mono);color:#bec9c3}.effect-control input{width:100%;display:block;height:2px}.eq-mini{height:33px;width:100%;border-bottom:1px solid #344039;display:block;margin-bottom:8px}.rack-footer{padding:9px 10px;font-size:8px;color:#747d83;display:flex;align-items:center;gap:5px;white-space:nowrap}.rack-footer>span:last-child{margin-left:auto;font-size:8px;color:#67736d}.mini-led{width:5px;height:5px;border-radius:50%;background:#8ecfaf;display:inline-block;flex-shrink:0;box-shadow:0 0 5px #76c59b20}.history-panel{display:flex;flex-direction:column}.history-list{overflow:auto;flex:1;padding:4px 0}.history-row{display:flex;align-items:center;gap:8px;padding:6px 11px;font-size:9px;color:#969ba5}.history-row.active{background:#2d3430;color:#b7d3c3}.history-row .icon{width:12px;height:12px;color:#6c7873}.history-row time{margin-left:auto;font:8px var(--mono);color:#65716c}.history-footer{display:flex;align-items:center;justify-content:center;gap:5px;font-size:8px;color:#626c72;padding:9px 4px;border-top:1px solid #2f3337}.history-footer .icon{height:11px;width:11px}.center-column{border:1px solid #35383c;display:grid;grid-template-rows:34px 43px minmax(155px,1fr) 76px 180px;background:#232529;min-width:0;min-height:0}.editor-heading{display:flex;align-items:center;border-bottom:1px solid #16181a;background:#24262a;padding:0 5px 0 0}.editor-tab{height:34px;display:flex;align-items:center;gap:8px;border-top:2px solid var(--accent);background:#2b2e32;padding:0 14px;color:#d0d6d9;font-size:10px;max-width:70%;white-space:nowrap;overflow:hidden}.editor-tab .icon{width:13px;height:13px;color:#8cbca6}.editor-tab #editor-title{overflow:hidden;text-overflow:ellipsis}.editor-tab #dirty-indicator{width:4px;height:4px;border-radius:50%;background:#b6c7bd;display:none;flex-shrink:0}.editor-heading>.icon-btn{color:#747b84;margin-left:4px;height:25px}.editor-heading-right{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:8px;color:#727c85}.editor-heading-right .icon-btn{height:24px}.navigator-row{display:flex;align-items:center;padding:8px 8px 8px 11px;gap:10px;border-bottom:1px solid #393c41;background:#25272b;min-width:0}.navigator-caption{display:flex;align-items:center;gap:7px;font-size:7px;font-weight:600;letter-spacing:1px;white-space:nowrap;width:145px;color:#7d8789;flex-shrink:0}.navigator-caption .mini-led{width:4px;height:4px;opacity:.5}.navigator{height:25px;position:relative;flex:1;min-width:0;overflow:hidden;background:#1b201e;border:1px solid #3c4840;border-radius:3px;cursor:crosshair}.navigator canvas{width:100%;height:100%;display:block;opacity:.6}.navigator #overview-window{position:absolute;top:0;bottom:0;left:0;right:0;background:#9cdbb90b;border:1px solid #8db9a188;border-radius:2px;pointer-events:none}.navigator #overview-window:before,.navigator #overview-window:after{content:"";width:3px;height:12px;background:#80988a;position:absolute;top:5px;border-radius:2px}.navigator #overview-window:before{left:2px}.navigator #overview-window:after{right:2px}.navigator-row>.icon-btn{height:22px;width:22px;color:#7d858e}.timeline-area{display:grid;grid-template-rows:35px minmax(0,1fr) 10px;position:relative;overflow:hidden;background:#1c1e21}.timeline-ruler{display:flex;border-bottom:1px solid #41444c;background:#282b2f;min-width:0;z-index:10}.track-ruler{width:var(--track-width);border-right:1px solid #16181b;display:flex;align-items:center;padding:0 10px 0 12px;justify-content:space-between;font-size:9px;color:#78818c;flex-shrink:0}.track-ruler .icon-btn{height:22px;width:22px}.ruler{flex:1;position:relative;overflow:hidden;cursor:crosshair}.ruler-tick{position:absolute;bottom:0;height:9px;border-left:1px solid #70777e55;color:#a2aab3;font:9px var(--mono);pointer-events:none}.ruler-tick.major{height:13px}.ruler-tick>span{position:absolute;left:5px;bottom:12px;white-space:nowrap;font-size:9px}.marker-flag{position:absolute;top:0;height:14px;display:flex;gap:3px;align-items:center;color:#d0b985;background:#6d573f3b;border-radius:0 0 3px 0;font-size:8px;padding:0 5px 0 4px;cursor:pointer;border-left:2px solid #b5965f;max-width:95px;overflow:hidden;white-space:nowrap}.ruler-playhead{position:absolute;width:11px;height:11px;bottom:-1px;background:#a7e9c6;clip-path:polygon(0 0,100% 0,100% 45%,50% 100%,0 45%);z-index:12;transform:translateX(-5px);pointer-events:none}.timeline-scroll{overflow:auto;position:relative;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#454b50 #1c1f23;min-height:0}.timeline-content{position:relative;min-height:100%}.track-headers{position:absolute;width:var(--track-width);left:0;top:0;z-index:7;border-right:1px solid #101315;background:#272a2e;min-height:100%}.track-header{height:var(--row-height);border-bottom:1px solid #191c1f;border-left:3px solid var(--track-color);padding:9px 10px 6px 10px;position:relative;cursor:default;background:#292c30}.track-header:nth-child(even){background:#25292c}.track-header.selected{background:#303733}.track-header-top{display:flex;align-items:center;gap:7px;height:17px}.track-number{font:8px var(--mono);color:#6f797d;min-width:11px}.track-title{font-size:10px;font-weight:550;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1;cursor:text}.track-menu{width:17px;height:17px;color:#717d80;padding:0}.track-menu .icon{width:12px;height:12px;margin:0}.track-buttons{display:flex;align-items:center;gap:4px;margin:6px 0 7px 19px}.square-button{height:19px;min-width:21px;font-size:8px;font-weight:650;line-height:18px;text-align:center;background:#1e2225;border:1px solid #40484a;border-radius:3px;color:#99a3a7;padding:0 5px}.square-button.active.mute{background:#bda354;color:#242211;border-color:#e0c874}.square-button.active.solo{background:#75b8ca;color:#143139;border-color:#a3d0dd}.square-button.active.arm{background:#b75257;color:#fce0e3;border-color:#c7767b}.square-button.fx{font-size:7px;color:#8cbd9f;margin-left:3px}.track-meter{height:3px;background:#14191a;margin-left:3px;flex:1;max-width:43px;position:relative;overflow:hidden}.track-meter span{display:block;height:100%;width:0;background:#80cfa4;transition:width .08s}.track-bottom{display:flex;align-items:center;font-size:8px;color:#758085;gap:6px;margin-left:19px}.track-bottom input[type=range]{width:53px;accent-color:#879c91;height:2px}.track-bottom .track-gain-value{font:8px var(--mono);min-width:33px;color:#aeb9b3}.track-pan-value{font:8px var(--mono);margin-left:auto;color:#727f85}.lane-wrap{position:relative;margin-left:var(--track-width);min-height:100%;overflow:hidden;touch-action:none}.grid-lane{height:var(--row-height);border-bottom:1px solid #373a3e;position:relative;background-color:#1d2023;background-image:linear-gradient(to right,#ffffff0a 1px,transparent 1px),linear-gradient(to right,#ffffff03 1px,transparent 1px);background-repeat:repeat}.grid-lane:nth-child(even){background-color:#1a1d20}.grid-lane.selected{background-color:#202824}.grid-lane .track-zero{position:absolute;left:0;right:0;top:56%;height:1px;background:#ffffff04}.clip-layer{position:absolute;left:0;top:0;right:0;height:100%;pointer-events:none}.audio-clip{position:absolute;border:1px solid color-mix(in srgb,var(--clip-color) 42%,#29302e);border-radius:4px;background:color-mix(in srgb,var(--clip-color) 15%,#1a2420);cursor:grab;pointer-events:auto;overflow:visible;touch-action:none;min-width:2px}.audio-clip:hover{filter:brightness(1.08)}.audio-clip.selected{border-color:color-mix(in srgb,var(--clip-color) 95%,#fff);box-shadow:0 0 0 1px color-mix(in srgb,var(--clip-color) 18%,transparent)}.audio-clip.locked{cursor:not-allowed}.clip-label{height:19px;background:color-mix(in srgb,var(--clip-color) 14%,transparent);display:flex;align-items:center;gap:5px;padding:0 7px;font-size:9px;color:color-mix(in srgb,var(--clip-color) 70%,#edf2ec);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;z-index:4;border-radius:3px 3px 0 0;pointer-events:none}.clip-label .icon{width:10px;height:10px;opacity:.55}.clip-label-text{overflow:hidden;text-overflow:ellipsis}.clip-label .clip-rate{font:7px var(--mono);margin-left:auto;opacity:.6}.clip-handle{position:absolute;top:21px;bottom:0;width:6px;z-index:6;cursor:ew-resize;opacity:0}.clip-handle.left{left:-1px}.clip-handle.right{right:-1px}.audio-clip:hover .clip-handle,.audio-clip.selected .clip-handle{opacity:1}.clip-handle:after{content:"";position:absolute;top:38%;bottom:38%;width:2px;background:var(--clip-color);border-radius:2px;left:2px;opacity:.6}.fade-handle{position:absolute;top:21px;width:8px;height:8px;border:1px solid var(--clip-color);background:#29362f;z-index:7;transform:rotate(45deg);cursor:ew-resize;opacity:0}.audio-clip:hover .fade-handle,.audio-clip.selected .fade-handle{opacity:.9}.fade-in{left:4px}.fade-out{right:4px}.clip-fade-svg{position:absolute;inset:20px 0 0;width:100%;height:calc(100% - 20px);z-index:4;pointer-events:none}.clip-fade-svg path{stroke:var(--clip-color);stroke-width:.8;fill:color-mix(in srgb,var(--clip-color) 5%,transparent);opacity:.4}.wave-canvas,.spectral-canvas{position:absolute;left:0;pointer-events:none;z-index:3;display:block;width:100%}.spectral-canvas{z-index:2}.playhead{position:absolute;top:0;bottom:0;width:1px;background:#9ee3bd;box-shadow:0 0 2px #8dd9b250;z-index:8;pointer-events:none;will-change:transform}.playhead span{position:absolute;inset:0 -4px}.range-selection{position:absolute;top:0;bottom:0;background:#b1d2ed16;border-left:1px solid #9fc5dd66;border-right:1px solid #9fc5dd66;z-index:5;pointer-events:none;display:none}.spectral-selection{position:absolute;border:1px solid #f4d386;background:#e5b43a22;z-index:7;pointer-events:none;display:none}.automation-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:7}.automation-layer.visible{pointer-events:auto}.automation-layer path{stroke:#f4c168;stroke-width:1.2;fill:none;pointer-events:none}.automation-layer circle{fill:#ebc37f;stroke:#4c3f28;stroke-width:1;cursor:ns-resize;pointer-events:auto}.horizontal-scroll{height:10px;background:#24292b;display:flex;align-items:center;padding:0 8px 0 calc(var(--track-width) + 6px);border-top:1px solid #171b1d}.horizontal-scroll input{width:100%;height:2px;accent-color:#5b6b64}.horizontal-scroll input::-webkit-slider-thumb{appearance:none;height:6px;width:50px;background:#69786f;border-radius:4px}.drop-indicator{display:none;position:absolute;inset:4px;border:2px dashed var(--accent);background:#1a342be8;color:#afe7cb;z-index:20;align-items:center;justify-content:center;gap:12px;font-size:14px;pointer-events:none}.drop-indicator.visible{display:flex}.drop-indicator .icon{width:24px;height:24px}.transport{background:#282b2e;border-top:1px solid #14171a;border-bottom:1px solid #14171a;padding:8px 12px 5px;min-width:0}.transport-top{display:flex;align-items:center;gap:10px;height:32px}.transport-controls{display:flex;align-items:center;gap:3px}.transport-controls .icon-btn{width:25px;height:26px}.transport-controls .icon{width:15px;height:15px}.play-button{background:#91d3af;color:#152f22;border:1px solid #abdfc2;width:33px;height:29px;display:flex;align-items:center;justify-content:center;margin:0 4px;padding:0}.play-button .icon{margin:0;width:16px;height:16px;fill:currentColor;stroke-width:1}.play-button:not(:disabled):hover{background:#b7e7cb}.stop-button .icon{fill:#a0a7ab;stroke-width:0}.transport #record-button{color:#db777e;margin-left:4px}.transport #record-button .icon{fill:currentColor;stroke-width:0}.transport #record-button.recording{background:#652c35;color:#f58b94;animation:pulse 1s infinite}.time-display{font:24px var(--mono);color:#a7ddb9;letter-spacing:-1px;padding:1px 0;margin-left:9px;line-height:1}.time-unit{font-size:7px;color:#616e6b;align-self:flex-end;padding-bottom:6px;margin-left:-6px}.transport-spacer{flex:1}.zoom-control{display:flex;align-items:center;gap:3px}.zoom-control .icon-btn{width:21px;height:22px;color:#8c979b}.zoom-control .icon{width:12px;height:12px}.zoom-control input{width:58px;accent-color:#b0c6ba;height:2px}.transport-bottom{display:flex;align-items:center;gap:16px;height:27px;font-size:8px;color:#69777c}.transport-bottom #transport-state{display:flex;align-items:center;gap:5px;min-width:66px;color:#8caaa0}.selection-field{display:flex;gap:6px;align-items:center;white-space:nowrap}.selection-field b{font:9px var(--mono);color:#adb6b8}.tempo-button{font-size:8px;color:#74827e;padding:1px 0}.tempo-button #tempo-value{font:10px var(--mono);color:#b0bfb7;margin-right:3px}.time-signature{margin-left:12px;border-left:1px solid #465049;padding-left:12px;font:9px var(--mono);color:#909e97}.bottom-dock{display:flex;flex-direction:column;background:#24272a;min-height:0;overflow:hidden}.dock-tabs{display:flex;align-items:center;gap:10px;padding:0 12px;height:34px;border-bottom:1px solid #383e40;flex-shrink:0;overflow:hidden}.dock-tabs>button{padding:0 3px;height:34px;position:relative;color:#7d898c;font-size:9px}.dock-tabs>button.active{color:#d6e3db}.dock-tabs>button.active:after{content:"";position:absolute;left:0;right:0;bottom:0;background:#91caa6;height:2px}.dock-tabs .count{font-size:7px;margin-left:5px;line-height:11px;min-width:13px;padding:0 3px}.dock-tab-spacer{flex:1}.dock-tabs #dock-info{font-size:7px;font-weight:550;letter-spacing:1px;color:#69766f;white-space:nowrap}.dock-body{flex:1;min-height:0;position:relative}.dock-pane{display:none;width:100%;height:100%;overflow:auto}.dock-pane.active{display:block}.mixer-strips{display:flex;height:100%;min-width:max-content;padding:9px 8px 4px;gap:0}.mixer-strip{width:100px;border-right:1px solid #39413d;padding:0 10px;position:relative;flex:1;min-width:84px;max-width:144px}.mixer-strip.master{border-right:0;border-left:1px solid #4f5d53;margin-left:5px;background:#2b302c;min-width:85px}.mixer-strip.selected{background:#303b341a}.mixer-title{display:flex;align-items:center;gap:5px;font-size:8px;height:14px;white-space:nowrap;overflow:hidden;color:#b5c4bd}.mixer-title:before{content:"";width:4px;height:4px;border-radius:1px;background:var(--track-color);flex-shrink:0}.mixer-pan{display:flex;align-items:center;justify-content:space-between;font-size:7px;color:#687a76;height:19px;gap:5px}.mixer-pan input{width:47px;accent-color:#9bb5a6;height:2px}.mixer-channel-body{height:61px;display:flex;align-items:stretch;justify-content:center;gap:9px;position:relative}.mixer-db-scale{display:flex;flex-direction:column;justify-content:space-between;font:6px var(--mono);color:#626f6a;padding:2px 0}.mixer-fader{writing-mode:vertical-lr;direction:rtl;width:16px!important;height:59px!important;accent-color:#bdc8c1!important}.mini-meter-well{background:#131b18;width:9px;height:59px;border:1px solid #374d3f;position:relative;overflow:hidden;background-image:repeating-linear-gradient(to top,transparent 0,transparent 3px,#2b3b31 3px,#2b3b31 4px)}.mini-meter-fill{position:absolute;bottom:0;left:0;right:0;height:0;background:linear-gradient(to top,#5d9976 0%,#9fcd87 68%,#dcca74 86%,#d87d68 100%);transition:height .07s}.mini-meter-well:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to top,transparent 0,transparent 3px,#19251eaa 3px,#19251eaa 4px)}.mixer-strip-bottom{display:flex;align-items:center;justify-content:space-between;gap:4px;height:26px}.mixer-strip-bottom .square-button{height:16px;min-width:16px;line-height:14px;padding:0 3px;font-size:7px}.mixer-strip-bottom input[type=number]{width:37px;font-size:8px;height:19px;padding:2px 3px;background:#1d2620;border:1px solid #3f4d42;color:#b1cfbb;text-align:center;margin-left:auto}.mixer-strip-bottom>.unit{font-size:6px;color:#667e6d}.right-column{display:grid;grid-template-rows:minmax(360px,1fr) 261px;gap:5px;min-height:0}.essential-panel{display:flex;flex-direction:column}.essential-body{padding:13px;overflow:auto;flex:1}.selected-clip-heading{display:flex;align-items:center;gap:9px;margin-bottom:13px}.clip-type-icon{width:33px;height:33px;display:flex;align-items:center;justify-content:center;border:1px solid #556959;border-radius:6px;background:#344638;color:#b2d8bb;flex-shrink:0}.clip-type-icon .icon{height:19px;width:19px}.selected-clip-heading label{font-size:8px;color:#6e797f;display:block;margin-bottom:5px;letter-spacing:.4px}.selected-clip-heading h3{font-size:12px;font-weight:550;color:#cdd9d2;margin:0;max-width:150px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sound-role{display:flex;border:1px solid #424a46;background:#1f2521;border-radius:4px;padding:2px;margin-bottom:16px;gap:2px}.sound-role button{height:24px;flex:1;text-align:center;font-size:8px;color:#7d8e82;padding:0 4px}.sound-role button.active{background:#344b3c;color:#b5d9bc}.inspector-section{padding-top:12px;margin-top:12px;border-top:1px solid #383e3b}.inspector-section h3{font-size:9px;letter-spacing:.15px;color:#b4c5bc;font-weight:500;display:flex;align-items:center;gap:6px;margin:0 0 12px}.inspector-section h3 .icon{height:12px;width:12px;color:#768f7d}.inspector-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.inspector-field{display:flex;flex-direction:column;gap:5px}.inspector-field label{font-size:8px;color:#7e8b82}.inspector-field input,.inspector-field select{font-size:9px;height:27px;background:#1e2520;border-color:#3c4840;color:#b6c7bb;width:100%}.inspector-field.full{grid-column:1/-1}.inspector-field.input-with-unit{position:relative}.input-unit{position:absolute;right:7px;bottom:9px;font-size:7px;color:#7c9383;pointer-events:none}.inspector-field.input-with-unit input{padding-right:22px}.clip-gain-row{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#8c9d91;margin:13px 0 9px}.clip-gain-row output{font:9px var(--mono);color:#c4d7ca}.inspector-range{width:100%;height:2px;accent-color:#98c8a3!important}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.action-grid button{display:flex;align-items:center;justify-content:center;height:29px;background:#2b352f;border:1px solid #455249;font-size:9px;color:#b0c4b8}.action-grid .icon{width:12px;height:12px;margin-right:5px;color:#8ba895}.source-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:8px;color:#7f9184}.source-stats strong{display:block;font:12px var(--mono);color:#b8cdbf;margin-top:5px}.source-stats small{font:7px var(--font);color:#6f8978}.inspector-hint{font-size:8px;line-height:1.7;color:#687e70;margin:10px 0 0}.automation-toggle{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#a3b9aa;margin-top:12px}.automation-toggle button{font-size:8px;border:1px solid #435549;padding:5px 7px;color:#94b99c}.empty-inspector{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:14px;height:100%;color:#7e8e83;text-align:center;line-height:1.8;font-size:10px}.empty-inspector .icon{width:35px;height:35px;color:#60776a}.levels-panel{display:flex;flex-direction:column}.levels-panel .panel-heading{justify-content:flex-start;gap:11px}.levels-panel .panel-heading .icon-btn{margin-left:auto}.levels-main{display:flex;flex:1;min-height:0;padding:13px 12px 7px;gap:20px}.meter-pair{display:flex;gap:5px;height:100%;position:relative;min-height:120px;padding-top:4px}.meter-column{display:flex;flex-direction:column;align-items:center;gap:5px;height:100%}.clip-led{height:3px;width:14px;background:#523635;border-radius:1px}.clip-led.clipped{background:#f87578;box-shadow:0 0 8px #ea5d5d44}.meter-well{position:relative;height:100%;width:14px;overflow:hidden;border:1px solid #344439;background:#151d18}.meter-fill{height:0;position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#467855 0%,#86ba7b 60%,#c6c674 82%,#d3a463 91%,#d46d65 100%);transition:height .06s}.meter-well:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to top,transparent 0,transparent 4px,#17241ccb 4px,#17241ccb 5px)}.meter-column>span{font:8px var(--mono);color:#789481}.meter-hold{height:2px;position:absolute;bottom:0;left:0;right:0;background:#d2daaa;z-index:2;opacity:0}.meter-scale{display:flex;flex-direction:column;justify-content:space-between;font:7px var(--mono);color:#748d79;padding:7px 0 17px 2px}.meter-stats{padding-top:1px;flex:1;min-width:0}.meter-stats>label{display:block;font-size:8px;color:#7d9285;margin-bottom:5px}.meter-stats>strong{display:block;font:19px var(--mono);font-weight:400;color:#bdcfbb;letter-spacing:-.8px;margin-bottom:15px}.meter-stats strong small{font:7px var(--font);letter-spacing:0;color:#7c9983}.master-gain-label{display:flex;justify-content:space-between;font-size:8px;color:#7d9985;gap:5px;margin-bottom:9px}.master-gain-label span{font:8px var(--mono);color:#b0c6b6}.meter-stats input[type=range]{width:100%;height:2px;accent-color:#abc4ac}.meter-stats p{font-size:7px;line-height:1.7;color:#819489;margin:11px 0 0}.meter-stats p span{color:#5f7768}.levels-footer{padding:7px 12px;border-top:1px solid #353e36;font-size:8px;color:#7e9385;display:flex;align-items:center;gap:6px;white-space:nowrap}.statusbar{display:flex;align-items:center;gap:9px;padding:0 12px;background:#25282b;border-top:1px solid #363a3c;color:#79868a;font-size:8px;white-space:nowrap;overflow:hidden}.engine-status{display:flex;align-items:center;gap:6px}.engine-status b{font-weight:450;color:#a0c1aa;font-size:8px}.status-separator{width:1px;height:9px;background:#414b46;flex-shrink:0}.status-center{margin:auto;color:#667c6e;overflow:hidden;text-overflow:ellipsis}.statusbar>.icon{height:10px;width:10px;color:#788c7e}.statusbar #save-state{color:#96ae9d}.menu-popup{position:fixed;z-index:100;min-width:228px;padding:5px;background:#2b3031;border:1px solid #495452;box-shadow:0 10px 35px #0006;border-radius:6px;color:#c8d4cd}.menu-popup[hidden]{display:none}.menu-item{width:100%;display:flex;align-items:center;text-align:left;height:30px;padding:0 9px;gap:8px;font-size:11px}.menu-item .icon{width:14px;height:14px;color:#91a79b}.menu-item kbd{margin-left:auto;font:9px var(--font);color:#788e80}.menu-separator{height:1px;background:#434e46;margin:5px 4px}.menu-heading{padding:7px 9px 4px;font-size:8px;color:#6b8875;text-transform:uppercase;letter-spacing:.8px}.toast-container{position:fixed;right:20px;bottom:41px;z-index:120;display:flex;flex-direction:column;align-items:flex-end;gap:7px;max-width:min(410px,90vw);pointer-events:none}.toast{display:flex;align-items:center;gap:8px;max-width:100%;padding:12px 16px;background:#344e3e;border:1px solid #69826c;color:#dfebe0;border-radius:6px;box-shadow:0 4px 18px #0006;font-size:11px;line-height:1.5;animation:toast-in .2s ease}.toast.error{background:#573439;border-color:#946269;color:#f6d5d5}.toast .icon{width:16px;height:16px;flex-shrink:0}.dialog{width:min(500px,90vw);padding:0;border:1px solid #526254;border-radius:9px;background:#262e29;color:#d0dbd3;box-shadow:0 25px 120px #000a;max-height:85vh}.dialog::backdrop{background:#101814ac;backdrop-filter:blur(4px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:16px 19px;border-bottom:1px solid #3d4b40}.dialog h2{font-size:15px;font-weight:550;margin:0;letter-spacing:-.2px}.dialog-body{padding:19px;max-height:65vh;overflow:auto;font-size:11px;line-height:1.7;color:#a7bcad}.dialog-body p{margin:0 0 14px}.dialog-body p:last-child{margin-bottom:0}.dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;border-top:1px solid #3a4a3d;padding:12px 19px}.dialog-footer button{padding:8px 15px;border:1px solid #526954;border-radius:4px;font-size:11px}.dialog-footer button.primary{background:#9bd2ad;color:#172f20;font-weight:600;border-color:#aad8b8}.dialog .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.dialog .form-field{display:flex;flex-direction:column;gap:6px}.dialog .form-field.full{grid-column:1/-1}.dialog .form-field>label{font-size:10px;color:#9aafa0}.dialog input,.dialog select{background:#1e2921;border-color:#4b6250;color:#c5d8c8;height:33px;padding:6px 9px}.dialog .checkbox-field{display:flex;align-items:center;gap:8px;font-size:11px}.dialog .checkbox-field input{height:auto}.dialog-note{font-size:10px;background:#1e2b22;border:1px solid #3e5945;border-radius:5px;padding:11px 12px;margin-top:15px;color:#83a98c}.dialog-error{color:#e9a4aa;font-size:11px;margin-top:12px;line-height:1.5}.shortcuts-table{width:100%;border-collapse:collapse;font-size:11px}.shortcuts-table td{padding:7px 3px;border-bottom:1px solid #394d3e}.shortcuts-table td:last-child{text-align:right;color:#c4d9c8;font-family:var(--mono);font-size:10px}.loading-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:200;background:#191e1bea;backdrop-filter:blur(6px);transition:opacity .35s}.loading-overlay.hidden{opacity:0;pointer-events:none}.loading-card{display:flex;flex-direction:column;align-items:center}.loading-logo{width:63px;height:63px;border:1px solid #5e876b;background:#294c35;border-radius:16px;display:grid;place-items:center;box-shadow:0 0 70px #74c99316}.loading-logo svg{width:45px;height:45px;fill:none;stroke:#b4edc7;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.loading-card h1{font-size:32px;letter-spacing:-1px;margin:17px 0 10px;color:#d9e6dc;font-weight:600}.loading-card h1 span{font-size:9px;letter-spacing:2px;color:#8da694;vertical-align:middle;margin-left:4px}.loading-card p{font-size:11px;color:#96ac9c}.loading-line{height:2px;width:170px;background:#324d3b;overflow:hidden;position:relative;margin-top:17px;border-radius:2px}.loading-line:after{content:"";position:absolute;left:-45%;height:100%;width:45%;background:#94d8ab;animation:loading 1.3s infinite ease-in-out}.loading-card>span{font-size:9px;color:#596e60;margin-top:17px;letter-spacing:.7px}.small-button{font-size:10px;padding:5px 9px;background:#354d3c;border:1px solid #58745f;display:inline-flex;align-items:center}.small-button .icon{width:12px;height:12px}.marker-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;font-size:10px;color:#8ea496}.marker-list-row{display:grid;grid-template-columns:26px 94px 1fr 28px;align-items:center;padding:6px 15px;border-top:1px solid #36473c;gap:10px;font-size:10px}.marker-list-row input{height:24px;font-size:10px;background:#243229;border-color:#455c4b}.marker-list-row .marker-time{font-family:var(--mono);color:#bccebb;cursor:pointer}.marker-list-row .marker-index{color:#947f5b}.marker-list-row .icon-btn{width:22px;height:22px}.clip-properties-table{font-size:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:19px}.clip-properties-table label{display:block;font-size:8px;color:#789681;margin-bottom:6px}.clip-properties-table strong{font-weight:450;color:#c0d4c3}.spectrum-caption{position:absolute;right:14px;top:12px;font:7px var(--mono);color:#77927d;pointer-events:none}#spectrum-canvas{height:100%;width:100%;display:block}#spectrum-pane{position:relative}.waveform-header{height:100%;padding:16px 13px;border-left:3px solid var(--track-color);background:#2b332d;position:relative}.waveform-header h3{font-size:11px;font-weight:500;color:#b9d2bf;margin:0 0 8px}.waveform-header p{font-size:9px;line-height:1.8;color:#738f7c;margin:0}.waveform-channel-label{position:absolute;right:12px;font:9px var(--mono);color:#6d8c77}.spectral-frequency-label{position:absolute;right:8px;font:8px var(--mono);color:#c5b494;z-index:8;pointer-events:none}.waveform-clip{border-radius:0!important}.waveform-clip .clip-label{border-radius:0}.automation-notice{font:8px var(--font);fill:#d3b772}.recording-overlay{position:absolute;top:0;bottom:0;background:#bf596620;border:1px solid #e1798577;pointer-events:none;z-index:9}.workspace.editing{grid-template-columns:238px minmax(380px,1fr);}.workspace.editing .right-column{display:none}.workspace.editing .center-column{grid-template-rows:34px 43px minmax(155px,1fr) 76px 130px}.workspace.mixing .center-column{grid-template-rows:34px 43px minmax(140px,1fr) 76px 300px}.workspace.mixing .mixer-channel-body{height:175px}.workspace.mixing .mixer-fader,.workspace.mixing .mini-meter-well{height:172px!important}.workspace.mixing .mixer-strip-bottom{height:30px}.tool-razor .audio-clip{cursor:crosshair}.tool-range .lane-wrap,.tool-range .audio-clip{cursor:text}.tool-hand .lane-wrap,.tool-hand .audio-clip{cursor:grab}.tool-hand.dragging .lane-wrap{cursor:grabbing}.light-theme{filter:invert(.88) hue-rotate(150deg)}.light-theme .wave-canvas,.light-theme .spectral-canvas{filter:invert(1) hue-rotate(180deg)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#1e2621}::-webkit-scrollbar-thumb{background:#44594c;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#5a7463}::selection{background:#6eab8744;color:#e1f4e7}@keyframes loading{to{left:110%}}@keyframes toast-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{opacity:.5}}@media(min-width:1600px){.workspace{grid-template-columns:260px minmax(450px,1fr) 270px} :root{--track-width:194px;--row-height:78px}.center-column{grid-template-rows:35px 45px minmax(155px,1fr) 80px 192px}.mixer-channel-body{height:70px}.mixer-fader,.mini-meter-well{height:68px!important}.track-header{padding-top:11px}.track-buttons{margin-top:8px;margin-bottom:8px}.right-column{grid-template-rows:minmax(360px,1fr) 281px}}@media(max-width:1250px){.workspace{grid-template-columns:210px minmax(380px,1fr) 225px}:root{--track-width:156px}.appbar{gap:7px;padding:0 10px}.brand{font-size:18px}.brand-suffix{display:none}.main-menu{margin-left:7px}.main-menu button{padding:6px}.session-caption{font-size:8px;gap:6px}.workspace-label,.toolbar .optional{display:none}.toolbar{gap:4px}.navigator-caption{width:121px;font-size:6px}.track-header{padding-left:7px;padding-right:7px}.time-display{font-size:20px;margin-left:2px}.transport-top{gap:4px}.transport-controls{gap:1px}.transport-controls .icon-btn{width:23px}.transport-bottom{gap:10px}.transport-bottom .selection-field{gap:4px}.selection-field b{font-size:8px}.transport .zoom-control input{width:35px}.transport .time-unit{display:none}.essential-body{padding:11px}.levels-main{gap:13px;padding:12px 10px 6px}.meter-stats>strong{font-size:17px}.rack-footer>span:last-child{display:none}.mixer-strip{min-width:75px;padding:0 8px}.editor-heading-right #session-format{display:none}.dock-tabs{gap:8px;padding:0 9px}.dock-tabs #dock-info{display:none}.track-bottom input[type=range]{width:43px}.track-pan-value{display:none}}@media(max-width:1050px){.workspace{grid-template-columns:210px minmax(350px,1fr)}.right-column{display:none}.session-caption{display:none}.appbar>.icon-btn{margin-left:auto}.toolbar .workspace-label{display:none}.center-column{grid-template-rows:34px 39px minmax(150px,1fr) 76px 175px}.toolbar .divider{margin:0 2px}.toolbar .toolbar-button{display:none}.transport .zoom-control input{width:45px}.workspace.mixing .center-column{grid-template-rows:34px 39px minmax(140px,1fr) 76px 250px}.workspace.mixing .mixer-channel-body{height:126px}.workspace.mixing .mixer-fader,.workspace.mixing .mini-meter-well{height:123px!important}}@media(max-width:760px){.workspace{grid-template-columns:minmax(300px,1fr);padding:3px}.left-column{display:none}.appbar{height:40px}.main-menu button{font-size:10px}.main-menu button:nth-child(n+4){display:none}.application{grid-template-rows:40px 43px minmax(0,1fr) 24px}.toolbar{padding:0 6px;gap:3px}.mode-switch button{padding:0 8px;font-size:9px}.mode-switch .icon{width:13px}.toolbar .tool-group .icon-btn{width:25px}.toolbar select#workspace-select,.toolbar #grid-select,.toolbar .divider:nth-of-type(n+2),.toolbar #undo-button,.toolbar #redo-button,.toolbar #snap-button{display:none}.export-button{padding:0 9px;font-size:9px;margin-left:0}.export-button .icon{width:13px}.center-column{grid-template-rows:31px 34px minmax(120px,1fr) 76px 156px}:root{--track-width:134px;--row-height:76px}.navigator-caption{width:98px;font-size:6px;letter-spacing:.6px}.track-header{padding-left:6px;padding-right:5px}.track-number{display:none}.track-buttons,.track-bottom{margin-left:0}.track-title{font-size:9px}.track-meter{max-width:26px}.transport{padding-left:8px;padding-right:8px}.transport-controls{gap:0}.transport .zoom-control{display:none}.transport .time-display{margin-left:auto;font-size:21px}.transport-bottom{gap:12px}.transport-bottom .selection-field:nth-last-of-type(2){display:none}.transport .time-signature{display:none}.statusbar{font-size:7px;gap:6px;padding:0 8px}.statusbar .status-center,#asset-format{display:none}.statusbar #save-state{margin-left:auto}.editor-tab{font-size:9px}.dock-tabs>button{font-size:8px}.dock-tabs{gap:13px}.mixer-strips{padding-top:7px}.mixer-channel-body{height:43px}.mixer-fader,.mini-meter-well{height:42px!important}.mixer-strip{min-width:77px}.workspace.editing{grid-template-columns:1fr}.workspace.mixing .center-column{grid-template-rows:31px 34px minmax(100px,1fr) 76px 230px}.workspace.mixing .mixer-channel-body{height:110px}.workspace.mixing .mixer-fader,.workspace.mixing .mini-meter-well{height:108px!important}.clip-properties-table{grid-template-columns:repeat(2,1fr);gap:12px}}

.rotate-up{transform:rotate(-90deg)}
