:root{color:#e4e8f0;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--muted:#8e9aae;--border:#2b333f;--blue:#8baafa;--mint:#76cdbd;--amber:#edc37a;--panel-radius:8px;--control-radius:5px;background:#101217;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:12px;line-height:1.4}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button,select{color:inherit}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,select:focus-visible,input:focus-visible,[role=slider]:focus-visible{outline:2px solid var(--blue);outline-offset:2px}button{touch-action:manipulation}svg{vertical-align:middle;flex-shrink:0}h2,h3,p{margin:0}h2{white-space:nowrap;font-size:12px;font-weight:600;line-height:18px}h3{font-size:13px;font-weight:600}.app-shell{flex-direction:column;min-width:930px;height:100dvh;min-height:620px;display:flex}.editor-layout{flex:1;min-height:0;padding:12px 12px 8px;display:grid}.upper-workspace{grid-template-columns:280px minmax(430px,1fr) 204px;gap:10px;min-height:0;display:grid}.panel{border:1px solid var(--border);border-radius:var(--panel-radius);background:#181b21;flex-direction:column;min-width:0;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid var(--border);background:#191d24;align-items:center;gap:9px;height:48px;min-height:48px;padding:0 12px 0 14px;display:flex}.panel-header>svg{color:#8c9bb2;width:18px;height:18px}.badge{color:#a2adc0;background:#252a34;border-radius:4px;justify-content:center;align-items:center;min-width:23px;height:20px;padding:0 6px;font-size:10px;line-height:1;display:inline-flex}.button{border-radius:var(--control-radius);color:#b8c1d1;white-space:nowrap;background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;gap:5px;height:32px;font-weight:500;line-height:1;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.button:hover:not(:disabled){color:#eaf1ff;background:#303d50;border-color:#465a76}.button:active:not(:disabled){background:#3c506e}.button:disabled{opacity:.4}.icon-button{width:32px;padding:0}.icon-button svg{width:18px;height:18px;display:block}.text-button{padding:0 10px}.action-button{color:#c8d9f8;background:#263449;border-color:#425675;height:32px;font-size:12px}.action-button:hover:not(:disabled){color:#dfebff;background:#324766;border-color:#7196ca}.panel-header .action-button,.badge+.action-button{margin-left:auto}.is-active{color:#b5ceff!important;background:#304767!important;border-color:#5a7db5!important}.media-list{flex:1;padding:7px;position:relative;overflow-y:auto}.empty-state{text-align:center;color:#8695ad;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:18px;display:flex}.empty-state h3{color:#d4ddeb;margin-top:22px;font-size:13px;font-weight:600;line-height:22px}.empty-state p{margin-top:10px;font-size:12px;line-height:20px}.empty-folder,.empty-preview-icon{color:#8faff6;background:#1c2739;border:1px solid #303c50;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;padding:0;display:flex}.empty-folder{border-radius:14px;width:56px;height:56px;transition:background .12s,border-color .12s,color .12s}.empty-folder:hover{color:#c9ddff;background:#2e4160;border-color:#6388bd}.media-card{cursor:grab;background:#1f242d;border:1px solid #343e4d;border-radius:6px;gap:12px;min-height:80px;margin-bottom:7px;padding:10px 8px;display:flex;position:relative}.media-card:hover{background:#253040;border-color:#4c6382}.media-thumbnail{width:76px;height:50px;color:var(--mint);background:#151b25;border-radius:4px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;display:flex;overflow:hidden}.media-thumbnail img{object-fit:contain;width:100%;height:100%}.media-info{flex-direction:column;flex:1;gap:3px;min-width:0;padding-right:13px;display:flex}.media-info strong{white-space:nowrap;text-overflow:ellipsis;color:#e0e7f3;margin:0 0 3px;font-size:12px;font-weight:600;line-height:18px;overflow:hidden}.media-info span{color:#93a4bb;white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:15px;overflow:hidden}.remove-media{color:#91a1ba;width:24px;height:24px;padding:0;position:absolute;bottom:5px;right:5px}.remove-media svg{width:16px;height:16px}.media-panel{position:relative}.drop-active{border-color:var(--blue);box-shadow:inset 0 0 0 2px #789bff}.drop-message{color:#bfd3ff;pointer-events:none;background:#1c2d45ef;flex-direction:column;justify-content:center;align-items:center;gap:15px;font-size:14px;display:flex;position:absolute;inset:48px 0 0}.preview-format{color:#8c9cb2;white-space:nowrap;margin-left:auto;font-size:11px}.preview-panel .panel-header .action-button{margin-left:0}.preview-stage{background:#080a0d;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.preview-stage canvas{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.preview-empty{background:#10141b;position:absolute;inset:0}.empty-preview-icon{color:#6883aa;background:#1c2533;border-color:#2c384b}.source-label{color:#bfcfe1;background:#10151ccd;border-radius:4px;padding:5px 9px;font-size:11px;position:absolute;top:10px;left:10px}.transport{border-top:1px solid var(--border);background:#1b2029;align-items:center;gap:4px;height:60px;min-height:60px;padding:0 12px;display:flex}.transport .play-button{color:#131e35;background:#789bff;border-color:#95b1ff;width:32px;height:32px}.transport .play-button:hover{background:#97b3ff}.transport-divider{background:#394251;flex-shrink:0;width:1px;height:18px;margin:0 4px}.marker-in-active{color:var(--mint)}.marker-out-active{color:#ec969c}.timecode{white-space:nowrap;color:#dee6f6;font-variant-numeric:tabular-nums;margin-left:12px;font-family:Consolas,SFMono-Regular,monospace;font-size:14px;line-height:20px}.transport select{appearance:none;border-radius:var(--control-radius);color:#c3d4ed;cursor:pointer;background:#242c38;border:1px solid #3a465a;width:74px;height:30px;padding:0 26px 0 10px;font-size:12px;line-height:28px;transition:background .12s,border-color .12s}.mixer-panel .panel-header{gap:8px;padding:0 10px 0 14px}.sample-rate{color:#a2adc0;white-space:nowrap;background:#252a34;border-radius:4px;align-items:center;height:20px;margin-left:auto;padding:0 6px;font-size:10px;display:flex}.mixer-channels{scrollbar-gutter:stable;flex-direction:column;gap:10px;padding:10px 4px;display:flex;overflow-y:auto}.channel{background:#263140;border:1px solid #50627a;border-radius:8px;flex-shrink:0;padding:8px 4px 10px;transition:opacity .18s;position:relative}.channel-disabled{opacity:.42;background:#20272f;border-color:#35404b}.channel-heading{color:#dce5f2;align-items:center;gap:8px;height:28px;padding:0 2px;display:flex}.channel-heading>svg{width:18px;height:18px;color:var(--blue)}.channel-heading h3{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;line-height:18px;overflow:hidden}.mix-channel .channel-heading>svg{color:var(--amber)}.audio-channel .channel-heading>svg{color:var(--mint)}.channel-actions{gap:0;margin-left:auto;display:flex}.channel-actions .button{border-radius:4px;width:20px;height:28px;padding:0}.channel-actions .button svg{width:18px;height:18px}.knob-rack{justify-content:center;gap:10px;margin:8px 0 14px;display:flex}.effect{--effect-color:#6ddbc3;flex:0 0 76px;grid-template-rows:22px 76px 16px 16px;place-items:center;row-gap:2px;width:76px;min-width:0;display:grid}.effect-power{color:#bac8da;text-transform:uppercase;white-space:nowrap;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;gap:3px;width:100%;height:22px;padding:0;font-size:9px;font-weight:600;line-height:1;transition:background .12s,color .12s;display:inline-flex}.effect-power svg{color:#7c8fa6;transform:translateY(-1px)}.effect-on .effect-power{color:#e0e7f0}.effect-on .effect-power svg{color:var(--effect-color)}.effect-power:hover:not(:disabled){color:#e7f0ff;background:#3a4a61}.rotary{cursor:ns-resize;touch-action:none;border-radius:50%;width:76px;height:76px}.rotary[aria-disabled=true]{cursor:default}.rotary svg{width:76px;height:76px;display:block;overflow:visible}.knob-face{stroke:#72889f;stroke-width:1px;transition:stroke .12s}.knob-inner{fill:#354960;stroke:#202936;stroke-width:1px}.knob-indicator{stroke:#d4dfed;stroke-width:2.5px;stroke-linecap:round}.effect-on .knob-indicator{stroke:var(--effect-color)}.tick{stroke:#667b95;stroke-width:1.2px}.tick-lit{stroke:var(--effect-color);stroke-width:1.2px}.knob-value{color:#a2b2c9;font-variant-numeric:tabular-nums;font-family:Consolas,monospace;font-size:13px;font-weight:600;line-height:16px}.effect-caption{color:#a6b6cb;white-space:nowrap;justify-content:center;align-items:center;height:16px;font-size:10px;line-height:16px;display:flex}.learn-button{color:#a9d9cb;background:#2b3c45;border:1px solid #557a80;border-radius:4px;justify-content:center;align-items:center;height:16px;padding:0 4px;font-size:9px;font-weight:400;line-height:14px;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.learn-complete{color:#d4fff0;background:#355f54;border-color:#83cbb5}.learn-button:hover:not(:disabled){color:#e2ffff;background:#41646a;border-color:#83b5b7}.audio-meter{width:100%;height:8px;display:block}.gain-slider{z-index:1;width:100%;height:16px;margin:10px 0 0;display:block;position:relative}.gain-notch{pointer-events:none;background:#718298;width:1px;height:4px;position:absolute;bottom:9px;left:calc(10px + round(down,83.3333% - 16.6667px,1px));transform:translate(-50%)}.mix-channel .knob-rack{margin-bottom:14px}.mix-channel{padding-bottom:10px}.mixer-channels .single-knob{justify-content:center}.workspace-divider{cursor:row-resize;touch-action:none;position:relative}.workspace-divider:hover:after{content:"";background:#596c8e;border-radius:2px;width:42px;height:2px;position:absolute;top:4px;left:50%}.timeline-panel{min-height:0}.timeline-panel .panel-header{height:48px;min-height:48px}.marker-readout{color:#8a9bb3;gap:10px;margin-left:12px;font-size:11px;display:flex}.timeline-zoom{color:#8a9bb3;align-items:center;gap:10px;margin-left:auto;display:flex}.timeline-zoom input{width:120px}.timeline-scroll{background:#13171e;flex:1;position:relative;overflow:auto}.timeline-content{min-height:100%;position:relative}.ruler{z-index:7;cursor:crosshair;touch-action:none;background:#1d242f;border-bottom:1px solid #2d3745;height:36px;position:sticky;top:0;overflow:hidden}.ruler-label{z-index:2;color:#8998ae;background:#1d242f;border-right:1px solid #374353;align-items:center;height:36px;padding-left:17px;font-size:10px;display:flex;position:sticky;left:0}.ruler-tick{color:#a0b4d2;pointer-events:none;border-left:1px solid #364559;height:26px;padding-left:7px;font-family:Consolas,monospace;font-size:10px;position:absolute;top:10px}.ruler-tick i{background:#3d4b60;width:1px;height:6px;position:absolute;bottom:0;left:20%}.ruler-tick i:nth-child(2){left:40%}.ruler-tick i:nth-child(3){left:60%}.ruler-tick i:nth-child(4){left:80%}.lanes{position:relative}.track-row{background-color:#151c24;background-image:linear-gradient(90deg,#25303e 1px,#0000 1px);border-bottom:1px solid #2e3744;position:relative}.audio-row{background-color:#151e23}.track-header{z-index:6;cursor:default;background:#1d242e;border-right:1px solid #3a4658;height:100%;padding:13px 14px;position:sticky;left:0}.track-header:before{content:"";background:var(--blue);width:3px;position:absolute;top:14px;bottom:14px;left:0}.audio-row .track-header:before{background:var(--mint)}.track-title{color:#c8d9ef;align-items:center;gap:9px;font-size:12px;display:flex}.track-title svg{color:var(--blue)}.audio-row .track-title svg{color:var(--mint)}.track-title strong{font-weight:600}.track-subtitle{color:#8b9fbc;margin-top:8px;padding-left:27px;font-size:11px;line-height:16px}.track-add{width:25px;height:28px;padding:0;position:absolute;top:27px;right:9px}.track-add svg{width:18px;height:18px}.mono-button{color:#b5cbe5;cursor:pointer;background:#283446;border:1px solid #3b4c64;border-radius:4px;justify-content:center;align-items:center;height:22px;padding:0 5px;font-size:10px;line-height:1;transition:background .12s,border-color .12s;display:inline-flex}.mono-button:hover{color:#e0efff;background:#3c526e;border-color:#6388b2}.track-hint{color:#60748d;pointer-events:none;font-size:12px;position:absolute;top:32px}.track-drop{background-color:#243a4e}.clip{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;z-index:3;background:#293d58;border:1px solid #4b6995;border-radius:5px;outline:0;position:absolute;overflow:hidden}.clip.selected{border-color:#a6c5ff;box-shadow:0 0 0 1px #a6c5ff55}.audio-clip{background:#24423d;border-color:#4c887a}.audio-clip.selected{border-color:#a0e0cd;box-shadow:0 0 0 1px #a0e0cd55}.clip-header{color:#e0edff;z-index:2;background:#3b5579;align-items:center;height:23px;padding:0 14px;font-size:11px;font-weight:500;line-height:16px;display:flex;position:relative}.audio-clip .clip-header{color:#d4f4e9;background:#325e54}.clip-header span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.clip-thumbnail{object-fit:contain;z-index:1;pointer-events:none;background:#0d121a;width:85px;height:calc(100% - 23px);position:absolute;top:23px;left:0}.clip-thumbnail.with-audio{opacity:.5}.clip-waveform{pointer-events:none;width:100%;height:calc(100% - 29px);position:absolute;inset:26px 0 3px}.fade-triangles{pointer-events:none;z-index:3;fill:#c6ccd14f;position:absolute;inset:0}.fade-handle{pointer-events:none;z-index:4;background:#c4ddf3;border-radius:50%;width:5px;height:5px;position:absolute;top:5px}.audio-clip .fade-handle{background:#b4decf}.trim-affordance{opacity:0;z-index:5;pointer-events:none;background:#c1ddff4d;border:1px solid #d4e5ffa8;width:7px;position:absolute;top:23px;bottom:0}.trim-left{border-radius:0 3px 3px 0;left:0}.trim-right{border-radius:3px 0 0 3px;right:0}.hover-left,.hover-right{cursor:ew-resize}.hover-left .trim-left,.hover-right .trim-right{opacity:1}.hover-fade-in,.hover-fade-out{cursor:grab}.hover-fade-in .fade-left,.hover-fade-out .fade-right{background:#fff;box-shadow:0 0 0 3px #eef7ff4d}.timeline-lines{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:hidden}.playhead{z-index:3;border-left:2px solid #a5bcff;position:absolute;top:0;bottom:0}.playhead span{clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%);background:#9db8ff;width:10px;height:10px;position:absolute;top:0;left:-6px}.marker-line{opacity:.85;border-left:1px dashed;position:absolute;top:19px;bottom:0}.in-line{color:var(--mint)}.out-line{color:#e79b9d}.marker-line span{background:#16242b;border-radius:3px;padding:2px;font-size:10px;position:absolute;top:18px;left:3px}.status-bar{color:#8d9eb7;border-top:1px solid #232c39;flex-shrink:0;align-items:center;gap:16px;height:24px;padding:0 16px;font-size:11px;line-height:16px;display:flex}.status-bar>span:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.keyboard-hints{white-space:nowrap;word-spacing:1px;margin-left:auto}.keyboard-hints kbd{font:inherit;color:#acbdd4;margin-left:8px}.status-error{color:#e6a6a7}input[type=range]{appearance:none;cursor:pointer;touch-action:none;background:0 0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,#7d9cec var(--range-fill,0%),#3a4352 var(--range-fill,0%));border-radius:2px;height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;background:#cfddff;border:2px solid #263248;border-radius:50%;width:12px;height:12px;margin-top:-4.5px;transition:background .12s,border-color .12s}input[type=range]::-moz-range-track{background:#43536b;height:3px}input[type=range]::-moz-range-thumb{background:#cfddff;border:2px solid #263248;border-radius:50%;width:8px;height:8px}input[type=range]:disabled{cursor:default}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#181e26}::-webkit-scrollbar-thumb{background:#3b495e;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#556b89}.tooltip{z-index:2000;pointer-events:none;color:#e3ecf9;background:#283344;border:1px solid #516078;border-radius:4px;max-width:285px;padding:4px 7px;font-size:11px;line-height:1.45;position:fixed;box-shadow:0 4px 15px #0005}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080c14c7;place-items:center;display:grid;position:fixed;inset:0}.export-dialog{text-align:center;background:#1d2634;border:1px solid #445770;border-radius:14px;width:410px;max-width:90vw;padding:28px;box-shadow:0 20px 100px #0009}.export-symbol{color:#afc8ff;background:#2c4166;border:1px solid #4d70a5;border-radius:17px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;font-size:35px;display:flex}.export-dialog h2{white-space:normal;font-size:17px;line-height:1.5}.export-dialog p{color:#9cafc7;margin:10px 0 18px;font-size:12px;line-height:1.6}.export-dialog progress{accent-color:#92b1ff;width:100%;height:6px}.export-dialog .export-note{margin:18px 0;font-size:11px}.dialog-actions{justify-content:center;gap:10px;margin-top:20px;display:flex}.error-toast{z-index:1100;color:#f0c9d0;background:#3b272f;border:1px solid #9e696f;border-radius:7px;gap:15px;max-width:600px;padding:12px 14px;line-height:1.5;display:flex;position:fixed;bottom:40px;left:50%;transform:translate(-50%);box-shadow:0 8px 35px #0009}.error-toast button{width:18px;height:18px;color:inherit;background:0 0;border:0;flex:0 0 18px;justify-content:center;align-self:flex-start;align-items:center;padding:0;font-size:21px;line-height:18px;display:flex}.ruler-playhead{pointer-events:none;background:#a5bcff;width:2px;position:absolute;top:0;bottom:0}.ruler-playhead:before{content:"";clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%);background:#9db8ff;width:10px;height:11px;position:absolute;top:0;left:-4px}.action-button svg{width:16px;height:16px;display:block}.preview-empty h3{color:#c7d4e9;margin-top:22px;font-size:17px;line-height:26px}.preview-empty p{color:#8d9eb9;margin-top:10px}.empty-preview-icon svg{width:36px;height:36px}.quality-select{flex-shrink:0;align-items:center;margin-left:auto;display:flex;position:relative}.select-chevron{pointer-events:none;stroke:#a5b5ca;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;position:absolute;top:9px;right:9px}.transport select:hover{background:#2c3748;border-color:#7185a8}.effect-compress{--effect-color:#b4a4f7}.effect-loudness{--effect-color:#edc37a}.effect-loudness .effect-power svg{transform:none}.effect-on .knob-value{color:var(--effect-color)}.knob-arc{fill:none;stroke:#4d627b;stroke-width:3px;stroke-linecap:round}.knob-arc-active{stroke:var(--effect-color)}.knob-shadow{fill:#0c1016}.rotary:hover:not([aria-disabled=true]) .knob-face,.rotary:focus-visible .knob-face{stroke:#a9bfd9}.channel-actions .solo-button.is-active{color:#edc37a!important;background:#3a3022!important;border-color:#8a6a3e!important}input[type=range]:hover:not(:disabled)::-webkit-slider-thumb{background:#fff;border-color:#719aff}input[type=range]::-moz-range-progress{background:#7d9cec;border-radius:2px;height:3px}input[type=range]:hover:not(:disabled)::-moz-range-thumb{background:#fff;border-color:#719aff}@media (width<=1180px){.upper-workspace{grid-template-columns:235px minmax(430px,1fr) 204px;gap:8px}.panel-header{padding:0 10px}.transport{gap:3px;height:60px;padding:0 8px}.transport .button,.transport .play-button{width:30px;height:30px}.transport-divider{margin:0 3px}.timecode{margin-left:8px;font-size:13px}.preview-format{font-size:11px}.preview-format span{display:none}.transport select{width:68px}.status-bar,.keyboard-hints{font-size:10px}.media-thumbnail{width:67px}.media-card{gap:8px}}@media (width<=940px){body{overflow:auto}.app-shell{height:100dvh}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}