@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";.tools>.tool.active{color:#8afff7;background:#14363d;box-shadow:inset 0 0 0 1px #50dcd3}.tools>.tool.active svg{filter:drop-shadow(0 0 4px #55e7df88)}.central-voice-controls{border-left:1px solid #263a44;align-items:center;gap:7px;padding:0 8px;display:flex}.central-voice-controls label{color:#a9bdc6;white-space:nowrap;gap:3px;font-size:10px;font-weight:700;display:grid}.central-voice-controls select{color:#e8f2f5;background:#0d202a;border:1px solid #31505c;border-radius:4px;min-width:76px;height:25px;padding:0 5px;font-size:10px;font-weight:700}.central-voice-controls input{accent-color:#bb86fc;width:80px}.central-voice-controls b{color:#d9b6ff;font-size:11px}.audio-edit-toolbar .apply-central-voice{color:#bafff9;background:#12343a;border-color:#3b7e82;min-width:62px}.audio-edit-toolbar .restore-central-voice{color:#ffd5cc;background:#33211f;border-color:#704841;min-width:62px}.audio-edit-toolbar .apply-central-pitch{color:#ead9ff;background:#2b2038;border-color:#654d7c;min-width:62px}.audio-edit-toolbar button span{font-size:10px;font-weight:700}.edit-toolbar-title strong{font-size:14px;font-weight:800}.edit-toolbar-title span{font-size:10px;font-weight:600}.audio-edit-toolbar button{font-size:10px;font-weight:700}.capture-preview{position:relative}.capture-preview video{background:#02070b;display:block}.start-screen-preview{color:#071518;background:#72e5df;border-radius:6px;align-items:center;gap:7px;padding:9px 14px;font-size:12px;font-weight:800;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 7px 24px #0009}.start-screen-preview svg{width:15px}.timeline-playhead{pointer-events:auto;cursor:ew-resize;touch-action:none;width:2px}.timeline-playhead:after{content:"";background:0 0;width:16px;position:absolute;top:0;bottom:0;left:-7px}.timeline-playhead:active{background:#ff8b78;box-shadow:0 0 8px #ff705a}.timeline-playhead span{cursor:grab;-webkit-user-select:none;user-select:none}.timeline-playhead:active span{cursor:grabbing}.draggable-ruler{cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none}.draggable-ruler:active{cursor:grabbing;background-color:#10222d}.timeline-body{--one-second-step:1%;--five-second-step:5%}.track-canvas,.clip-lane,.empty,.video-empty{background-color:#0a1721;background-image:repeating-linear-gradient(90deg, #70a4b521 0 1px, transparent 1px var(--one-second-step)), repeating-linear-gradient(90deg, #5de2da61 0 2px, transparent 2px var(--five-second-step));background-position:0 0;background-size:100% 100%}.ruler{gap:0;padding-right:10px;overflow:hidden;padding-left:130px!important}@media (width<=1050px){.ruler{padding-left:106px!important}}@media (width<=780px){.ruler{padding-left:92px!important}}.ruler span{flex:0 0 var(--ruler-label-step);color:#a8c5ce;text-align:left;min-width:0;font-size:10px;font-weight:700;transform:translate(-1px)}.timeline-playhead{z-index:9;top:0;left:calc(130px + (100% - 140px) * var(--playhead) / 100)!important}.track-canvas{background-color:#0a1721!important;background-image:repeating-linear-gradient(90deg, #70a4b521 0 1px, transparent 1px var(--one-second-step)), repeating-linear-gradient(90deg, #5de2da61 0 2px, transparent 2px var(--five-second-step))!important;background-position:0 0!important}.clip-lane,.empty,.video-empty{background-color:#0000!important;background-image:none!important}@media (width<=1050px){.timeline-playhead{left:calc(106px + (100% - 116px) * var(--playhead) / 100)!important}}@media (width<=780px){.timeline-playhead{left:calc(92px + (100% - 102px) * var(--playhead) / 100)!important}}.channel-editor{background:#09151e;border-bottom:1px solid #203540;align-items:center;gap:10px;min-height:78px;padding:8px 10px;display:flex;overflow-x:auto}.channel-title{flex:0 0 125px;align-items:center;gap:8px;display:flex}.channel-title>svg{color:#65ddd6;width:21px}.channel-title div{gap:3px;display:grid}.channel-title strong{font-size:12px}.channel-title span{color:#718994;font-size:9px}.channel-faders{border-right:1px solid #29404a;align-items:center;gap:8px;padding-right:10px;display:flex}.channel-faders label{color:#a9bbc3;grid-template-columns:70px 84px 38px;align-items:center;gap:5px;font-size:9px;font-weight:700;display:grid}.channel-faders input{accent-color:#50d9d2}.channel-faders b{color:#d9e6eb;font-size:9px}.channel-apply{color:#092023;white-space:nowrap;background:#66ddd6;border-radius:5px;height:30px;padding:0 9px;font-size:9px;font-weight:800}.channel-actions{align-items:center;gap:3px;display:flex}.channel-actions button{color:#a9bcc4;white-space:nowrap;border:1px solid #0000;border-radius:5px;place-items:center;gap:3px;min-width:54px;height:52px;padding:3px;font-size:8px;display:grid}.channel-actions button:hover:not(:disabled){color:#91f3ed;background:#102a31;border-color:#31545a}.channel-actions svg{width:15px}.channel-actions button:disabled,.channel-apply:disabled{opacity:.3}@media (width<=900px){.channel-faders label{grid-template-columns:54px 65px 34px}.channel-title{flex-basis:100px}}.precise-range{align-items:center;gap:3px;min-width:0;display:flex!important}.precise-range>input{flex:1;min-width:42px;margin:0!important}.precise-range>button{color:#c8f4f0!important;background:#102730!important;border:1px solid #31535c!important;border-radius:4px!important;flex:0 0 22px!important;place-items:center!important;width:22px!important;min-width:22px!important;height:22px!important;padding:0!important;font-size:15px!important;font-weight:800!important;line-height:1!important;display:grid!important}.precise-range>button:hover:not(:disabled){color:#061719!important;background:#65ded7!important}.precise-range>button:disabled{opacity:.28!important}.snap-toggle{color:#91a8b2;white-space:nowrap;background:#101f29;border:1px solid #2b414d;border-radius:5px;height:27px;padding:0 9px;font-size:9px;font-weight:700}.snap-toggle.active{color:#07191b;background:#63ddd6;border-color:#83f1ea}.master-controls .snap-gap{color:#91a8b2;white-space:nowrap;align-items:center;gap:5px;margin:0;font-size:9px;display:flex}.master-controls .snap-gap .precise-range{width:120px}.master-controls .snap-gap output{color:#d8e5e9;font-variant-numeric:tabular-nums;width:35px}.extend-timeline{color:#9fded9;white-space:nowrap;background:#10252c;border:1px solid #31545a;border-radius:5px;height:27px;padding:0 9px;font-size:9px;font-weight:700}.extend-timeline:hover{color:#071719;background:#64ddd6}.clip-inspector{background:#091720;border:1px solid #294653;border-radius:6px;gap:9px;margin-bottom:16px;padding:11px;display:grid}.clip-inspector>strong{color:#d9e7ec;font-size:12px}.clip-inspector>span{color:#708994;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.clip-inspector .clip-controls{max-width:none;box-shadow:none;background:0 0;border:0;gap:10px;padding:0;display:grid;position:static}.clip-inspector .clip-controls>label{grid-template-columns:16px 31px minmax(0,1fr) 38px;align-items:center;gap:5px;margin:0;display:grid}.clip-inspector .clip-controls>label svg{width:14px}.clip-inspector .clip-controls .precise-range{width:100%}.clip-number-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.clip-number-grid label{margin:0!important;font-size:9px!important;position:relative!important}.clip-number-grid input{font-variant-numeric:tabular-nums;color:#e1ecef!important;background:#06121a!important;border:1px solid #29424f!important;border-radius:4px!important;width:100%!important;height:29px!important;margin-top:4px!important;padding:0 22px 0 6px!important}.clip-number-grid small{color:#66808d;font-size:8px;position:absolute;bottom:7px;right:6px}.clip-select select{color:#dce9ed;background:#06121a;border:1px solid #29424f;border-radius:4px;grid-column:3/5;width:100%;height:30px}.clip-pitch{border-top:1px solid #203744;padding-top:8px}.clip-pitch label{margin:0 0 8px!important}.clip-pitch label output{float:right}.clip-pitch button{color:#b7ebe7;background:#0d2b32;border:1px solid #2d5a60;border-radius:4px;width:100%;height:30px;font-size:10px;font-weight:700}.clip-pitch button:hover:not(:disabled){color:#061517;background:var(--cyan)}.timeline-body{overflow:auto!important}.timeline-body>.ruler,.timeline-body>.track{width:calc(140px + var(--timeline-pixel-width))}.timeline-body>.track{grid-template-columns:120px minmax(var(--timeline-pixel-width),1fr)!important}.timeline-body>.track>.track-meta{z-index:10;position:sticky;left:0;box-shadow:5px 0 10px #06101999}.timeline-body>.ruler{left:0}.timeline-body>.timeline-playhead{left:calc(130px + var(--playhead-px))!important}.zoom button{border:1px solid #263b49;border-radius:5px;place-items:center;width:27px;height:27px;display:grid}.zoom button:hover{color:var(--cyan);border-color:var(--cyan)}.zoom output{color:#9db0ba;font-variant-numeric:tabular-nums;min-width:45px;font-size:9px}.zoom input{width:105px}@media (width<=1050px){.timeline-body>.ruler,.timeline-body>.track{width:calc(116px + var(--timeline-pixel-width))}.timeline-body>.track{grid-template-columns:96px minmax(var(--timeline-pixel-width),1fr)!important}.timeline-body>.timeline-playhead{left:calc(106px + var(--playhead-px))!important}}@media (width<=780px){.timeline-body>.ruler,.timeline-body>.track{width:calc(102px + var(--timeline-pixel-width))}.timeline-body>.track{grid-template-columns:82px minmax(var(--timeline-pixel-width),1fr)!important}.timeline-body>.timeline-playhead{left:calc(92px + var(--playhead-px))!important}}.clip-fade-curve{z-index:2;pointer-events:none;background:linear-gradient(to bottom right,#061218b8 0 48%,#7cf3eb 49% 51%,#0000 52%);position:absolute;top:20px;bottom:0}.clip-fade-curve.fade-in{left:0}.clip-fade-curve.fade-out{right:0;transform:scaleX(-1)}.clip-fade-curve span{color:#d8fffc;background:#12343cbb;border-radius:3px;padding:1px 3px;font-size:7px;position:absolute;top:3px;left:8px;transform:none!important}.clip-fade-curve.fade-out span{left:auto;right:8px;transform:scaleX(-1)!important}.clip-fade-handle{z-index:8;cursor:ew-resize;touch-action:none;background:#8dfff7;border:2px solid #12323a;border-radius:50%;width:10px;height:10px;position:absolute;top:21px;box-shadow:0 0 5px #5ce7de}.clip-fade-handle.fade-in{left:2px}.clip-fade-handle.fade-out{right:2px}.timeline-clip:has(.clip-fade-curve){background-color:#14363f}.crossfade-controls{border-top:1px solid #203744;grid-template-columns:1fr 82px;gap:7px;padding-top:9px;display:grid}.crossfade-controls label{margin:0!important;font-size:9px!important;position:relative!important}.crossfade-controls input{color:#e3edef!important;background:#06121a!important;border:1px solid #29424f!important;border-radius:4px!important;width:100%!important;height:30px!important;margin-top:4px!important;padding:0 24px 0 7px!important}.crossfade-controls label span{color:#68818c;font-size:8px;position:absolute;bottom:8px;right:7px}.crossfade-controls button{color:#092024;background:#68ddd6;border-radius:4px;align-self:end;height:30px;font-size:9px;font-weight:800}.crossfade-controls button:hover:not(:disabled){background:#91f7f0}.level-meters{background:#08151e;border:1px solid #263f4d;border-radius:6px;margin:0 0 13px;padding:9px}.meter-heading,.master-meter,.track-meter-list>div{grid-template-columns:58px minmax(0,1fr) 47px;align-items:center;gap:6px;display:grid}.meter-heading{justify-content:space-between;margin-bottom:7px;display:flex}.meter-heading strong{font-size:10px}.meter-heading span{color:#69d9d3;font-size:8px}.master-meter label,.track-meter-list label{color:#9fb1ba;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.master-meter output{color:#d8e7eb;text-align:right;font-variant-numeric:tabular-nums;font-size:8px}.stereo-meter{gap:2px;display:grid}.stereo-meter i{background:#162832;border-radius:3px;height:4px;overflow:hidden}.stereo-meter b{background:linear-gradient(90deg,#38c9a4 0 68%,#e8ca50 82%,#ff705a 100%);height:100%;transition:width 55ms linear;display:block}.stereo-meter.clipping i{box-shadow:0 0 5px #ff705a}.track-meter-list{border-top:1px solid #1d313c;gap:4px;margin-top:7px;padding-top:7px;display:grid}.track-meter-list>div{grid-template-columns:58px minmax(0,1fr)}.clip-warning{color:#ffd5cf;text-align:center;background:#6d231e;border-radius:3px;margin-top:7px;padding:4px;font-size:8px}.volume-envelope{z-index:5;pointer-events:none;width:100%;height:calc(100% - 20px);position:absolute;inset:20px 0 0;overflow:visible}.volume-envelope polyline{fill:none;stroke:#ffce58;stroke-width:1.4px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px #000)}.volume-keyframe{z-index:9;cursor:move;touch-action:none;background:#ffe17d;border:2px solid #6d5311;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;box-shadow:0 0 5px #ffcf4f}.volume-keyframe:hover{background:#fff2b4;transform:scale(1.25)}.envelope-controls{border-top:1px solid #203744;gap:7px;padding:9px 0;display:grid}.envelope-controls>div:first-child{justify-content:space-between;display:flex}.envelope-controls b{font-size:10px}.envelope-controls>div:first-child span{color:#78909a;font-size:8px}.envelope-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.envelope-actions button{color:#bce9e5;background:#0c2730;border:1px solid #28505a;border-radius:4px;height:27px;font-size:8px}.keyframe-row{grid-template-columns:18px 1fr 1fr 22px;align-items:end;gap:4px;display:grid!important}.keyframe-row>i{color:#ffdc73;align-self:center;font-size:8px;font-style:normal}.keyframe-row label{margin:0!important;font-size:8px!important}.keyframe-row input{color:#dce9ec!important;background:#06121a!important;border:1px solid #29424f!important;border-radius:3px!important;width:100%!important;height:25px!important;margin-top:2px!important;padding:0 4px!important;font-size:8px!important}.keyframe-row>button{color:#ff9483;background:#301a1b;border-radius:3px;height:25px}.audio-effects-panel{background:#08151e;border:1px solid #294653;border-radius:6px;gap:9px;margin:12px 0;padding:10px;display:grid}.effects-heading{justify-content:space-between;align-items:center;display:flex}.effects-heading strong{font-size:11px}.effects-heading button{color:#829aa5;border:1px solid #29414d;border-radius:4px;align-items:center;gap:4px;height:27px;padding:0 7px;font-size:8px;display:flex}.effects-heading button.active{color:#092022;background:var(--cyan);border-color:var(--cyan)}.effects-heading svg{width:11px}.effects-scope,.effect-presets{grid-template-columns:1fr 1fr;gap:5px;display:grid}.effect-presets{grid-template-columns:repeat(4,1fr)}.effects-scope button,.effect-presets button{color:#9fb4bd;background:#0c222c;border:1px solid #29434f;border-radius:4px;height:25px;font-size:8px}.effects-scope button.active,.effect-presets button:hover{color:#092022;background:#65ddd6}.audio-effects-panel>div>label{display:block;margin:0 0 11px!important;font-size:9px!important}.audio-effects-panel label output{float:right}.audio-effects-panel .precise-range{margin-top:5px}.effects-disabled{opacity:.45;pointer-events:none}.effect-switch{align-items:center;gap:6px;display:flex!important}.effect-switch input{accent-color:var(--cyan)}.reset-effects{color:#a5bac3;background:#101f28;border:1px solid #29414d;border-radius:4px;justify-content:center;align-items:center;gap:5px;height:28px;font-size:8px;display:flex}.reset-effects svg{width:11px}.clip-controls .apply-stretch{color:#082124;background:#68ddd6;border-radius:4px;height:30px;font-size:9px;font-weight:800}.clip-controls .apply-stretch:hover:not(:disabled){background:#91f5ef}.clip-controls .apply-stretch:disabled{opacity:.45}.clip-pitch{position:relative}.clip-pitch:before{content:"音高处理保持片段时长不变";color:#6f8994;margin-bottom:6px;font-size:8px;display:block}.timeline-clip.multi-selected{z-index:4;border-color:#ffd66d;box-shadow:0 0 0 2px #ffd45b66,0 4px 13px #0009}.timeline-clip.multi-selected .clip-title{color:#221b07;background:#e7bf52;border-color:#ffe08a}.timeline-clip.multi-selected .clip-title b{background:#fff1b5}.multi-selection-bar{z-index:20;color:#1c1809;background:#f0cb62;border:1px solid #ffe39b;border-radius:5px;align-items:center;gap:5px;width:max-content;height:32px;margin:4px 0 -36px 145px;padding:3px 5px;display:flex;position:sticky;top:4px;left:145px;box-shadow:0 5px 14px #0008}.multi-selection-bar strong{padding:0 5px;font-size:9px}.multi-selection-bar button{color:#263039;background:#fff4c7;border-radius:3px;height:24px;padding:0 7px;font-size:8px;font-weight:700}.multi-selection-bar button.danger{color:#fff;background:#a93e34}@media (width<=1050px){.multi-selection-bar{margin-left:120px;left:120px}}@media (width<=780px){.multi-selection-bar{margin-left:105px;left:105px}}.marker-panel{background:#08151e;border:1px solid #263f4d;border-radius:6px;gap:8px;margin:0 0 13px;padding:9px;display:grid}.marker-heading{justify-content:space-between;display:flex}.marker-heading strong{font-size:10px}.marker-heading span{color:#082023;text-align:center;background:#62ddd6;border-radius:8px;min-width:18px;padding:1px 5px;font-size:8px}.marker-add{grid-template-columns:1fr 1fr;gap:5px;display:grid}.marker-add button{color:#a9dbd8;background:#0d2830;border:1px solid #28545b;border-radius:4px;justify-content:center;align-items:center;gap:4px;height:29px;font-size:8px;display:flex}.marker-add svg{width:11px}.marker-list{gap:5px;max-height:190px;display:grid;overflow:auto}.marker-row{grid-template-columns:22px minmax(0,1fr) 28px 24px;align-items:center;gap:4px;display:grid}.marker-jump{color:#081418;border-radius:50%;width:20px;height:20px;font-size:8px;font-weight:800}.marker-name{color:#dce8ec;background:#07121a;border:1px solid #263e4a;border-radius:3px;width:100%;height:23px;padding:0 5px;font-size:8px}.marker-times{align-items:center;gap:2px;margin-top:2px;display:flex}.marker-times input{color:#809aa5;background:#061018;border:1px solid #203641;border-radius:3px;width:52px;height:20px;padding:0 3px;font-size:7px}.marker-times span{font-size:7px}.marker-row select{color:#0000;background:#0b1b24;border:1px solid #2b444f;border-radius:3px;width:27px;height:24px;padding:0}.marker-delete{color:#ff8876;background:#2b1719;border-radius:3px;width:23px;height:23px}.marker-delete svg{width:11px}.timeline-marker-layer{z-index:6;width:calc(140px + var(--timeline-pixel-width));pointer-events:none;position:absolute;top:0;bottom:0}.timeline-marker{top:0;bottom:0;left:calc(130px + var(--marker-start));background:var(--marker-color);width:2px;box-shadow:0 0 4px color-mix(in srgb,var(--marker-color) 60%,transparent);position:absolute}.timeline-marker.region{width:var(--marker-width);background:color-mix(in srgb,var(--marker-color) 14%,transparent);border-left:2px solid var(--marker-color);border-right:2px solid var(--marker-color)}.timeline-marker span{color:#101921;background:var(--marker-color);text-overflow:ellipsis;white-space:nowrap;border-radius:3px;max-width:110px;padding:2px 4px;font-size:7px;font-weight:800;position:absolute;top:2px;left:3px;overflow:hidden}.timeline-marker.region span{left:2px}@media (width<=1050px){.timeline-marker-layer{width:calc(116px + var(--timeline-pixel-width))}.timeline-marker{left:calc(106px + var(--marker-start))}}@media (width<=780px){.timeline-marker-layer{width:calc(102px + var(--timeline-pixel-width))}.timeline-marker{left:calc(92px + var(--marker-start))}}.export-panel{background:#08151e;border:1px solid #294653;border-radius:6px;gap:9px;margin:12px 0;padding:10px;display:grid}.export-panel>strong{font-size:11px}.export-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.export-panel label{margin:0!important;font-size:9px!important}.export-panel select,.export-panel>label>input:not([type=checkbox]){color:#dce8ec;background:#06121a;border:1px solid #29424f;border-radius:4px;width:100%;height:29px;margin-top:4px;padding:0 6px;font-size:9px}.normalize-export{color:#b8cbd1;background:#0c222b;border-radius:4px;align-items:center;gap:6px;padding:6px;display:flex!important}.normalize-export input{accent-color:var(--cyan)}.export-panel small{color:#657e89;margin-top:3px;font-size:7px;display:block}.performance-panel{background:#08151e;border:1px solid #294653;border-radius:6px;gap:8px;margin:12px 0;padding:9px;display:grid}.performance-panel>div:first-child{justify-content:space-between;align-items:center;display:flex}.performance-panel strong{align-items:center;gap:5px;font-size:10px;display:flex}.performance-panel strong svg{width:12px;color:var(--cyan)}.performance-panel>div:first-child button{color:#8da4ae;border:1px solid #29424e;border-radius:4px;height:25px;padding:0 7px;font-size:8px}.performance-panel>div:first-child button.active{color:#092022;background:var(--cyan)}.performance-panel dl{gap:4px;margin:0;display:grid}.performance-panel dl div{color:#78909a;justify-content:space-between;font-size:8px;display:flex}.performance-panel dd{color:#c8d8de;font-variant-numeric:tabular-nums;margin:0}.performance-panel p{color:#ffd1c9;background:#54231f;border-radius:3px;margin:0;padding:5px;font-size:8px;line-height:1.5}.performance-actions{grid-template-columns:1fr 1fr;gap:5px;display:grid}.performance-actions button{color:#a9bec6;background:#0d232c;border:1px solid #29434f;border-radius:4px;justify-content:center;align-items:center;gap:4px;height:27px;font-size:8px;display:flex}.performance-actions svg{width:10px}.app.performance-mode .timeline-clip,.app.performance-mode .track-meta{box-shadow:none!important}.app.performance-mode .stereo-meter b{transition:none}.app.performance-mode .clip-fade-curve span{display:none}.midi-panel{background:#08151e;border:1px solid #263f4d;border-radius:6px;gap:8px;margin:0 0 13px;padding:9px;display:grid}.midi-heading{justify-content:space-between;align-items:center;display:flex}.midi-heading strong,.midi-heading label{align-items:center;gap:4px;font-size:10px;display:flex}.midi-heading svg{color:#bf8cff;width:12px}.midi-heading label{color:#ceb6ee;cursor:pointer;background:#241833;border:1px solid #52376b;border-radius:4px;height:25px;padding:0 7px;font-size:8px}.midi-info{justify-content:space-between;gap:5px;display:flex}.midi-info b{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.midi-info span{color:#788f9a;white-space:nowrap;font-size:7px}.piano-roll{background:repeating-linear-gradient(0deg,#14232c 0 1px,#0000 1px 7px),repeating-linear-gradient(90deg,#263944 0 1px,#0000 1px 25%);border:1px solid #2a414d;border-radius:4px;height:86px;position:relative;overflow:hidden}.piano-roll i{background:#b979f0;border-radius:2px;min-width:2px;height:5px;position:absolute}.midi-settings{grid-template-columns:1fr 1fr;gap:6px;display:grid}.midi-settings label{margin:0!important;font-size:8px!important}.midi-settings select{color:#dce7eb;background:#07121a;border:1px solid #29424f;border-radius:4px;width:100%;height:27px;margin-top:3px;font-size:8px}.render-midi,.midi-empty{color:#efe2ff;background:#38224e;border:1px solid #724c93;border-radius:4px;justify-content:center;align-items:center;gap:5px;height:31px;font-size:9px;font-weight:700;display:flex}.render-midi svg,.midi-empty svg{width:13px}.render-midi:hover:not(:disabled){background:#5a3679}.midi-empty{color:#9078a6;background:#101822;border-style:dashed;height:58px}.midi-tools{grid-template-columns:1.4fr 45px 45px 52px;gap:4px;display:grid}.midi-tools button,.midi-tools select{color:#a99abc;background:#171421;border:1px solid #433050;border-radius:3px;justify-content:center;align-items:center;gap:3px;height:25px;font-size:7px;display:flex}.midi-tools button.active{color:#25152e;background:#c185eb}.midi-tools svg{width:9px}.piano-roll.editable{cursor:default;touch-action:none;height:120px}.piano-roll.editable.draw{cursor:crosshair}.midi-note{cursor:grab;touch-action:none;background:#b979f0;border:1px solid #e0b1ff;border-radius:2px;min-width:3px;height:1.63934%;min-height:3px;position:absolute}.midi-note.selected{z-index:3;background:#ffd365;border-color:#fff0ad;box-shadow:0 0 5px #ffd365}.midi-note:active{cursor:grabbing}.midi-note .resize{cursor:ew-resize;width:5px;height:100%;position:absolute;top:0;right:-2px}.velocity-editor{background:#0d1d26;border-radius:4px;padding:6px}.velocity-editor label{margin:0!important;font-size:8px!important}.velocity-editor output{float:right}.velocity-editor input{accent-color:#bd7bea;width:100%;margin-top:5px}.midi-connect{color:#a9cce1;background:#102432;border:1px solid #315269;border-radius:4px;justify-content:center;align-items:center;gap:5px;height:29px;font-size:8px;display:flex}.midi-connect svg{width:12px}:root{color:#eaf2f6;font-synthesis:none;--bg:#07101a;--panel:#0b1621;--panel2:#0e1b27;--line:#213343;--muted:#8093a2;--cyan:#42d3cf;--coral:#ff705a;background:#07101a;font-family:DM Sans,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,input,select{font:inherit}button{color:inherit}.app{background:var(--bg);grid-template-rows:62px minmax(0,1fr) 98px;height:100vh;display:grid}header{border-bottom:1px solid var(--line);background:#08121c;align-items:center;padding:0 18px;display:flex}.brand{border-right:1px solid var(--line);align-items:center;gap:8px;padding-right:24px;font-size:15px;display:flex}.brand b{font-size:20px}.brand>span:last-child{color:#aebdca}.brand-mark{align-items:center;gap:3px;width:34px;height:26px;display:flex}.brand-mark i{background:var(--coral);border-radius:4px;width:2px;display:block}.brand-mark i:first-child,.brand-mark i:nth-child(5){height:8px}.brand-mark i:nth-child(2),.brand-mark i:nth-child(4){height:17px}.brand-mark i:nth-child(3){height:27px}.project{color:#cbd7df;margin-left:24px}.header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}button{cursor:pointer;background:0 0;border:0}button:disabled{opacity:.28;cursor:not-allowed}.header-actions button{border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.header-actions button:hover:not(:disabled),footer button:hover,.tool:hover:not(:disabled){background:#162533}.header-actions svg,footer svg{width:19px}.header-actions .export{background:var(--coral);gap:9px;width:auto;padding:0 19px;font-weight:700;display:flex;box-shadow:0 5px 18px #ff705a20}.header-actions .export:hover{background:#ff806d}main{grid-template-columns:164px minmax(430px,1fr) 260px;min-height:0;display:grid}.tools,.inspector{background:var(--panel);padding:18px 14px}.tools{border-right:1px solid var(--line);flex-direction:column;gap:7px;display:flex}.import{border:1px solid #314556;border-radius:8px;justify-content:center;align-items:center;gap:9px;height:52px;margin-bottom:9px;font-weight:600;display:flex}.import:hover{border-color:var(--cyan);color:var(--cyan)}.import svg,.tool svg{width:20px}.tool{text-align:left;color:#c0ced8;border-radius:7px;align-items:center;gap:12px;height:44px;padding:0 12px;font-size:14px;display:flex}.tool-spacer{border-bottom:1px solid var(--line);flex:1;margin-bottom:7px}.workspace{background-image:linear-gradient(#20303e77 1px,#0000 1px),linear-gradient(90deg,#20303e55 1px,#0000 1px);background-position:0 52px;background-size:100% 42px,80px 100%;grid-template-rows:52px 215px 145px 1fr;min-width:0;display:grid}.ruler{border-bottom:1px solid var(--line);color:#899aa7;background:#0a151f;justify-content:space-between;align-items:center;padding:0 14px 0 132px;font-size:11px;display:flex}.track{border-bottom:1px solid var(--line);grid-template-columns:120px 1fr;min-height:0;display:grid}.track-meta{border-right:1px solid var(--line);background:#0a151fcc;flex-direction:column;gap:6px;padding:17px 13px;display:flex}.track-meta>span{color:#718592;font-size:12px}.track-meta strong{font-size:15px}.track-meta small{color:#718592;line-height:1.5}.track-canvas{border:1px solid #294554;border-radius:8px;min-width:0;min-height:0;margin:9px;overflow:hidden}.waveform{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block}.empty{color:#b8c7d0;background:#0c1822;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.empty svg{color:var(--cyan);margin-bottom:3px}.empty strong{font-size:15px}.empty span{color:#708593;font-size:12px}.secondary{opacity:.75}.secondary .track-canvas{border-style:dashed}.placeholder{color:#637986;justify-content:center;align-items:center;gap:10px;display:flex}.placeholder svg{width:20px}.privacy{color:#708793;background:#09141ddb;border:1px solid #1c303d;border-radius:7px;place-self:end center;align-items:center;gap:8px;margin-bottom:23px;padding:8px 12px;font-size:12px;display:flex}.privacy svg{width:15px;color:var(--cyan)}.inspector{border-left:1px solid var(--line);overflow-y:auto}.panel-title{margin:4px 0 23px;font-size:17px;font-weight:700}.inspector label{color:#8fa2af;margin:0 0 21px;font-size:12px;display:block;position:relative}.inspector input[type=text],.inspector label>input:not([type=range]),.inspector select{color:#dbe6ec;background:#07111a;border:1px solid #2b4050;border-radius:5px;width:100%;height:34px;margin-top:8px;padding:0 10px;display:block}.inspector output{float:right;color:#d9e5eb;font-variant-numeric:tabular-nums}.inspector input[type=range]{width:100%;height:4px;accent-color:var(--cyan);margin-top:14px;display:block}.info-row,.selection-info{color:#879aa8;justify-content:space-between;gap:8px;font-size:12px;display:flex}.info-row b,.selection-info b{color:#d8e4eb;font-weight:500}.inspector hr{border:0;border-top:1px solid var(--line);margin:21px 0}.selection-info{border:1px solid var(--line);background:#08131c;border-radius:6px;padding:12px;display:block}.selection-info b{margin-top:7px;font-size:11px;display:block}footer{border-top:1px solid var(--line);background:#07111b;grid-template-columns:260px 1fr 230px;align-items:center;padding:0 24px;display:grid;position:relative}.time strong{letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:25px;font-weight:500}.time span{color:#607684;margin-top:5px;font-size:13px;display:block}.transport{justify-self:center;align-items:center;gap:25px;display:flex}.transport button{background:#13212d;border-radius:9px;place-items:center;width:48px;height:48px;display:grid}.transport .play{background:var(--coral);border-radius:50%;width:64px;height:64px;box-shadow:0 8px 24px #ff705a26}.transport .play svg{width:25px}.zoom{color:#8396a3;align-items:center;gap:8px;display:flex}.zoom svg{width:18px}.zoom input{width:130px;accent-color:var(--cyan)}.status{color:#56707e;align-items:center;gap:5px;font-size:10px;display:flex;position:absolute;bottom:6px;right:24px}.status svg{width:11px}@media (width<=1050px){main{grid-template-columns:72px minmax(400px,1fr) 230px}.tools{padding:16px 9px}.tool,.import{justify-content:center;padding:0}.tool span,.import{font-size:0}.tools .import svg{width:22px}.ruler{padding-left:105px}.track{grid-template-columns:96px}.track-meta{padding-left:10px}}@media (width<=780px){body{overflow:auto}.app{grid-template-rows:58px 1fr 82px;height:100dvh;min-height:760px}.brand>span:last-child,.project{display:none}main{grid-template-columns:58px minmax(0,1fr)}.inspector{display:none}.workspace{grid-template-rows:44px 240px 130px 1fr}.track{grid-template-columns:82px}.ruler{padding-left:90px}.track-meta small{display:none}.tools{padding:12px 6px}.tool{height:42px}.import{height:46px}footer{grid-template-columns:1fr 1.3fr;padding:0 12px}.zoom{display:none}.time strong{font-size:18px}.transport{gap:9px}.transport button{width:40px;height:40px}.transport .play{width:54px;height:54px}.status,.header-actions>button:not(.export){display:none}.header-actions .export{height:38px;padding:0 13px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media (width<=780px){.workspace{width:100%;min-width:0}.track{grid-template-columns:minmax(0,1fr)}.track-meta{display:none}.track-canvas{grid-column:1;min-width:0}.ruler{padding:0 8px;overflow:hidden}.ruler span:nth-child(2n){display:none}.empty{padding:10px}.empty strong{text-align:center;font-size:13px}.empty span{text-align:center;max-width:210px;font-size:10px}.placeholder{font-size:12px}.privacy{text-align:center;max-width:270px}}.inspector-tabs{background:#07111a;border:1px solid #1e3140;border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;margin:-7px -5px 20px;padding:4px;display:grid}.inspector-tabs button{color:#758b99;border-radius:5px;justify-content:center;align-items:center;gap:6px;height:34px;font-size:12px;font-weight:600;display:flex}.inspector-tabs button.active{color:#eff9fb;background:#152532}.inspector-tabs svg{width:14px}.inspector-tabs i{color:#dff;background:#287f82;border-radius:9px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9px;font-style:normal;display:grid}.properties-panel{animation:.16s panel-in}.ai-intro{align-items:center;gap:10px;margin-bottom:20px;display:flex}.ai-intro>svg{width:32px;height:32px;color:var(--cyan);background:#102b31;border-radius:8px;padding:7px}.ai-intro div{flex-direction:column;gap:2px;display:flex}.ai-intro strong{font-size:14px}.ai-intro span{color:#708593;font-size:10px}.transcribe-button{background:var(--cyan);color:#041315;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;height:42px;margin-top:-5px;font-size:13px;font-weight:700;display:flex}.transcribe-button:hover:not(:disabled){background:#64e2de}.transcribe-button svg{width:16px}.cloud-notice{color:#6e8492;align-items:flex-start;gap:6px;margin:10px 0 16px;font-size:10px;line-height:1.45;display:flex}.cloud-notice svg{width:13px;min-width:13px}.transcript-empty{text-align:center;color:#607684;flex-direction:column;justify-content:center;align-items:center;min-height:220px;display:flex}.transcript-empty svg{color:#3a6c73;width:25px;margin-bottom:12px}.transcript-empty strong{color:#8fa4b1;margin-bottom:5px;font-size:13px}.transcript-empty span{font-size:10px;line-height:1.5}.transcript-error{color:#ff9b8c;background:#311c1c;border:1px solid #5a2d2b;border-radius:6px;margin-bottom:12px;padding:9px;font-size:11px;line-height:1.5}.transcript-list{max-height:calc(100vh - 395px);margin:0 -5px;padding-right:3px;overflow:auto}.transcript-row{border-top:1px solid #1b2b38;grid-template-columns:54px minmax(0,1fr);gap:7px;padding:8px 4px;display:grid}.transcript-row>button{height:24px;color:var(--cyan);font-variant-numeric:tabular-nums;background:#0d222b;border-radius:4px;font-size:9px}.transcript-row textarea{resize:none;color:#cddae2;background:0 0;border:0;outline:0;width:100%;padding:3px 0;font:11px/1.55 inherit;overflow:hidden}.transcript-row:focus-within{background:#0d1c27}.transcript-downloads{border-top:1px solid var(--line);align-items:center;gap:5px;margin-top:12px;padding-top:12px;display:flex}.transcript-downloads>span{color:#718592;margin-right:auto;font-size:10px}.transcript-downloads button{color:#a8bac5;background:#12222d;border-radius:4px;align-items:center;gap:3px;height:27px;padding:0 6px;font-size:9px;display:flex}.transcript-downloads svg{width:11px}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes panel-in{0%{opacity:.3;transform:translateY(3px)}}.language-hint{color:#d5ad70;background:#2b2418;border:1px solid #4b3b22;border-radius:5px;margin:-10px 0 15px;padding:7px 8px;font-size:10px;line-height:1.45}.transcript-downloads{flex-wrap:wrap}.transcript-downloads .copy-lyrics{color:#bde9e7;background:#103038;justify-content:center;width:100%;height:30px}.transcript-downloads .copy-lyrics+button{margin-left:auto}.workspace{grid-template-rows:48px minmax(180px,1.5fr) 132px 108px minmax(44px,.65fr)}.video-track{opacity:.82}.video-track.has-media{opacity:1}.video-timeline{background:#0a1620;align-items:stretch;display:flex}.video-timeline video{object-fit:contain;background:#000;border-right:1px solid #294554;width:150px;min-width:150px}.video-clip{color:#c8d7df;background:repeating-linear-gradient(135deg,#132936,#132936 12px,#10232e 12px 24px);border:1px solid #2c5b66;border-radius:5px;flex:1;align-items:center;gap:10px;min-width:0;margin:8px;padding:0 13px;display:flex}.video-clip>svg{width:20px;color:var(--cyan)}.video-clip div{flex-direction:column;gap:4px;min-width:0;display:flex}.video-clip strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.video-clip span{color:#7993a1;font-size:10px}.video-empty{color:#617987;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;font-size:12px;display:flex}.video-empty svg{width:18px}.video-empty:hover{color:var(--cyan)}@media (width<=780px){.workspace{grid-template-rows:42px minmax(210px,1.4fr) 112px 96px minmax(60px,.7fr)}.video-timeline video{width:96px;min-width:96px}.video-clip{padding:0 8px}.video-clip span{display:none}}.video-clip>svg{flex:none}.video-clip .video-clip-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.video-clip .video-audio-actions{flex-direction:row;flex:none;gap:6px;display:flex}.video-audio-actions button{color:#b8e8e5;white-space:nowrap;background:#0d3139;border:1px solid #31747a;border-radius:5px;align-items:center;gap:5px;height:30px;padding:0 10px;font-size:10px;display:flex}.video-audio-actions button:hover:not(:disabled),.video-audio-actions button.active{color:#071216;background:var(--cyan);border-color:var(--cyan)}.video-audio-actions button:disabled{opacity:.45;cursor:wait}.video-audio-actions svg{width:13px}@media (width<=900px){.video-audio-actions button{padding:0 7px}.video-audio-actions button svg{display:none}}@media (width<=780px){.video-clip .video-audio-actions{flex-direction:column;gap:3px}.video-audio-actions button{height:24px;font-size:9px}}.track-controls{border-right:1px solid var(--line);cursor:pointer;background:#0a151fcc;flex-direction:column;gap:5px;height:100%;padding:10px 9px;display:flex}.track-controls.active{box-shadow:inset 3px 0 var(--cyan);background:#10232f}.track-number{color:#718592;font-size:10px}.track-controls>strong{font-size:13px}.track-switches{gap:4px;display:flex}.track-switches button{color:#708592;background:#101e29;border:1px solid #263b49;border-radius:4px;justify-content:center;align-items:center;gap:2px;min-width:27px;height:25px;padding:0 5px;font-size:9px;display:flex}.track-switches svg{width:11px}.track-switches button.selected{color:#dce9ee;background:#263b48}.track-switches button.solo{color:#10170e;background:#d5bd58;border-color:#e4cf71}.track-switches button.export-on{color:#9ce3df;border-color:#287a7c}.track-volume{grid-template-columns:auto 1fr auto;align-items:center;gap:5px;margin:2px 0 0!important;font-size:9px!important;display:grid!important}.track-volume input{min-width:0;margin:0!important}.track-volume output{font-size:8px}.extract-track{color:#9edbd9;background:#0e2930;border:1px solid #28535a;border-radius:4px;justify-content:center;align-items:center;gap:4px;height:25px;margin-top:auto;font-size:9px;display:flex}.extract-track svg{width:11px}@media (width<=1050px){.track-switches button span,.track-volume,.extract-track{display:none!important}.track-controls{align-items:center}.track-controls>strong{text-align:center;font-size:10px}}.workspace:has(.extra-track){display:block;overflow-y:auto}.workspace:has(.extra-track)>.ruler{z-index:4;height:48px;position:sticky;top:0}.workspace:has(.extra-track)>.track{height:128px}.workspace:has(.extra-track)>.track:first-of-type{height:190px}.extra-track{opacity:.96}.add-audio-track{color:#82a2af;border:1px dashed #2a4655;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:34px;margin:8px 14px;font-size:11px;display:flex}.add-audio-track:hover{color:var(--cyan);border-color:#34777a}.add-audio-track svg{width:14px}.workspace{flex-direction:column;min-height:0;position:relative;background-position:0 48px!important;display:flex!important}.ruler{z-index:8;height:48px;min-height:48px;position:sticky;top:0;padding-left:134px!important}.timeline-body{flex:1;min-height:0;padding-bottom:24px;position:relative;overflow-y:auto}.timeline-body>.track{opacity:1;grid-template-columns:120px minmax(0,1fr);min-height:126px;height:126px!important}.timeline-body>.track .track-canvas{margin:8px 10px}.timeline-playhead{z-index:7;top:0;bottom:0;left:calc(120px + (100% - 120px) * var(--playhead) / 100);pointer-events:none;background:#ff705a;width:1px;position:absolute;box-shadow:0 0 0 1px #ff705a22}.timeline-playhead:before{content:"";border-top:7px solid #ff705a;border-left:5px solid #0000;border-right:5px solid #0000;position:absolute;top:0;left:-5px}.timeline-playhead span{color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;background:#d95345;border-radius:4px;padding:3px 6px;font-size:9px;position:absolute;top:8px;left:7px}.video-audio-track{background:#0a141e}.video-monitor{border-bottom:1px solid var(--line);margin:-4px 0 14px;padding-bottom:14px}.video-monitor-title{color:#9fb0bb;justify-content:space-between;align-items:center;height:28px;font-size:11px;display:flex}.video-monitor-title span{color:#d8e5eb;align-items:center;gap:6px;font-weight:600;display:flex}.video-monitor-title svg{width:14px;color:var(--cyan)}.video-monitor-title time{font-variant-numeric:tabular-nums;color:#6f8795}.video-monitor>video,.video-monitor>button{aspect-ratio:16/9;object-fit:contain;background:#03080c;border:1px solid #294554;border-radius:6px;width:100%}.video-monitor>button{color:#78909d;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.video-monitor>button svg{width:24px;color:var(--cyan)}.video-monitor>button span{color:#bfced6;font-size:12px}.video-monitor>button small{font-size:9px}.video-monitor-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:7px;display:grid}.video-monitor-actions button{color:#a9deda;background:#0d2830;border:1px solid #28545b;border-radius:5px;justify-content:center;align-items:center;gap:5px;height:31px;font-size:9px;display:flex}.video-monitor-actions button.active,.video-monitor-actions button:hover:not(:disabled){color:#071216;background:var(--cyan);border-color:var(--cyan)}.video-monitor-actions svg{width:12px}.inspector{padding-top:12px!important}.inspector-tabs{z-index:3;background:var(--panel);position:sticky;top:0}@media (width<=1050px){.timeline-body>.track{grid-template-columns:96px minmax(0,1fr)}.timeline-playhead{left:calc(96px + (100% - 96px) * var(--playhead) / 100)}}@media (width<=780px){.timeline-body>.track{grid-template-columns:82px minmax(0,1fr);min-height:112px;height:112px!important}.timeline-playhead{left:calc(82px + (100% - 82px) * var(--playhead) / 100)}}.timeline-body>.track{min-height:190px;height:190px!important}.timeline-body>.track.expanded{min-height:280px;height:280px!important}.master-controls{border-bottom:1px solid var(--line);z-index:8;background:#0b1822;align-items:center;gap:18px;height:42px;min-height:42px;padding:0 12px 0 128px;display:flex;position:relative}.master-controls strong{color:#e2edf1;font-size:11px}.master-controls label{color:#8297a4;align-items:center;gap:7px;font-size:9px;display:flex}.master-controls input{width:88px;height:3px;accent-color:var(--coral)}.master-controls output{color:#d5e1e7;font-variant-numeric:tabular-nums;width:42px;font-size:9px}.track-canvas{position:relative}.clip-controls{z-index:5;color:#9badb7;background:#07121de8;border:1px solid #2a4553;border-radius:5px;align-items:center;gap:7px;padding:5px 7px;display:flex;position:absolute;top:7px;right:7px;box-shadow:0 4px 14px #0005}.clip-controls>span{color:var(--cyan);font-size:8px;font-weight:700}.clip-controls label{align-items:center;gap:4px;font-size:8px;display:flex}.clip-controls svg{width:11px}.clip-controls input{width:55px;height:3px;accent-color:var(--cyan)}.clip-controls output{color:#e2edf1;font-variant-numeric:tabular-nums;width:34px;font-size:8px}.track-row-actions{grid-template-columns:1fr 1fr;gap:4px;margin-top:auto;display:grid}.track-row-actions button{color:#8ba5b2;background:#101e29;border:1px solid #263b49;border-radius:4px;justify-content:center;align-items:center;gap:3px;height:23px;font-size:8px;display:flex}.track-row-actions button:hover{color:var(--cyan);border-color:#34777a}.track-row-actions button.delete-track:hover{color:#ff8c7a;border-color:#8d493f}.track-row-actions svg{width:10px}.timeline-body>.track.expanded .clip-controls{top:10px}.timeline-body>.track.expanded .waveform{min-height:100%}@media (width<=1050px){.master-controls{gap:10px;padding-left:102px}.master-controls input{width:65px}.track-row-actions button span{display:none}}@media (width<=780px){.master-controls{padding-left:86px;overflow-x:auto}.master-controls label{white-space:nowrap}.clip-controls{top:4px;right:4px}.clip-controls label input{width:38px}.clip-controls>span,.clip-controls label svg{display:none}}.record-tool{border:1px solid #27404e!important}.record-tool svg{width:18px}.record-tool.recording{box-shadow:0 0 0 3px #e25d5120;color:#fff!important;background:#8f302d!important;border-color:#e25d51!important}.record-tool.recording svg{width:14px}.record-tool.recording span{font-variant-numeric:tabular-nums}.stream-input{grid-template-columns:minmax(0,1fr) 48px;gap:5px;margin-top:7px;display:grid}.stream-input input{color:#d5e3e8;background:#07121b;border:1px solid #29404e;border-radius:5px;min-width:0;height:30px;padding:0 7px;font-size:9px}.stream-input button{color:#9fe1dd;background:#0d2b32;border:1px solid #2c5a60;border-radius:5px;height:30px;font-size:9px}.stream-input button:hover{color:#071216;background:var(--cyan)}.screen-record-config{grid-template-columns:1fr;gap:4px;display:grid}.screen-record-config .tool{white-space:nowrap;border:1px solid #27404e;width:100%;min-width:0}.screen-record-config .tool svg{flex:none;width:18px}.screen-record-config .tool.recording{color:#fff;background:#8f302d;border-color:#e25d51}.screen-record-config select{color:#9fb1bb;background:#091620;border:1px solid #29404e;border-radius:5px;width:100%;min-width:0;height:25px;padding:0 6px;font-size:9px}@media (width<=1050px){.screen-record-config{display:block}.screen-record-config select{display:none}}.track-effect{color:#7f96a3;align-items:center;gap:4px;font-size:8px;display:flex}.track-effect select{color:#c9d8df;background:#0b1822;border:1px solid #29404e;border-radius:4px;width:72px;min-width:0;height:21px;padding:0 3px;font-size:8px}.clip-effect select{color:#d9e5e9;background:#0c1c27;border:1px solid #31505e;border-radius:4px;max-width:82px;height:22px;font-size:8px}.track-pitch{color:#7f96a3;grid-template-columns:auto 1fr auto;align-items:center;gap:4px;font-size:8px;display:grid}.track-pitch input{accent-color:#bb86fc;width:100%;min-width:0;height:3px}.track-pitch output{color:#d9e2e7;width:18px;font-size:8px}.apply-pitch{color:#d9b6ff;background:#241a31;border:1px solid #604977;border-radius:4px;height:22px;font-size:8px}.clip-pitch{align-items:center;gap:4px;display:flex}.clip-pitch input{accent-color:#bb86fc!important;width:48px!important}.clip-apply-pitch{color:#ead9ff;white-space:nowrap;background:#2b2038;border:1px solid #654d7c;border-radius:4px;height:22px;padding:0 7px;font-size:8px}.stem-separation{background:#0a1721;border:1px solid #29404e;border-radius:6px;padding:10px}.stem-separation>div{justify-content:space-between;gap:5px;margin-bottom:8px;display:flex}.stem-separation strong{color:#dbe7ec;font-size:10px}.stem-separation span{color:#718792;font-size:8px}.stem-separation button{color:#bfe8e4;background:#0d2930;border:1px solid #2b5d63;border-radius:5px;justify-content:center;align-items:center;gap:4px;width:100%;height:31px;font-size:9px;display:flex}.stem-separation button:hover:not(:disabled){color:#071216;background:var(--cyan)}.stem-separation button svg{width:12px}.clip-controls{flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 14px)}.capture-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02080dc7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.capture-dialog{color:#dce9ed;background:#0c1821;border:1px solid #34505e;border-radius:14px;width:min(720px,100%);padding:22px;box-shadow:0 24px 80px #000b}.capture-title,.capture-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.capture-title h2,.capture-heading h2{margin:0 0 5px;font-size:19px}.capture-title p,.capture-heading p{color:#9eb0b9;margin:0;font-size:12px;line-height:1.55}.stage-badge{color:#b8c8cf;background:#182b35;border-radius:999px;flex:none;padding:6px 10px;font-size:11px}.stage-badge.ready{color:#82ddd6;background:#153a3d}.stage-badge.recording{color:#fff;background:#9c3733}.stage-badge.finished{color:#b8e99a;background:#25412d}.stage-badge.error{color:#ffb5aa;background:#4c2929}.capture-preview{aspect-ratio:16/9;background:#02070b;border:1px solid #263c48;border-radius:9px;place-items:center;margin:18px 0 10px;display:grid;overflow:hidden}.capture-preview video{object-fit:contain;width:100%;height:100%}.capture-placeholder{color:#8397a2;justify-items:center;gap:12px;display:grid}.capture-placeholder svg{stroke-width:1.3px;width:45px;height:45px}.capture-note{color:#8fa5af;background:#091219;border-radius:6px;padding:9px 11px;font-size:11px;line-height:1.5}.capture-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.capture-actions button{color:#c8d7dd;cursor:pointer;background:#152630;border:1px solid #34505e;border-radius:7px;align-items:center;gap:7px;min-height:36px;padding:0 15px;display:flex}.capture-actions button:hover{background:#1c3541}.capture-actions button.primary{color:#062024;background:#58d6ce;border-color:#77eee7}.capture-actions button.danger{color:#fff;background:#963733;border-color:#df645d}.capture-actions svg{width:15px}.record-dot{background:#d74039;border-radius:50%;width:9px;height:9px}.mic-dialog{width:min(470px,100%)}.capture-heading{justify-content:flex-start}.capture-icon{color:#7ce3dc;background:#12383b;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;display:grid}.capture-icon.live{color:#fff;background:#9b3733;box-shadow:0 0 0 7px #9b37332b}.capture-icon svg{width:22px}.recording-clock{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:9px;margin:24px 0 6px;font-size:28px;display:flex}.recording-clock i{background:#ec5149;border-radius:50%;width:11px;height:11px;animation:1.2s infinite capture-pulse}@keyframes capture-pulse{50%{opacity:.35}}@media (width<=600px){.capture-overlay{padding:10px}.capture-dialog{padding:16px}.capture-title{display:block}.stage-badge{margin-top:10px;display:inline-block}.capture-actions{flex-wrap:wrap}.capture-actions button{flex:1;justify-content:center}.capture-note{font-size:10px}}.audio-edit-toolbar{background:#0a161e;border-bottom:1px solid #203540;align-items:stretch;gap:8px;min-height:66px;padding:7px 9px;display:flex;overflow-x:auto}.edit-toolbar-title{flex-direction:column;flex:0 0 88px;justify-content:center;padding:0 8px;display:flex}.edit-toolbar-title strong{color:#dbe8ed;font-size:12px}.edit-toolbar-title span{color:#6f8792;white-space:nowrap;margin-top:3px;font-size:8px}.edit-tool-group{border-right:1px solid #263a44;align-items:center;gap:2px;padding-right:7px;display:flex}.edit-tool-group:last-child{border:0}.audio-edit-toolbar button{color:#aebfc6;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:48px;height:50px;padding:3px 5px;font-family:inherit;font-size:8px;display:flex}.audio-edit-toolbar button svg{width:17px;height:17px}.audio-edit-toolbar button:hover:not(:disabled){color:#83e6df;background:#102a31;border-color:#2e555b}.audio-edit-toolbar button:active:not(:disabled){transform:translateY(1px)}.audio-edit-toolbar button:disabled{opacity:.3;cursor:not-allowed}.edit-tool-group.effects button{color:#9eb7c0}@media (width<=850px){.edit-toolbar-title{display:none}.audio-edit-toolbar{min-height:59px}.audio-edit-toolbar button{min-width:44px;height:44px}.audio-edit-toolbar button span{display:none}}.compact-tracks-toggle{color:#92a9b3;white-space:nowrap;background:#101f29;border:1px solid #2b414d;border-radius:5px;height:27px;margin-left:auto;padding:0 10px;font-size:9px}.compact-tracks-toggle.active{color:#8ce5df;background:#123036;border-color:#34747a}.timeline-body.compact>.track{height:84px!important;min-height:84px!important}.timeline-body.compact>.track.expanded{height:148px!important;min-height:148px!important}.timeline-body.compact>.track .track-canvas{margin:5px 8px}.timeline-body.compact .track-controls{gap:3px;padding:6px 8px}.timeline-body.compact .track-controls>strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;overflow:hidden}.timeline-body.compact .track-number,.timeline-body.compact .track-volume,.timeline-body.compact .track-effect,.timeline-body.compact .track-pitch,.timeline-body.compact .apply-pitch,.timeline-body.compact .extract-track,.timeline-body.compact .clip-controls{display:none!important}.timeline-body.compact .track-switches button{height:22px}.timeline-body.compact .track-row-actions{display:none}.timeline-body.compact>.track.expanded .track-volume,.timeline-body.compact>.track.expanded .track-effect,.timeline-body.compact>.track.expanded .track-pitch,.timeline-body.compact>.track.expanded .clip-controls{display:flex!important}.timeline-body.compact>.track.expanded .track-row-actions{display:grid}@media (width<=780px){.timeline-body.compact>.track{height:72px!important;min-height:72px!important}.compact-tracks-toggle{margin-left:0}}.waveform-shell{width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.waveform-shell .waveform{cursor:grab;width:100%;height:100%}.waveform-shell .waveform:active,.waveform-shell.drag-selecting .waveform{cursor:grabbing}.drag-selection-tip,.selection-ready-tip{z-index:4;pointer-events:none;white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}.drag-selection-tip{color:#071417;background:#74e5df;border-radius:5px;align-items:center;gap:8px;padding:5px 9px;font-size:9px;display:flex;top:8px;box-shadow:0 5px 18px #0008}.drag-selection-tip span{font-variant-numeric:tabular-nums}.selection-ready-tip{color:#baf5f1;background:#09252bd9;border:1px solid #34787b;border-radius:4px;padding:3px 7px;font-size:8px;bottom:5px}.clip-lane{background:#0a1721 linear-gradient(90deg,#263a4638 1px,#0000 1px) 0 0/10% 100%;width:100%;height:100%;min-height:42px;position:relative;overflow:hidden}.timeline-clip{color:#b9d0d8;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#12313a;border:1px solid #36727a;border-radius:5px;min-width:12px;position:absolute;top:5px;bottom:5px;overflow:hidden;box-shadow:0 2px 8px #0005}.timeline-clip:active{cursor:grabbing}.select-mode,.select-mode .timeline-clip{cursor:default}.timeline-clip.selected{z-index:3;border-color:#86f3ec;box-shadow:0 0 0 2px #54dcd544,0 4px 12px #0008}.timeline-clip canvas{pointer-events:none;width:100%;height:calc(100% - 20px);display:block}.clip-title{color:#bcd0d7;pointer-events:none;background:#173d46;border-bottom:1px solid #2e6068;align-items:center;gap:5px;height:20px;padding:0 5px;font-size:8px;display:flex}.clip-title b{color:#062023;background:#67ddd7;border-radius:3px;place-items:center;width:13px;height:13px;display:grid}.clip-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.clip-title time{color:#7fa1ab;font-variant-numeric:tabular-nums;margin-left:auto}.clip-left-edge,.clip-right-edge{z-index:4;cursor:ew-resize;touch-action:none;background:#70e6df66;width:7px;position:absolute;top:18px;bottom:0}.clip-left-edge{left:0}.clip-right-edge{right:0}.timeline-clip.selected .clip-left-edge,.timeline-clip.selected .clip-right-edge{background:#b2fff9}.lane-selection{z-index:6;pointer-events:none;background:#5ee7df38;border:1px solid #9efff7;position:absolute;top:3px;bottom:3px;box-shadow:inset 0 0 0 1px #0b2429,0 0 12px #52e6dc66}.lane-selection span{white-space:nowrap;color:#062125;font-variant-numeric:tabular-nums;background:#91fff7;border-radius:3px;padding:2px 5px;font-size:8px;font-weight:700;position:absolute;top:2px;left:50%;transform:translate(-50%)}