.debugWrap[data-v-de0c1546]{color:#2df72d;white-space:pre-wrap;z-index:9000;opacity:.6;background:#000;grid-template-columns:auto 1fr;width:max-content;display:grid;position:fixed;top:0;left:0}.handle[data-v-de0c1546]{cursor:grab;color:color-mix(in oklab,var(--bg-color),var(--text-color-secondary));width:1.6rem;height:1.6rem;position:relative;top:6px;left:1px}.handle[data-v-de0c1546]:before{content:"";position:absolute;inset:-8px -10px -18px -2px}.handle[data-v-de0c1546]:active{cursor:grabbing}.debug-inner-container[data-v-de0c1546]{padding:1rem 1.2rem;display:grid}.debug-entry[data-v-de0c1546]{border-bottom:1px solid color-mix(in oklab,var(--bg-color),var(--text-color-secondary));margin-bottom:.7rem;padding-bottom:.5rem}.debug-entry[data-v-de0c1546]:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.debug-label[data-v-de0c1546]{color:#fff;margin-bottom:2px;font-weight:700}.toast-container[data-v-f9af452f]{pointer-events:none;grid-area:stack;width:min(100vw - 3.6rem,26rem);margin:0 2rem;transition:transform .2s}.toast-content[data-v-f9af452f]{pointer-events:auto;--_color:#07f;background:color-mix(in lch,var(--bg-color),#fff 10%);color:var(--text-color-primary);box-shadow:inset calc(70px)0px 140px -80px var(--_color),inset 2px 0px 0px -1px var(--_color),0px 0px 1rem -.3rem var(--bg-color);border-radius:.7rem;grid-template:"title infoicon""message infoicon""actions actions"/1fr auto;column-gap:.6rem;padding:1.2rem 1.8rem;animation:.4s ease-in-out slide-in-f9af452f;display:grid;overflow:hidden}.toast-content:hover .progress-bar[data-v-f9af452f],.toast-content:hover .btn-confirm[data-v-f9af452f]{animation-play-state:paused!important}@keyframes slide-in-f9af452f{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.priority-low[data-v-f9af452f]{box-shadow:inset calc(70px)0px 140px -80px var(--_color),0px 0px 1rem -.3rem var(--bg-color)}.title[data-v-f9af452f]{grid-area:title;margin-bottom:.4rem;line-height:100%}.message[data-v-f9af452f]{white-space:pre-wrap;overflow-wrap:break-word;word-break:break-all;grid-area:message;min-width:0}.icon[data-v-f9af452f]{color:var(--_color);grid-area:infoicon;justify-content:center;align-items:center;display:flex}.svg-icon[data-v-f9af452f]{width:2rem;height:2rem}.priority-medium[data-v-f9af452f]{--_color:#f63bed}.priority-high[data-v-f9af452f]{--_color:#fb0;border:1px solid var(--_color)}.toast-actions[data-v-f9af452f]{flex-wrap:wrap-reverse;grid-area:actions;justify-content:flex-end;gap:1rem;margin-top:1rem;display:flex;position:relative;right:-.6rem}button[data-v-f9af452f]{cursor:pointer;background:color-mix(in lch,var(--_color),transparent 60%);color:var(--text-color-primary);height:2.8rem;box-shadow:inset 0px 0px 0px 1px color-mix(in lch,var(--_color),transparent 70%);border:none;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:500;transition:background .2s,color .2s}button[data-v-f9af452f]:hover{background:color-mix(in lch,var(--_color),transparent 20%)}.btn-confirm[data-v-f9af452f]{background-size:200% 100%;background-image:linear-gradient(to right,color-mix(in lch,var(--_color),transparent 20%)50%,color-mix(in lch,var(--_color),transparent 60%)50%);background-position:100% 0}.btn-confirm[style*=--lifetime][data-v-f9af452f]{animation:progress-bg-f9af452f var(--lifetime)linear forwards}.btn-confirm[data-v-f9af452f]:hover{transition:background-position .2s ease-out;background-position:0 0!important}@keyframes progress-bg-f9af452f{to{background-position:0 0}}.btn-deny[data-v-f9af452f]{--_color:#5e5e5e;color:var(--text-color-secondary);box-shadow:inset 0px 0px 0px 1px var(--_color);background:0 0}.btn-deny[data-v-f9af452f]:hover{background:color-mix(in lch,var(--_color),transparent 20%);color:var(--text-color-primary)}.btn-close[data-v-f9af452f]{color:#666;background:0 0;padding:4px;font-size:16px;line-height:1;position:absolute;top:8px;right:8px}.btn-close[data-v-f9af452f]:hover{color:#fff}.progress-bar[data-v-f9af452f]{transform-origin:0;width:100%;height:3px;animation:progress-f9af452f var(--lifetime)linear forwards;background:#ffffff4d;position:absolute;bottom:0;left:0}@keyframes progress-f9af452f{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast-overlay[data-v-cb1eb038]{z-index:9999;pointer-events:none;grid-template-areas:"stack";width:max-content;height:max-content;padding-bottom:2rem;display:grid;position:fixed;bottom:0;left:0}.upload-button[data-v-4a2df30f]{position:relative;overflow:hidden}.upload-button[data-v-4a2df30f]>*{z-index:1;position:relative}.upload-button[data-v-4a2df30f]:disabled{cursor:not-allowed}.progress[data-v-4a2df30f]:after{content:"";width:var(--progress);pointer-events:none;z-index:0;background:lch(100% 0 none/.2);transition:width .2s linear;position:absolute;top:0;bottom:0;left:0}.outmostClipWrapper[data-v-3f914ea5]{box-sizing:border-box;z-index:1;will-change:left,width;border-radius:.5rem;grid-template-rows:auto 1fr;height:100%;display:grid;position:relative}.clipHeader[data-v-3f914ea5]{border-top-left-radius:inherit;border-top-right-radius:inherit;background-color:var(--_color);overflow:hidden}.title[data-v-3f914ea5]{color:inherit;white-space:nowrap;text-overflow:ellipsis;padding:0 .5rem .1rem;line-height:1.2;overflow:hidden}.outerClipCanvasWrap[data-v-3f914ea5]{filter:none;box-sizing:border-box;background-color:lch(0% none none/.3);justify-content:flex-start;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}canvas[data-v-3f914ea5]{will-change:transform;height:100%;image-rendering:pixelated;display:block}.resizehandle[data-v-3f914ea5]{cursor:w-resize;z-index:5;width:min(1rem,30%);height:100%;position:absolute;top:0;left:0}.resizehandle[data-v-3f914ea5]:active{cursor:ew-resize!important}.resizehandle.right[data-v-3f914ea5]{left:unset;right:0}.loading[data-v-3f914ea5]{--_derived-color:var(--_color,grey);background:linear-gradient(90deg,color-mix(in oklab,var(--_derived-color),transparent 72%),color-mix(in oklab,var(--_derived-color),transparent 35%),color-mix(in oklab,var(--_derived-color),transparent 72%));background-size:200% 100%;animation:2s linear infinite skeletonClip-3f914ea5}@keyframes skeletonClip-3f914ea5{0%{background-position:100% 0}to{background-position:-100% 0}}.audio-file-pool-root[data-v-0ddaab48]{background-color:var(--bg-color);z-index:15;border-top:1px solid var(--border-primary);grid-template-rows:auto 1fr;gap:1rem;padding:1rem;display:grid;position:relative;overflow:hidden}.is-over[data-v-0ddaab48]{user-select:none;pointer-events:none;background-color:var(--bg-color);z-index:5;padding:1rem;display:grid;position:absolute;inset:0}.drop-zone-text[data-v-0ddaab48]{background-color:#99cd3233;border:1px dashed #9acd32;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:2.4rem;padding:1rem 1.4rem;animation:1.6s infinite slightbgpulse-0ddaab48;display:flex;box-shadow:inset 0 0 50px -30px #9acd32,0 0 30px -20px #9acd32}@keyframes slightbgpulse-0ddaab48{0%{background-color:#99cd3233}50%{background-color:#99cd324d}to{background-color:#99cd3233}}.options-and-controls[data-v-0ddaab48]{justify-content:space-between;align-items:center;width:100%;display:flex}.clips-container[data-v-0ddaab48]{scrollbar-width:none;-ms-overflow-style:none;grid-template-rows:repeat(2,1fr);grid-auto-flow:column;justify-content:start;gap:1rem;min-height:0;display:grid;overflow:auto hidden}.clips-container[data-v-0ddaab48]::-webkit-scrollbar{display:none}.track-instance[data-v-0003702f]{--_line-color:#474747;--_minor-line-color:#212121;border-bottom:1px solid var(--_line-color);grid-template-columns:1fr;height:7rem;display:grid;position:relative}.track-instance[data-v-0003702f]:last-child{border-bottom:none}.track[data-v-0003702f]{width:100%;height:inherit}.timeline-header-wrap[data-v-494fc7f6]{z-index:20;background-color:var(--bg-color);border-bottom:1px solid var(--border-primary);width:100%;height:2rem;position:sticky;top:0}.timeline-header[data-v-494fc7f6]{background-color:color-mix(in lch,var(--bg-color),white 15%);height:100%;display:flex}.timeline-markers[data-v-494fc7f6]{display:flex}.timeline-segment[data-v-494fc7f6]{border-left:1px solid var(--border-primary);padding-left:.6rem}.timeline-segment[data-v-494fc7f6]:nth-child(8n+5),.timeline-segment[data-v-494fc7f6]:nth-child(8n+6),.timeline-segment[data-v-494fc7f6]:nth-child(8n+7),.timeline-segment[data-v-494fc7f6]:nth-child(8n+8){background-color:color-mix(in lch,var(--bg-color),white 8%)}.playhead[data-v-494fc7f6]{pointer-events:none;z-index:30;will-change:transform;background-color:#828282;width:1px;transition:transform 15ms linear;position:absolute;top:0;bottom:1px}.playhead.is-playing[data-v-494fc7f6]{background-color:var(--active-playing-color)}.playhead.is-playing[data-v-494fc7f6]:before{content:"";background:linear-gradient(90deg,#0000 5%,#00ff150d 60%,#00ff1533 100%);width:2rem;height:100%;position:absolute;top:0;left:-2rem}.playhead[data-v-494fc7f6]:after{content:"";--_size:1.8rem;height:calc((var(--_size)*.6) + 1px);width:calc(var(--_size) + 1px);background-color:var(--active-playing-color);clip-path:polygon(0 0,100% 0,50% 100%);position:absolute;top:0;left:50%;transform:translate(-50%)}.resting-playhead[data-v-494fc7f6]{--_size:1.8rem;height:calc((var(--_size)*.6) + 1px);width:calc(var(--_size) + 1px);background-color:color-mix(in lch,var(--active-playing-color),black 50%);pointer-events:none;z-index:30;opacity:1;clip-path:polygon(0 0,100% 0,50% 100%);position:absolute;top:0}.track-controls-wrapper[data-v-fc63d949]{z-index:40;grid-auto-rows:auto;padding-top:2rem;display:grid;position:sticky;left:0}.track-title[data-v-fc63d949]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-controls[data-v-fc63d949]{color:var(--text-color-primary);z-index:10;border-bottom:1px solid var(--border-primary);width:11rem;box-shadow:1px 0px 0px 0px var(--border-primary);background-color:var(--bg-color);grid-template-columns:1fr auto;grid-template-areas:"title vol"".vol";padding:.8rem 1rem;display:grid}.track-controls[data-v-fc63d949]:first-child{box-shadow:1px -1px 0px 0px var(--border-primary)}.track-controls[data-v-fc63d949]:last-child{border-bottom:none}.volumeSlider[data-v-fc63d949]{background-color:#181818;grid-area:vol;width:1.1rem;height:100%;position:relative}.add-track-button[data-v-381d1b1a]{background-color:var(--bg-color);border:none;border-bottom:1px dashed var(--border-primary);border-top:1px dashed var(--border-primary);cursor:pointer;height:7rem;color:var(--text-color-secondary);box-shadow:none;border-radius:0;justify-content:flex-start;align-items:center;margin-bottom:2rem;padding:0;transition:background-color 50ms,color 50ms;display:flex;position:relative}.add-track-button.is-dragging-clip[data-v-381d1b1a]{cursor:default}.add-track-button[data-v-381d1b1a]:not(.is-dragging-clip):hover{background-color:color-mix(in lch,var(--bg-color),white 15%);color:var(--text-color-primary);box-shadow:none;border-radius:0}.add-track-button[data-v-381d1b1a]:before{content:"";box-sizing:border-box;z-index:1;border-right:1px dashed var(--border-primary);background-color:#0000;flex-shrink:0;width:calc(11rem + 1px);height:100%;position:sticky;top:0;left:0}.add-track-button-content[data-v-381d1b1a]{color:inherit;justify-content:center;align-items:center;gap:.7rem;display:flex;position:sticky;left:50%;transform:translate(-50%)}.user-menu-container[data-v-e9b931d9]{background-color:color-mix(in lch,var(--bg-color),white 10%);border:1px solid var(--border-primary);border-radius:.75rem;display:grid}.inner-menu-wrap[data-v-e9b931d9]{border-radius:inherit;max-width:20rem;box-shadow:0px 0px 1rem 0rem var(--bg-color);padding:.5rem;display:grid}.user-menu-btn[data-v-e9b931d9]{height:unset;gap:unset;box-shadow:none;max-width:inherit;background-color:#0000;grid-template-columns:auto 1fr;grid-template-areas:"logo name""logo email";column-gap:.8rem;padding-top:.3rem;padding-bottom:.7rem;padding-left:.9rem;display:grid}.user-menu-btn[data-v-e9b931d9]:hover{box-shadow:none;background-color:lch(100% 0 none/.15)}.user-menu-btn>p[data-v-e9b931d9]{text-overflow:ellipsis;white-space:nowrap;max-width:inherit;overflow:hidden}.menu-btn[data-v-e9b931d9]{box-shadow:none;white-space:nowrap;background-color:#0000;justify-content:flex-start}.menu-btn[data-v-e9b931d9]:hover{box-shadow:none;background-color:lch(100% 0 none/.15)}.textInput[data-v-e9b931d9]{background-color:color-mix(in lch,var(--border-primary),black 0%);border:none;border-radius:.5rem;min-width:0;max-width:100%;height:3rem;padding:0 1rem}.textInput[data-v-e9b931d9]:disabled{color:var(--text-color-secondary);background-color:color-mix(in lch,var(--border-primary),black 10%)}.textInput[data-v-e9b931d9]:focus-visible:not(:disabled){box-shadow:0px 0px 0px 1px color-mix(in lch,var(--border-primary),white 30%);outline:none}.rangeInput[data-v-e9b931d9]{min-width:0;max-width:100%}.controls[data-v-2cde112d]{border-bottom:1px solid var(--border-primary);padding:0;display:flex}.open-user-menu-btn[data-v-2cde112d]{aspect-ratio:1;border-radius:50%;padding:0}.outmost-container[data-v-2cde112d]{background-color:#0000;grid-template:"controls controls""scollx scolldud""timeline scrolly""addtrack scrolly""empty scrolly"1fr"audiopool audiopool"/minmax(0,1fr) auto;width:100%;height:100svh;display:grid;position:relative;overflow:hidden}.test-btn[data-v-2cde112d]{color:#333;cursor:pointer;text-align:right;background:#fff;border:1px solid #ccc;border-radius:4px;min-width:140px;padding:6px 12px;font-size:11px;box-shadow:0 2px 4px #0000001a}.test-btn[data-v-2cde112d]:hover{background:#f0f0f0}.timeline-scroll-container[data-v-2cde112d]{scrollbar-width:none;-ms-overflow-style:none;grid-template:". ."1fr"addtrack addtrack"/auto 1fr;width:100%;height:100%;display:grid;overflow:scroll}.timeline-scroll-container[data-v-2cde112d]::-webkit-scrollbar{display:none}.all-tracks-wrapper[data-v-2cde112d]{display:grid;position:relative}.scrollbar-dud[data-v-2cde112d]{background-color:color-mix(in lch,var(--bg-color),white 5%);width:100%;height:100%;box-shadow:inset 1px -1px 0px 0px var(--border-primary)}.custom-scrollbar[data-v-2cde112d]{background-color:color-mix(in lch,var(--bg-color),white 5%);cursor:pointer;z-index:15;position:relative;overflow:hidden}.scrollbar-x[data-v-2cde112d]{border-bottom:1px solid var(--border-primary);width:100%;height:1.5rem}.scrollbar-y[data-v-2cde112d]{width:1.5rem;height:100%}.custom-thumb[data-v-2cde112d]{background-color:color-mix(in lch,var(--bg-color),white 20%);cursor:grab;position:absolute}.thumb-x[data-v-2cde112d]{will-change:width,left;height:100%;transition:width 50ms linear,left 50ms linear;top:0}.thumb-y[data-v-2cde112d]{will-change:height,top;width:100%;transition:height 50ms linear,top 50ms linear;left:0}*{box-sizing:border-box;margin:0;font-weight:400}:root{--bg-color:#0e0e0e;--text-color-primary:#ebebeb;--text-color-secondary:#b0b0b0;--border-primary:#474747;--active-playing-color:#00ff15;--window-w-padding:2rem;--window-w-max-width:1100px;--default-font-size:14px}html{text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;scroll-behavior:smooth;font-size:62.5%}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{font-size:var(--default-font-size);background-color:var(--bg-color);min-height:100svh}#app{min-height:inherit;display:grid;overflow-x:hidden}.custom-grid{grid-template-columns:[full-width-start breakout-left-start]minmax(var(--window-w-padding),1fr)[content-start breakout-right-start]min(100% - calc(var(--window-w-padding)*2),var(--window-w-max-width))[content-end breakout-left-end]minmax(var(--window-w-padding),1fr)[full-width-end breakout-right-end];justify-items:start;display:grid}.custom-grid>*{grid-column:content}.full-width{grid-column:full-width}.breakout-right{grid-column:breakout-right}.breakout-left{grid-column:breakout-left}p,h1,h2,h3,h4,h5,h6,span,a,button,.txt{text-transform:none;text-align:left;color:var(--text-color-primary);font-family:inhesystem-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px;font-weight:400;line-height:140%;text-decoration:none}.small{font-size:13px}.big{font-size:19px}.mono{font-family:monospace}.white{color:var(--text-color-primary)}.dim{color:var(--text-color-secondary)}.bold{font-weight:700}.black{font-weight:bolder}.italic,.cursive{font-style:italic}.caps{text-transform:uppercase}.underline{text-decoration:underline}.txt *,button *{font-family:inherit;font-weight:inherit;font-style:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit;text-transform:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;text-align:inherit}.no-select,.no-select *{user-select:none;-o-user-select:none}.relative{position:relative}.balance{text-wrap:balane}.nowrap{white-space:nowrap}:where(.default-button){background-color:var(--border-primary);cursor:pointer;border:none;border-radius:.5rem;outline:none;justify-content:center;align-items:center;gap:1rem;height:3rem;padding:0 1.2rem;transition:box-shadow .1s,background-color .1s;display:flex;box-shadow:inset 0 0 0 1px lch(100% 0 none/.1)}.default-button:disabled{cursor:default}:where(.default-button):hover:not(:disabled){background-color:color-mix(in lch,var(--border-primary),white 15%);box-shadow:inset 0 0 0 1px lch(100% 0 none/.25)}:where(.default-button):focus-visible,:where(.default-button):focus,:where(.default-button):focus-within{border:none;border-radius:.5rem;outline:none}:where(.default-button).secondary{color:var(--text-color-secondary);background-color:#0000}:where(.default-button).secondary:hover:not(:disabled){background-color:color-mix(in lch,var(--border-primary),white 0%);color:var(--text-color-primary);box-shadow:inset 0 0 0 1px lch(100% 0 none/.05)}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.kbd{box-shadow:1px 1px 0px color-mix(in lch,var(--border-primary),black 84%);border:1px solid color-mix(in lch,var(--border-primary),white 10%);background-color:color-mix(in lch,var(--border-primary),black 20%);min-width:1.8rem;color:var(--text-color-secondary);user-select:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.1rem .5rem;font-family:inherit;font-size:.9em;line-height:1;display:inline-flex}.kbd+.kbd{margin-left:.3rem}.kbd.active{background-color:color-mix(in lch,var(--border-primary),white 10%);border:1px solid color-mix(in lch,var(--border-primary),white 30%);color:var(--text-color-primary)}.shortcut-container{flex-wrap:nowrap;align-items:center;gap:0;margin-left:auto;display:flex}.controls-panel-btn{aspect-ratio:1;background-color:color-mix(in lch,var(--border-primary),var(--bg-color)60%);min-height:4.5rem;box-shadow:none;--_border:1px solid var(--border-primary);border:none;border-right:var(--_border);border-left:var(--_border);z-index:20;cursor:pointer;border-radius:0;outline:none;justify-content:center;align-items:center;padding:0;transition:box-shadow .1s,background-color .15s,color .1s;display:flex}.controls-panel-btn:hover:not(:disabled){background-color:color-mix(in lch,var(--border-primary),var(--bg-color)15%)}.controls-panel-btn.playing{z-index:21;box-shadow:0px 0px 40px -16px var(--active-playing-color),inset 0px 0px 6px -2px var(--active-playing-color),inset 0px 0px 18px -7px var(--active-playing-color)}