html,body{width:100%;height:100%;overflow:hidden!important}body{overscroll-behavior:none}.shell{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;margin:0!important;padding:0!important}.topnav,.hero,.bottom{display:none!important}.studio{display:grid!important;grid-template-rows:56px auto auto minmax(0,1fr)!important;width:100%!important;height:100dvh!important;border:0!important;overflow:hidden!important;box-shadow:none!important}.head{grid-row:1;min-width:0}.toolbar{grid-row:2;min-width:0;flex-wrap:nowrap!important;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.drop{grid-row:3;min-height:0;margin:0!important;border-width:0 0 1px!important}.drop:not(.hidden){height:calc(100dvh - 108px);align-self:stretch}.workspace{grid-row:4;grid-template-columns:minmax(0,1fr)!important;min-width:0!important;min-height:0!important;height:100%!important;margin:0!important;border:0!important;overflow:hidden!important}.timeline{display:grid!important;grid-template-rows:minmax(0,1fr) 34px auto!important;min-width:0!important;min-height:0!important;height:100%!important;border-right:0!important;overflow:hidden!important}.side{display:none!important}
.toolbar #splitBtn,.toolbar #deleteBtn,.toolbar #dupBtn,.toolbar #loop2Btn,.toolbar #loop4Btn,.toolbar #reverseBtn,.toolbar #cropBtn,.toolbar #moveLBtn,.toolbar #moveRBtn{display:none}.toolbar .sep{display:none}#copyBtn,#pasteBtn{height:31px!important;min-width:66px!important;border-color:#374139!important;background:linear-gradient(180deg,#171d18,#0b0f0c)!important;color:#dce3de!important}#copyBtn:hover:not(:disabled),#pasteBtn:hover:not(:disabled){border-color:#b8ff3d!important;color:#b8ff3d!important}#copyBtn:disabled,#pasteBtn:disabled{opacity:.32!important}
.projectBtn{border-color:#296c68!important;color:#64ddd4!important;background:linear-gradient(180deg,#142422,#0b1211)!important}.projectBtn:hover:not(:disabled){border-color:#64ddd4!important;box-shadow:0 0 12px rgba(100,221,212,.12)!important}.projectBtn.saved{border-color:#6e9d45!important;color:#b8ff3d!important}
.autosaveState{display:flex;align-items:center;gap:6px;height:31px;padding:0 8px;border:1px solid #27322c;background:#0b0f0c;color:#748079;font:800 8px var(--mono);letter-spacing:.07em;white-space:nowrap}.autosaveState i{width:6px;height:6px;border-radius:50%;background:#526059;box-shadow:0 0 0 2px rgba(82,96,89,.12)}.autosaveState.saving{color:#64ddd4}.autosaveState.saving i{background:#64ddd4;box-shadow:0 0 9px rgba(100,221,212,.7);animation:autoPulse .8s ease-in-out infinite alternate}.autosaveState.saved{color:#b8ff3d}.autosaveState.saved i{background:#b8ff3d;box-shadow:0 0 8px rgba(184,255,61,.55)}.autosaveState.error{color:#ff8b72}.autosaveState.error i{background:#ff5f56}@keyframes autoPulse{to{opacity:.35;transform:scale(.72)}}
.sectionTools{display:flex;align-items:center;gap:5px;height:31px;padding:0 8px;border:1px solid #374139;background:linear-gradient(180deg,#171d18,#0b0f0c);white-space:nowrap}.sectionTools>span{margin-right:2px;color:#b8ff3d;font:800 8px var(--mono);letter-spacing:.08em}.sectionColor{position:relative;width:18px!important;height:18px!important;min-width:18px!important;padding:0!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:4px!important;background:var(--section-color)!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.22)}.sectionColor[data-section-color="#b8ff3d"]{--section-color:#b8ff3d}.sectionColor[data-section-color="#ff8b19"]{--section-color:#ff8b19}.sectionColor[data-section-color="#00b968"]{--section-color:#00b968}.sectionColor[data-section-color="#ed1973"]{--section-color:#ed1973}.sectionColor[data-section-color="#e4c500"]{--section-color:#e4c500}.sectionColor[data-section-color="#7654ed"]{--section-color:#7654ed}.sectionColor[data-section-color="#2789ed"]{--section-color:#2789ed}.sectionColor:hover:not(:disabled),.sectionColor.active{transform:translateY(-1px);border-color:#fff!important;box-shadow:0 0 0 2px #0b0f0c,0 0 0 3px rgba(255,255,255,.7)!important}.sectionColor:disabled{opacity:.28}.sectionTools select{height:22px;min-width:78px;margin-left:3px;padding:0 18px 0 7px;border:1px solid #374139;background:#070a08;color:#dce3de;font:800 8px var(--mono);letter-spacing:.04em}.sectionTools select:focus{outline:1px solid #b8ff3d}.sectionTools select:disabled{opacity:.35}
.edgeFadeControl{display:grid;grid-template-columns:auto 88px 43px;align-items:center;gap:6px;min-width:190px;height:31px;padding:0 8px;border:1px solid #374139;background:linear-gradient(180deg,#171d18,#0b0f0c);color:#b8ff3d;font-size:8px;letter-spacing:.08em;white-space:nowrap}.edgeFadeControl input{width:88px!important;height:auto!important;padding:0!important;border:0!important;accent-color:#b8ff3d}.edgeFadeControl output{color:#d9e2dc;text-align:right;font-size:8px;font-variant-numeric:tabular-nums}
.timelineScroll{min-width:0!important;min-height:0!important;height:100%!important;background:#0e1012!important;overscroll-behavior:contain}.timelineInner{height:100%!important;min-height:300px!important;background:#0e1012!important;touch-action:none}.beatGrid{position:absolute;inset:0;z-index:0;pointer-events:none}.beatGrid i{position:absolute;top:0;bottom:0;width:1px;background:rgba(255,255,255,.025)}.beatGrid i.second{background:rgba(255,255,255,.045)}.beatGrid i.subBeat{background:rgba(184,255,61,.04)}.beatGrid i.beat{background:rgba(93,195,255,.12)}.beatGrid i.bar{width:1px;background:rgba(255,255,255,.17);box-shadow:1px 0 0 rgba(0,0,0,.18)}.beatGrid i.downbeat{width:2px;background:rgba(184,255,61,.32);box-shadow:0 0 8px rgba(184,255,61,.09)}
#wave{position:sticky!important;left:0!important;right:auto!important;top:50%!important;bottom:auto!important;width:auto!important;height:150px!important;transform:translateY(-50%);z-index:1;border-top:1px solid #50d993;border-bottom:1px solid #50d993;filter:contrast(1.65) saturate(.72) brightness(.9)}
.clipLane{top:50%!important;height:150px!important;transform:translateY(-50%);z-index:3!important;border-top:0!important;background:transparent!important;overflow:visible}
.sectionAdd.gapAdd{top:-37px!important;z-index:25!important;width:26px!important;height:26px!important;margin-left:-13px!important;border:1px solid #677169!important;border-radius:50%!important;background:#171b1f!important;color:#fff!important;font:800 17px/22px var(--sans)!important;opacity:.72!important;box-shadow:0 4px 12px #0009!important}.sectionAdd.gapAdd:hover{opacity:1!important;border-color:#b8ff3d!important;background:#222a20!important;color:#b8ff3d!important;transform:scale(1.1)}
.clip{top:0!important;height:150px!important;background:transparent!important;border-color:color-mix(in srgb,var(--clip-color) 72%,#fff)!important;box-shadow:inset 0 2px 0 color-mix(in srgb,var(--clip-color) 78%,white)!important}.clip::before{content:"";position:absolute;inset:0;z-index:0;background:color-mix(in srgb,var(--clip-color) 22%,transparent);mix-blend-mode:normal;pointer-events:none}.clip.selected{border-color:#fff!important;box-shadow:inset 0 2px 0 var(--clip-color),inset 0 0 0 1px rgba(255,255,255,.28),0 0 11px color-mix(in srgb,var(--clip-color) 22%,transparent)!important}.clipLabel,.clipMeta,.clipMore{z-index:6}.clipLabel span{color:#fff!important;text-shadow:0 1px 3px #000}
.clip.silent{border-style:dashed!important}.clip.silent::before{background:repeating-linear-gradient(135deg,#252a30 0 8px,#171b20 8px 16px)!important;mix-blend-mode:normal!important}.clip.silent .clipLabel span{color:#cbd1d7!important}.clip.silent .clipMeta{color:#8e969e!important}
.clipLabel{top:8px!important;cursor:grab}.clipLabel:active{cursor:grabbing}.clipMeta{bottom:8px!important}.clipMore{left:8px!important;right:auto!important;bottom:-44px!important;width:34px!important;height:34px!important;border-radius:18px!important;background:#202226!important;color:#fff!important;box-shadow:0 3px 12px #0008}.clipMore:hover{background:#2a2d32!important;color:#fff!important}
.fadeHandle{top:auto!important;bottom:5px!important;opacity:1!important;width:19px!important;height:38px!important;border:1px solid #102118!important;border-radius:5px!important;background:#d8ffe9!important;color:#06110b!important;box-shadow:0 0 0 1px rgba(255,255,255,.32),0 0 12px rgba(216,255,233,.22)!important}.fadeHandle span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-90deg);font:800 7px/1 var(--mono);letter-spacing:.05em}.fadeHandle.in{left:-2px!important}.fadeHandle.out{right:-2px!important}.fadeHandle:hover{background:#b8ff3d!important;box-shadow:0 0 0 1px #10150e,0 0 15px rgba(184,255,61,.45)!important}.fadeShade{opacity:.42!important}.fadeShade.in{clip-path:polygon(0 100%,100% 8%,100% 100%);background:linear-gradient(90deg,rgba(216,255,233,.42),rgba(216,255,233,.08))!important}.fadeShade.out{clip-path:polygon(0 8%,100% 100%,0 100%);background:linear-gradient(270deg,rgba(216,255,233,.42),rgba(216,255,233,.08))!important}.clip:not(.edge-first)>.fadeHandle.in,.clip:not(.edge-first)>.fadeShade.in,.clip:not(.edge-last)>.fadeHandle.out,.clip:not(.edge-last)>.fadeShade.out{display:none!important}
.selectionRange{top:50%!important;height:150px!important;transform:translateY(-50%);z-index:4!important;background:rgba(255,255,255,.14)!important;border-color:#fff!important}.selectionTime{top:-34px!important}
.rangeHandle{position:absolute;top:-1px;bottom:-1px;width:12px;padding:0;border:0;background:rgba(255,255,255,.92);pointer-events:auto;cursor:ew-resize;z-index:3;touch-action:none;box-shadow:0 0 0 1px #111,0 0 12px rgba(255,255,255,.24)}.rangeHandle::after{content:"";position:absolute;top:50%;left:50%;width:2px;height:25px;border-left:1px solid #101214;border-right:1px solid #101214;transform:translate(-50%,-50%);opacity:.72}.rangeHandle.start{left:-7px}.rangeHandle.end{right:-7px}.rangeHandle:hover,.rangeHandle:focus-visible{background:#b8ff3d;outline:0;box-shadow:0 0 0 1px #111,0 0 16px rgba(184,255,61,.42)}
.ruler{height:34px!important;background:#111316!important;border-top:1px solid #34373b!important;border-bottom:0!important;cursor:crosshair}.rulerTicks{will-change:transform}.tick{padding-top:9px!important;color:#8b9097!important}.smart{border-color:#5b8140!important;color:#b8ff3d!important;background:linear-gradient(180deg,#223018,#11170e)!important}.smart:not(:disabled){box-shadow:inset 0 0 14px rgba(184,255,61,.045)}.analysisResult{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6f7b73;font-size:8px;letter-spacing:.06em}.analysisResult.ready{color:#64ddd4}.setBar{color:#a8b2ab!important}.zoomField{gap:4px!important}.zoomField button{width:27px;height:29px;padding:0;border:1px solid #374139;background:#070a08;color:#dce3de}.zoomField button:hover{border-color:#b8ff3d;color:#b8ff3d}.zoomField input[type=range]{width:130px}.zoomField output{min-width:38px;color:#b8ff3d;text-align:right;font-size:8px}
.transport{position:relative;z-index:10;min-height:64px!important;background:#0b0c0e!important}.time{font-size:16px!important;font-weight:800!important;letter-spacing:.12em;text-align:center}.play{border-radius:7px!important}
.clipContext{position:fixed!important;z-index:9999!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;width:224px!important;min-height:0!important;padding:8px!important;border:1px solid #34363b!important;border-radius:12px!important;background:#25262b!important;box-shadow:0 18px 50px #000b!important;overflow:hidden!important}.clipContext.hidden{display:none!important}.clipContext button{display:grid!important;grid-template-columns:22px 1fr auto!important;align-items:center!important;width:100%!important;min-height:38px!important;padding:0 9px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#f0f0f2!important;text-align:left!important;font-size:11px!important;letter-spacing:0!important}.clipContext button:hover:not(:disabled){background:#34363c!important;color:#fff!important}.clipContext button.danger:hover{background:#45262b!important;color:#ff8c98!important}.clipContext button span{font-size:14px!important}.clipContext kbd{color:#898c93;font:9px var(--mono)}.menuTitle{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:38px;padding:0 8px;color:#f5f5f6;font:12px var(--sans)}.menuTitle small{color:#8d9097;font:8px var(--mono)}.menuDot{width:9px;height:24px;border-radius:4px}.menuGain{display:grid;grid-template-columns:1fr;gap:5px;padding:7px 9px;color:#cfd1d5;font-size:9px}.menuGain input{width:100%;accent-color:#b7bac1}.menuColors{display:flex;gap:8px;padding:6px 9px 9px}.menuColors button{display:block!important;width:22px!important;min-height:22px!important;height:22px!important;padding:0!important;border-radius:3px!important}.menuSep{height:1px;margin:4px 0;background:#3c3e44}
@media(max-width:760px){.studio{grid-template-rows:auto auto auto minmax(0,1fr)!important}.head{min-height:48px!important}.timelineInner{min-height:220px!important}#wave,.clipLane{top:50%!important;height:140px!important}.selectionRange{top:50%!important;height:140px!important}.clip{height:140px!important}.clipContext{width:min(224px,calc(100vw - 20px))!important}.transport{min-height:54px!important}}
@media(max-width:760px){.autosaveState{width:23px;padding:0;justify-content:center;font-size:0}.projectBtn{padding-inline:7px!important;font-size:7px!important}}