:root{color-scheme:dark;--bg:#171c20;--surface:#20272c;--panel:#252d32;--line:#354047;--muted:#95a0a5;--text:#e5eae8;--accent:#d7ec94;--accent-dark:#293622;--purple:#b2a6e6;--red:#e99891;font-family:'DM Sans',system-ui,sans-serif;font-size:14px;font-weight:400;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{color:inherit;border:0;cursor:pointer;background:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:5px;white-space:nowrap}button:hover{background:#ffffff0d}button:disabled{opacity:.38;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}svg.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.boot{padding:64px;font-size:28px}.boot span{display:block;font-size:14px;color:var(--muted);margin-top:10px}.app-shell{height:100dvh;min-height:680px;display:grid;grid-template-rows:61px 49px 48px minmax(300px,1fr) 80px 27px;overflow:hidden}.topbar{display:flex;align-items:center;padding:0 21px;border-bottom:1px solid var(--line);gap:26px;background:#20272b}.brand{font-family:'Space Grotesk',sans-serif;letter-spacing:-.6px;font-size:23px;display:flex;align-items:center;gap:10px;font-weight:600}.brand img{width:30px;height:30px}.brand small{font-size:10px;letter-spacing:2px;font-family:'DM Sans',sans-serif;color:var(--muted);margin-left:1px;align-self:flex-end;padding-bottom:3px}.topnav{display:flex;gap:4px}.topnav button{font-size:13px;padding:8px 11px;color:#bbc4c7}.spacer{flex:1}.topbar .separator{height:21px;width:1px;background:var(--line)}.icon-btn{height:31px;width:33px;border:1px solid transparent}.btn{padding:8px 13px;border:1px solid var(--line);font-size:13px;line-height:20px}.btn.primary{color:#1e2c18;background:var(--accent);border-color:var(--accent);font-weight:650}.btn.primary:hover{background:#e5f5b7}.btn.small{padding:4px 9px;font-size:12px}.avatar{width:29px;height:29px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#54554a;color:#e1e4c5;border:1px solid #73785b;font-size:11px;font-weight:600}.projectbar{display:flex;align-items:center;padding:0 20px;gap:13px;background:#1d2429;border-bottom:1px solid var(--line)}.project-name{font-size:14px;font-weight:550}.project-name svg{width:14px;color:var(--muted)}.save-state{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:5px}.save-state svg{width:13px}.document-tag{font-size:11px;color:#aeb9b2;padding:3px 6px;border:1px solid #445147;border-radius:3px}.workspace-tabs{display:flex;align-items:center;gap:4px;padding-left:17px;border-bottom:1px solid var(--line);background:#20272b}.workspace-tabs>button{height:48px;border-radius:0;padding:0 17px;font-size:13px;color:var(--muted);border-bottom:2px solid transparent}.workspace-tabs>button.active{border-bottom-color:var(--accent);color:var(--accent);background:#ffffff03}.workspace-tabs .workspace-hint{margin-left:auto;padding-right:20px;color:#88959a;font-size:11px;letter-spacing:.7px}.workspace{display:grid;grid-template-columns:224px minmax(360px,1fr) 293px;min-height:0}.left-panel,.right-panel{background:#20272c;min-height:0;overflow:auto}.left-panel{border-right:1px solid var(--line);display:flex;flex-direction:column}.right-panel{border-left:1px solid var(--line)}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 11px;font-size:12px;font-weight:600}.eyebrow{letter-spacing:1.4px;font-size:10px;color:var(--muted);font-weight:600}.mini-tabs{display:flex;gap:19px;margin:0 15px;border-bottom:1px solid var(--line)}.mini-tabs button{padding:8px 0 10px;border-bottom:2px solid transparent;border-radius:0;font-size:12px;color:var(--muted)}.mini-tabs button.active{border-color:var(--accent);color:var(--text)}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:5px;margin:14px;padding:7px 9px;color:#8b989e}.search svg{width:14px}.search input{width:100%;border:0;outline:0;background:none;color:var(--text);font-size:12px}.asset{margin:4px 9px;padding:11px 10px;border:1px solid transparent;border-radius:5px;display:block;width:calc(100% - 18px);text-align:left}.asset.active{background:#313c32;border-color:#50633f}.asset-top{display:flex;align-items:center;gap:8px;font-size:12px}.asset-top svg{width:15px;color:var(--accent)}.asset-name{overflow:hidden;text-overflow:ellipsis}.asset-meta{font:10px ui-monospace,monospace;color:#96a39c;display:block;margin:7px 0 0 23px}.asset .miniwave{width:100%;height:20px;margin-top:10px;opacity:.6}.import-area{margin:14px;border:1px dashed #49564c;border-radius:5px;min-height:77px;padding:15px 10px;text-align:center;color:var(--muted);font-size:12px;line-height:1.8}.import-area button{color:var(--accent)}.left-footer{margin-top:auto;padding:17px;border-top:1px solid var(--line)}.left-footer .label{color:var(--muted);font-size:11px;margin-bottom:7px}.left-footer p{margin:0;font-size:12px}.sample-tag{color:#b7c294;font-size:10px}.center{display:flex;flex-direction:column;min-width:0;min-height:0}.edit-toolbar{height:46px;flex-shrink:0;display:flex;gap:3px;padding:7px 12px;border-bottom:1px solid var(--line);background:#242c31;align-items:center}.edit-toolbar button{font-size:12px}.edit-toolbar .separator{height:20px;width:1px;background:var(--line);margin:0 7px}.tool.active{background:#48513a;color:#e5f3bd;border:1px solid #64744a}.zoom-label{font:11px ui-monospace;color:#aeb8b5;padding:0 3px}.canvas-title{height:39px;display:flex;gap:10px;align-items:center;padding:0 16px;font-size:12px;border-bottom:1px solid #2c353a}.canvas-title .file-dot{width:7px;height:7px;background:var(--accent);border-radius:2px}.canvas-title .file-spec{font:10px ui-monospace;color:var(--muted);margin-left:auto}.wave-host{position:relative;flex:1;min-height:185px;touch-action:none;cursor:crosshair;overflow:hidden}.wave-host.dragover:after{content:'Drop audio to import';position:absolute;inset:12px;border:2px dashed var(--accent);background:#1d2929ee;display:grid;place-content:center;font-size:20px;z-index:10}.wave-footer{display:flex;align-items:center;padding:7px 12px;border-top:1px solid var(--line);gap:18px;font:10px ui-monospace;color:var(--muted);min-height:30px}.wave-footer b{color:#c0ccc0;font-weight:400}.overview{height:40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;padding:5px 14px;background:#1a2024}.overview canvas{width:100%;height:28px;opacity:.5}.overview-window{position:absolute;top:4px;bottom:4px;left:14px;right:14px;border:1px solid #6e8156;background:#d7ec9409;border-radius:3px}.analysis-area{height:178px;flex-shrink:0;display:grid;grid-template-columns:1.4fr 1fr;background:#1e252a}.analyzer{padding:12px 15px;min-width:0}.analyzer+.analyzer{border-left:1px solid var(--line)}.analyzer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:11px;font-weight:550}.analyzer-head span{color:#899a8d;font-size:10px;font-weight:400}.spectrum{height:99px;width:100%;display:block}.frequency-labels{display:flex;justify-content:space-between;font:9px ui-monospace;color:#78858c;margin-top:6px}.loudness-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:5px}.loudness-stat .value{font:25px 'Space Grotesk',monospace;letter-spacing:-.8px;color:var(--accent)}.loudness-stat .unit{font-size:10px;color:var(--muted);margin-left:3px}.loudness-stat .label{display:block;font-size:10px;color:var(--muted);margin-top:5px}.loudness-note{font-size:10px;color:#7e8b8d;margin-top:16px}.rack-header{display:flex;align-items:center;justify-content:space-between;padding:15px;border-bottom:1px solid var(--line);height:47px;font-size:13px;font-weight:600}.preset-row{display:flex;padding:12px 13px;gap:7px}.preset-row select{flex:1;min-width:0;background:#2b3439;border:1px solid #455248;color:var(--text);padding:7px 8px;font-size:12px;border-radius:4px}.effect-card{border:1px solid #3c4845;border-radius:5px;margin:0 12px 9px;background:#272f34;overflow:hidden}.effect-title{display:flex;align-items:center;gap:8px;padding:10px 10px;font-size:12px}.effect-title .effect-num{font:10px ui-monospace;color:#7f8d8b}.effect-title .effect-label{font-weight:550}.power{margin-left:auto;color:var(--accent);width:22px;height:22px}.power.off{color:#728087}.effect-curve{height:52px;margin:0 12px;background:repeating-linear-gradient(0deg,transparent,transparent 16px,#39453d 17px),repeating-linear-gradient(90deg,transparent,transparent 39px,#39453d 40px);border-radius:2px;position:relative}.effect-curve svg{width:100%;height:100%;overflow:visible}.knobs{display:flex;justify-content:space-around;padding:10px 0}.effect-line{display:flex;align-items:center;justify-content:space-between;padding:0 11px 10px;font-size:10px;color:#91a099}.effect-line input{width:95px;accent-color:var(--accent)}.effect-value{font:11px ui-monospace;color:#ccd8c0}.add-effect{margin:1px 12px 13px;width:calc(100% - 24px);border:1px dashed #4a5559;padding:8px;color:#a2aea9;font-size:11px}.output-head{display:flex;justify-content:space-between;padding:11px 15px;font-size:12px;border-top:1px solid var(--line)}.output-content{display:flex;padding:0 14px 12px;gap:12px;align-items:center}.meter-bank{display:flex;flex-direction:column;gap:6px;flex:1}.meter-line{display:flex;align-items:center;gap:6px;font:9px ui-monospace;color:#90a096}.meter-track{height:8px;background:#141b1e;border-radius:1px;flex:1;overflow:hidden}.meter-fill{height:100%;width:0;background:linear-gradient(90deg,#8caf6e,#d1de82 78%,#e4b574 90%,#dc8378)}.meter-scale{display:flex;justify-content:space-between;font:8px ui-monospace;color:#72818a;margin-left:12px}.master-fader{width:65px;accent-color:var(--accent)}.transport{display:flex;align-items:center;border-top:1px solid #3b4745;background:#242c30;padding:0 23px;gap:24px}.transport-controls{display:flex;align-items:center;gap:9px}.transport-controls button{width:34px;height:34px}.transport-controls .play{height:43px;width:43px;background:var(--accent);color:#26321d;border-radius:50%;margin:0 2px}.transport-controls .record{color:var(--red)}.transport-controls .record.recording{background:#853e38;animation:pulse 1s infinite}.transport-controls .looping{color:var(--accent);background:#4b5d37}.time-display{font:27px 'Space Grotesk',monospace;letter-spacing:1px;min-width:178px}.time-display small{font:9px 'DM Sans',sans-serif;letter-spacing:1.3px;display:block;color:var(--muted);margin-bottom:2px}.transport-region{font:11px ui-monospace;display:grid;grid-template-columns:auto auto;gap:5px 12px;color:#c6cec7}.transport-region .label{color:#7e8c91;font-family:'DM Sans',sans-serif}.transport-end{margin-left:auto;display:flex;gap:14px;align-items:center}.transport-end select{font-size:11px;color:#b4beb6;background:#283035;border:1px solid var(--line);padding:7px;border-radius:4px}.statusbar{display:flex;align-items:center;padding:0 14px;gap:16px;background:#1b2226;border-top:1px solid var(--line);color:#88968c;font-size:10px}.statusbar .ready{color:var(--accent)}.statusbar .ready:before{content:'';display:inline-block;background:var(--accent);width:5px;height:5px;border-radius:50%;margin-right:5px}.statusbar .status-right{margin-left:auto}.comment{margin:10px 12px;padding:12px;background:#283136;border:1px solid #3b474b;border-radius:5px;font-size:12px;line-height:1.5}.comment-head{display:flex;justify-content:space-between;color:#aebbab;font-size:11px;margin-bottom:5px}.comment p{margin:5px 0;overflow-wrap:anywhere}.comment.resolved{opacity:.5}.comment-form{padding:13px}.comment-form textarea{width:100%;background:#192126;border:1px solid var(--line);border-radius:4px;color:var(--text);padding:9px;resize:vertical;font-size:12px}.track-row{margin:12px;padding:12px;border:1px solid var(--line);border-radius:5px}.track-row-header{display:flex;align-items:center;gap:6px;font-size:12px}.track-row input[type=range]{width:100%;accent-color:var(--accent);margin:12px 0 3px}.track-row button{font:10px ui-monospace;width:24px;height:22px;border:1px solid var(--line)}.track-row button.active{background:var(--accent);color:#243024}.marker-row{display:flex;gap:8px;padding:11px 14px;font-size:11px;border-bottom:1px solid #303a3f}.marker-row button:first-child{flex:1;justify-content:flex-start;min-width:0;overflow:hidden}.marker-row .time{font:10px ui-monospace;color:var(--accent)}#toast{position:fixed;bottom:114px;left:50%;transform:translateX(-50%) translateY(15px);z-index:100;max-width:min(650px,90vw);padding:12px 20px;background:#354231;border:1px solid #687856;border-radius:7px;box-shadow:0 8px 40px #0005;font-size:13px;opacity:0;pointer-events:none;transition:.2s}#toast.visible{opacity:1;transform:translateX(-50%)}#toast.error{background:#4a302e;border-color:#b27267}dialog{background:#222b30;color:var(--text);border:1px solid #506058;border-radius:10px;box-shadow:0 20px 100px #0009;padding:0;width:min(580px,calc(100vw - 28px));max-height:85vh;overflow:auto}dialog::backdrop{background:#070d12aa;backdrop-filter:blur(4px)}.dialog-header{padding:21px 23px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.dialog-header h2{font-size:18px;margin:0;font-weight:550}.dialog-body{padding:22px 24px;font-size:14px;line-height:1.6}.dialog-body p{color:#a7b3b3}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label,.field{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#aab7b5}.field{margin-bottom:15px}.form-grid input,.form-grid select,.field input,.field select,.field textarea{width:100%;min-width:0;border:1px solid #475650;background:#182126;color:var(--text);padding:10px;border-radius:5px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:22px}.dialog-actions .btn{font-size:13px}.dialog-body .help{font-size:12px;color:#8f9f99}.list-item{display:flex;align-items:center;padding:12px;border:1px solid var(--line);border-radius:5px;margin-bottom:8px;gap:12px}.list-item .detail{flex:1;min-width:0}.list-item .detail small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.dialog-body progress{width:100%;accent-color:var(--accent)}.empty{text-align:center;color:var(--muted);padding:30px 18px;font-size:12px;line-height:1.8}.keyboard-list{display:grid;grid-template-columns:1fr auto;gap:10px;font-size:13px}kbd{font:11px ui-monospace;background:#36413e;border:1px solid #576455;border-radius:4px;padding:3px 7px;color:#c7d4bc}.spectral-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.mobile-menu{display:none}.mobile-tabs{display:none}.busy{cursor:progress}.batch-item{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.timeline-panel{overflow:auto;flex:1;padding:24px}.timeline-panel h2{font-size:19px;font-weight:500}.timeline-panel p{font-size:13px;color:var(--muted)}a{color:var(--accent)}@keyframes pulse{50%{opacity:.5}}@media(min-height:950px){.analysis-area{height:215px}.spectrum{height:130px}.effect-card{margin-bottom:13px}.knobs{padding:13px 0}}@media(max-width:1180px){.workspace{grid-template-columns:190px minmax(300px,1fr) 250px}.topbar{gap:14px;padding:0 14px}.topnav button{padding:7px}.transport{gap:14px;padding:0 14px}.transport-region{display:none}.right-panel audio-knob{width:67px}.workspace-tabs>button{padding:0 12px}.analysis-area{grid-template-columns:1fr 1fr}.brand small{display:none}.topbar .separator{display:none}}@media(max-width:960px){.workspace{grid-template-columns:170px minmax(320px,1fr)}.right-panel{display:none}.workspace.rack-visible{grid-template-columns:minmax(320px,1fr) 250px}.workspace.rack-visible .left-panel{display:none}.workspace.rack-visible .right-panel{display:block}.mobile-menu{display:inline-flex}.workspace-hint{display:none}.topnav button:nth-child(n+4){display:none}.document-tag{display:none}.time-display{font-size:23px;min-width:158px}.transport-end select{display:none}.topbar .btn.share-label{font-size:0;gap:0}.topbar .btn.share-label svg{width:18px}.canvas-title .file-spec{display:none}}@media(max-width:680px){.app-shell{min-height:660px;grid-template-rows:55px 44px 44px minmax(300px,1fr) 74px 26px}.topbar{gap:9px}.topnav{display:none}.brand{font-size:21px}.brand img{width:27px;height:27px}.topbar .btn{padding:5px 9px}.projectbar{padding:0 12px;gap:7px}.project-name{font-size:12px;max-width:65vw;overflow:hidden}.save-state{margin-left:auto;font-size:10px}.workspace-tabs{padding-left:4px;overflow-x:auto}.workspace-tabs>button{height:44px;padding:0 10px;font-size:11px}.workspace-tabs>button svg{width:15px}.workspace{display:flex;position:relative}.left-panel{display:none;position:absolute;inset:0 auto 0 0;width:240px;z-index:8;box-shadow:10px 0 30px #0008}.workspace.files-visible .left-panel{display:flex}.center{width:100%}.workspace.rack-visible .right-panel{display:block;position:absolute;right:0;top:0;bottom:0;z-index:8;width:270px;box-shadow:-10px 0 30px #0008}.workspace.rack-visible .left-panel{display:none}.mobile-tabs{display:flex}.edit-toolbar{padding:6px;gap:1px;height:43px}.edit-toolbar .separator{margin:0 3px}.edit-toolbar .optional{display:none}.wave-footer{gap:9px;font-size:9px;padding:7px}.wave-footer .optional{display:none}.analysis-area{height:157px;grid-template-columns:1.1fr 1fr}.analyzer{padding:11px 10px}.spectrum{height:84px}.loudness-stat .value{font-size:20px}.loudness-grid{gap:8px}.loudness-note{font-size:9px;margin-top:11px}.transport{gap:8px;padding:0 10px}.transport-controls{gap:3px}.transport-controls button{width:27px}.transport-controls .play{width:37px;height:37px}.transport-controls .optional{display:none}.time-display{font-size:20px;min-width:132px}.transport-end{display:none}.statusbar{font-size:9px;gap:9px}.statusbar .optional{display:none}.form-grid{grid-template-columns:1fr}.dialog-body{padding:18px}.canvas-title{padding:0 10px;font-size:11px}.overview{height:29px}.overview canvas{height:19px}.wave-host{min-height:165px}}

.left-panel{overflow-x:hidden}.asset-top{min-width:0}.asset-name{min-width:0;white-space:nowrap}.asset-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialog-body .form-grid .btn{white-space:normal}.dialog-body small{overflow-wrap:anywhere}