.overlay[data-v-7169d9a6]{position:fixed;height:100dvh;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:flex-end;transition:backdrop-filter .15s ease,opacity .15s ease;z-index:1000}.sheet[data-v-7169d9a6]{width:100%;height:90vh;background:#1a1a1a;border-top-left-radius:14px;border-top-right-radius:14px;color:#fff;overflow:hidden;transition:transform .5s cubic-bezier(.2,.8,.2,1);will-change:transform;display:flex;flex-direction:column}.grip[data-v-7169d9a6]{width:36px;height:5px;border-radius:3px;background:hsla(0,0%,100%,.2);margin:10px auto;flex-shrink:0;cursor:grab}.grip[data-v-7169d9a6]:active{cursor:grabbing}.slot[data-v-7169d9a6]{flex:1;overflow-y:auto;min-height:0}.newprogressbar[data-v-2291acdf]{position:relative;width:100%;height:4rem;background-color:#2f2f2f;overflow:hidden;border:1px solid #1a1a1a;box-shadow:inset 0 0 10px 0 rgba(0,0,0,.73);border-radius:8px;cursor:grab}.newprogressbar[data-v-2291acdf]:active{cursor:grabbing}.redthing[data-v-2291acdf]{position:absolute;width:1px;height:100%;background-color:#c00000;left:50%;z-index:999}.waveform[data-v-2291acdf]{position:absolute;top:0;left:50%;width:200%;height:100%;background-size:100% 100%;will-change:transform}.time[data-v-2291acdf]{font-family:Doto,sans-serif;font-weight:900}.grid[data-v-2291acdf]{position:absolute;top:0;left:50%;width:200%;height:100%}.gridthing[data-v-2291acdf]{position:absolute;top:0;width:1px;height:100%;background-color:hsla(0,0%,100%,.1)}.gridthing[data-v-2291acdf]:nth-child(4n){background-color:hsla(0,0%,100%,.25)}.play-overlay[data-v-2defa0c0]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:56px;height:56px;cursor:pointer;z-index:2;transition:opacity .16s ease,transform .16s ease}.overlay-bg[data-v-2defa0c0]{position:absolute;inset:0;background:#2f2f2f6f;border-radius:50%;backdrop-filter:blur(1px)}.icon[data-v-2defa0c0]{position:relative;color:#fff;font-size:2rem;z-index:3;display:flex;align-items:center;justify-content:center}.play-overlay.playing[data-v-2defa0c0]{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.9)}.slider-container[data-v-0916d5be]{display:flex}.controlbtn[data-v-0916d5be]{height:3rem;width:3rem;text-align:center;align-content:center;background-color:#2f2f2f;cursor:pointer}.right[data-v-0916d5be]{border-radius:0 6px 6px 0}.left[data-v-0916d5be]{border-radius:6px 0 0 6px}.controlbtn[data-v-0916d5be]:hover{background-color:#5c5c5c}.range-slider[data-v-0916d5be]{border-radius:6px;width:100%;height:3rem;border-radius:3px;background:#1a1a1a;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:1px solid #3a3a3a}.range-slider[data-v-0916d5be]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:3rem;height:3rem;background:#2f2f2f;cursor:pointer;-webkit-transition:background-color .5s ease;transition:background-color .5s ease}.range-slider[data-v-0916d5be]::-webkit-slider-thumb:hover{background:#5c5c5c;box-shadow:0 2px 4px rgba(0,0,0,.2)}.vertical-slider-container[data-v-0916d5be]{display:inline-flex;flex-direction:column}.top[data-v-0916d5be]{border-radius:6px 6px 0 0}.bottom[data-v-0916d5be]{border-radius:0 0 6px 6px}.v-slider[data-v-0916d5be]{position:relative;width:3rem;height:5rem;background:transparent;display:inline-block;touch-action:none;outline:none}.v-slider__rail[data-v-0916d5be]{position:absolute;left:50%;transform:translateX(-50%);width:3rem;height:100%;background:#1a1a1a;border:1px solid #3a3a3a}.v-slider__thumb[data-v-0916d5be]{position:absolute;left:50%;transform:translateX(-50%);width:3rem;height:3rem;background:#2f2f2f;border-radius:6px;cursor:grab;touch-action:none}.v-slider__thumb[data-v-0916d5be]:active{cursor:grabbing}.add-preset[data-v-3942b1b0]{display:flex;flex-direction:column;height:100%}.preset-chip[data-v-3942b1b0]{font-family:Doto,sans-serif;font-weight:900;display:inline-block;margin-right:1rem;margin-bottom:1rem;font-size:14px;color:#bbb;background-color:#1a1a1a;padding:4px 8px;border:1px #2f2f2f;border-radius:6px;cursor:pointer}.preset-active[data-v-3942b1b0]{background-color:#4d4646}.chat-container[data-v-3942b1b0]{display:flex;flex-direction:column;height:100%}.notes-list[data-v-3942b1b0]{flex-grow:1;overflow-y:auto}.note-content[data-v-3942b1b0]{padding:8px;min-height:50px;outline:none;white-space:pre-wrap;position:relative}.note-content.empty[data-v-3942b1b0]:before{content:"Add a note...";color:#888;position:absolute;pointer-events:none;left:8px;top:8px}.note-content[data-v-3942b1b0]:focus{border-color:transparent}.btn-cover-upload[data-v-458d0f71]{background-color:#007bff;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.9rem;transition:background-color .3s ease}.btn-cover-upload[data-v-458d0f71]:hover:not(:disabled){background-color:#0056b3}.btn-cover-upload[data-v-458d0f71]:disabled{background-color:#6c757d;cursor:not-allowed}.btn-cover-upload i[data-v-458d0f71]{font-size:1rem}.wrapper[data-v-6e790fa9]{display:flex;align-items:center;text-align:center}.right[data-v-6e790fa9]{margin-left:auto;display:flex;align-items:right}.chip[data-v-6e790fa9]{font-family:Doto,sans-serif;font-weight:900;display:inline-block;margin-right:.5rem;font-size:.8rem;color:#bbb;background-color:#2f2f2f;padding:.05rem .4rem;border:1px #000;border-radius:6px}.track[data-v-6e790fa9]{padding:.2rem 1rem .2rem 1rem;border-radius:9px;transition:box-shadow .24s cubic-bezier(.2,.8,.2,1),background-color .24s ease}.track[data-v-6e790fa9]:hover{background:#2f2f2f;box-shadow:0 5px 15px 0 rgba(0,0,0,.15)}.playbutt[data-v-6e790fa9]{margin-right:.5rem;transition:transform .24s cubic-bezier(.2,.8,.2,1)}.playbutt[data-v-6e790fa9]:hover{transform:scale(1.15)}.context-menu[data-v-6e790fa9]{position:absolute;background-color:#333;border:1px solid #555;border-radius:5px;padding:5px 0;z-index:1000;right:0;top:100%;min-width:10rem;text-align:left;box-shadow:0 5px 15px 0 rgba(0,0,0,.15)}.context-menu-item[data-v-6e790fa9]{padding:8px 15px;cursor:pointer;color:#eee}.context-menu-item[data-v-6e790fa9]:hover{background-color:#555}.context-menu-item.with-submenu[data-v-6e790fa9],.right[data-v-6e790fa9]{position:relative}.context-sub-menu[data-v-6e790fa9]{display:none;position:absolute;left:100%;top:-5px;background-color:#333;border:1px solid #555;border-radius:5px;padding:5px 0;z-index:1001;min-width:10rem}.context-menu-item.with-submenu:hover>.context-sub-menu[data-v-6e790fa9]{display:block}.context-menu-item.current-project[data-v-6e790fa9]{background-color:#444;color:#fff}.fade-enter-active[data-v-0bafcede],.fade-leave-active[data-v-0bafcede]{transition:opacity .5s ease}.fade-enter-from[data-v-0bafcede],.fade-leave-to[data-v-0bafcede]{opacity:0}.proj-cover[data-v-0bafcede]{position:relative;width:100%;padding-top:100%;background-size:cover;background-position:50%;background-repeat:no-repeat;border-radius:16px;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;box-shadow:0 5px 15px 0 rgba(0,0,0,.15)}.project-buttons-overlay[data-v-0bafcede]{position:absolute;bottom:10px;left:0;right:0;display:flex;gap:10px;justify-content:center;z-index:2;opacity:0;transition:opacity .3s ease}.proj-cover:hover .project-buttons-overlay[data-v-0bafcede]{opacity:1}.project-button[data-v-0bafcede]{background-color:rgba(0,0,0,.6);color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:background-color .3s ease}.project-button[data-v-0bafcede]:hover{background-color:rgba(0,0,0,.8)}.project-title[data-v-0bafcede]{padding-top:.5rem;font-size:1.5rem}.project-subtitle[data-v-0bafcede]{font-size:1rem;color:#bbb}.editable[data-v-0bafcede]{cursor:text;border-radius:4px;padding:2px 4px;transition:background-color .2s ease}.editable[data-v-0bafcede]:hover{background-color:hsla(0,0%,100%,.1);border-color:transparent}.editable[data-v-0bafcede]:focus{background-color:hsla(0,0%,100%,.15);border-color:transparent;outline:none}.add-new-proj[data-v-0bafcede]{border:1px dashed #bbb;border-radius:16px;cursor:pointer;text-align:center;align-content:center;min-height:5rem}.project-card[data-v-0bafcede]{padding-top:1rem;padding-bottom:1rem;cursor:pointer;border-radius:16px;transition:box-shadow .24s cubic-bezier(.2,.8,.2,1),background-color .24s ease}.project-card[data-v-0bafcede]:hover{background-color:#2f2f2f;box-shadow:0 5px 15px 0 rgba(0,0,0,.15)}.notracks[data-v-0bafcede]{text-align:center;padding:1rem}.dragging[data-v-0bafcede]{opacity:.5}.drag-over[data-v-0bafcede]{border:1px dashed #c3c3c3!important;border-radius:16px;background-color:#2f2f2f}.drag-over .proj-cover[data-v-0bafcede]{animation:bounce-0bafcede .4s ease-in-out infinite alternate}@keyframes bounce-0bafcede{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.remove[data-v-0bafcede]{text-align:center;color:#bbb;font-size:1.5rem;margin-top:2rem;margin-bottom:2rem;padding:2rem;border:1px dashed #bbb;border-radius:16px;cursor:pointer;transition:background-color .3s ease}.remove-drag-over[data-v-0bafcede],.remove[data-v-0bafcede]:hover{background-color:#2f2f2f}.radio-btn[data-v-63295310]{display:flex;align-items:center;cursor:pointer}.thing-container[data-v-63295310]{width:2rem;height:2rem;margin-right:8px}.thing[data-v-63295310]{width:100%;height:100%;border-radius:50%;border:2px solid #555;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fff;transition:.2s}.thing.active[data-v-63295310]{background-color:#000}.settings-modal[data-v-0204a0f8]{padding:20px;color:#fff}.storage-select[data-v-0204a0f8]{background-color:#2f2f2f;border-radius:16px;box-shadow:0 5px 15px 0 rgba(0,0,0,.15)}.storage-select-el[data-v-0204a0f8]{display:flex;padding:1rem;align-items:center;cursor:pointer}.storage-sep[data-v-0204a0f8]{margin:0}.slide-up-enter-active[data-v-86fe06f2],.slide-up-leave-active[data-v-86fe06f2]{transition:all .25s ease-out}.slide-up-enter-from[data-v-86fe06f2]{opacity:0;transform:translateY(30px)}.slide-up-leave-to[data-v-86fe06f2]{opacity:0;transform:translateY(-30px)}.cover-preview-container[data-v-86fe06f2]{position:relative;width:100%;padding-top:100%;background-size:cover;background-position:50%;background-repeat:no-repeat;border-radius:8px;overflow:hidden}.cover-overlay[data-v-86fe06f2]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;gap:10px;opacity:0;transition:opacity .3s ease}.cover-preview-container:hover .cover-overlay[data-v-86fe06f2]{opacity:1}.cover-button[data-v-86fe06f2]{background-color:hsla(0,0%,100%,.9);color:#333;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.cover-button[data-v-86fe06f2]:hover{background-color:#fff}.cover-button.danger[data-v-86fe06f2]{background-color:rgba(220,53,69,.9);color:#fff}.cover-button.danger[data-v-86fe06f2]:hover{background-color:#dc3545}.upload-placeholder[data-v-86fe06f2]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:2px dashed #ccc;border-radius:8px;text-align:center;color:#666;transition:all .3s ease;cursor:pointer;aspect-ratio:1}.upload-placeholder[data-v-86fe06f2]:hover{border-color:#999;color:#333;background-color:#f9f9f9}.upload-placeholder i[data-v-86fe06f2]{font-size:2rem;margin-bottom:.5rem}[data-sonner-toaster][dir=ltr],html[dir=ltr]{--toast-icon-margin-start:-3px;--toast-icon-margin-end:4px;--toast-svg-margin-start:-1px;--toast-svg-margin-end:0px;--toast-button-margin-start:auto;--toast-button-margin-end:0}[data-sonner-toaster][dir=rtl],html[dir=rtl]{--toast-icon-margin-start:4px;--toast-icon-margin-end:-3px;--toast-svg-margin-start:0px;--toast-svg-margin-end:-1px;--toast-button-margin-start:0;--toast-button-margin-end:auto}[data-sonner-toaster]{position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1:#fcfcfc;--gray2:#f8f8f8;--gray3:#f3f3f3;--gray4:#ededed;--gray5:#e8e8e8;--gray6:#e2e2e2;--gray7:#dbdbdb;--gray8:#c7c7c7;--gray9:#8f8f8f;--gray10:#858585;--gray11:#6f6f6f;--gray12:#171717;--border-radius:8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999;transition:transform .4s ease}@media (hover:none) and (pointer:coarse){[data-sonner-toaster][data-lifted=true]{transform:none}}[data-sonner-toaster][data-x-position=right]{right:var(--offset-right)}[data-sonner-toaster][data-x-position=left]{left:var(--offset-left)}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translateX(-50%)}[data-sonner-toaster][data-y-position=top]{top:var(--offset-top)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--offset-bottom)}[data-sonner-toast]{--y:translateY(100%);--lift-amount:calc(var(--lift)*var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}[data-sonner-toast][data-styled=true]{padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-y-position=top]{top:0;--y:translateY(-100%);--lift:1;--lift-amount:calc(var(--gap)*1)}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y:translateY(100%);--lift:-1;--lift-amount:calc(var(--lift)*var(--gap))}[data-sonner-toast][data-styled=true] [data-description]{font-weight:400;line-height:1.4;color:#3f3f3f}[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]{color:inherit}[data-sonner-toaster][data-sonner-theme=dark] [data-description]{color:#e8e8e8}[data-sonner-toast][data-styled=true] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast][data-styled=true] [data-icon]{display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast][data-styled=true] [data-icon]>*{flex-shrink:0}[data-sonner-toast][data-styled=true] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast][data-styled=true] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;font-weight:500;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}[data-sonner-toast][data-styled=true] [data-button]:focus-visible{box-shadow:0 0 0 2px rgba(0,0,0,.4)}[data-sonner-toast][data-styled=true] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast][data-styled=true] [data-cancel]{color:var(--normal-text);background:rgba(0,0,0,.08)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]{background:hsla(0,0%,100%,.3)}[data-sonner-toaster] [data-close-button-position=top-left]{--toast-close-button-left:0;--toast-close-button-right:unset;--toast-close-button-top:0;--toast-close-button-bottom:unset;--toast-close-button-transform:translate(-35%,-35%)}[data-sonner-toaster] [data-close-button-position=top-right]{--toast-close-button-left:unset;--toast-close-button-right:0;--toast-close-button-top:0;--toast-close-button-bottom:unset;--toast-close-button-transform:translate(35%,-35%)}[data-sonner-toaster] [data-close-button-position=bottom-left]{--toast-close-button-left:0;--toast-close-button-right:unset;--toast-close-button-top:unset;--toast-close-button-bottom:0;--toast-close-button-transform:translate(-35%,35%)}[data-sonner-toaster] [data-close-button-position=bottom-right]{--toast-close-button-left:unset;--toast-close-button-right:0;--toast-close-button-top:unset;--toast-close-button-bottom:0;--toast-close-button-transform:translate(35%,35%)}[data-sonner-toast][data-styled=true] [data-close-button]{position:absolute;left:var(--toast-close-button-left);right:var(--toast-close-button-right);top:var(--toast-close-button-top);bottom:var(--toast-close-button-bottom);height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);background:var(--normal-bg);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-styled=true] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]:before{content:"";position:absolute;left:-100%;right:-100%;height:100%;z-index:-1}[data-sonner-toast][data-y-position=top][data-swiping=true]:before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]:before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]:before{content:"";position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast][data-expanded=true]:after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y:translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale:var(--toasts-before) * 0.05 + 1;--y:translateY(calc(var(--lift-amount)*var(--toasts-before))) scale(calc(var(--toasts-before)*-1*0.05 + 1));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-x-position=right]{right:0}[data-sonner-toast][data-x-position=left]{left:0}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y:translateY(calc(var(--lift)*var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y:translateY(calc(var(--lift)*-100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y:translateY(calc(var(--lift)*var(--offset) + var(--lift)*-100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y:translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]:before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y,0)) translateX(var(--swipe-amount-x,0));transition:none}[data-sonner-toast][data-swiped=true]{-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width:600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left)*-1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left)*2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:calc(var(--mobile-offset-bottom) + max(env(safe-area-inset-bottom), 0px))}[data-sonner-toaster][data-y-position=top]{top:calc(var(--mobile-offset-top) + max(env(safe-area-inset-top), 0px))}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-sonner-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--success-bg:#ecfdf3;--success-border:#bffcd9;--success-text:#008a2e;--info-bg:#f0f8ff;--info-border:#dde7fd;--info-text:#0973dc;--warning-bg:#fffcf0;--warning-border:#fbeeb1;--warning-text:#dc7609;--error-bg:#fff0f0;--error-border:#ffe0e1;--error-text:#e60000}[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg:#000;--normal-border:#333;--normal-text:var(--gray1)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg:#fff;--normal-border:var(--gray3);--normal-text:var(--gray12)}[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg:#000;--normal-bg-hover:#1f1f1f;--normal-border:#333;--normal-border-hover:#404040;--normal-text:var(--gray1);--success-bg:#001f0f;--success-border:#003d1c;--success-text:#59f3a6;--info-bg:#000d1f;--info-border:#19233e;--info-text:#5896f3;--warning-bg:#1d1f00;--warning-border:#2e2e00;--warning-text:#f3cf58;--error-bg:#2d0607;--error-border:#4d0408;--error-text:#ff9ea1}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size:16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:first-child{animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){.sonner-loading-bar,[data-sonner-toast],[data-sonner-toast]>*{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}body{margin:0;font-family:Ubuntu Mono,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--primary-bg-color);color:var(--primary-text-color);--primary-bg-color:#1a1a1a;--secondary-bg-color:#2f2f2f;--primary-text-color:#eee;--secondary-text-color:#999;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:fixed;left:0;top:0;right:0;bottom:0;touch-action:none;outline:0;overflow:hidden;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);overscroll-behavior-x:none;-webkit-overflow-scrolling:touch}#app{height:100vh;overflow-y:scroll}.player-fixed{position:fixed;left:0;right:0;bottom:0;overflow:hidden}.player-fixed .player-container{width:100%;height:4rem;background-color:var(--secondary-bg-color);border-radius:9999px;display:flex;margin-bottom:1rem;box-shadow:0 5px 15px 0 rgba(0,0,0,.15);transition:transform .3s cubic-bezier(.22,.9,.34,1),opacity .22s cubic-bezier(.22,.9,.34,1);transform-origin:bottom center;position:relative;overflow:hidden}.player-fixed .player-container.player-hidden{transform:translateY(18px);opacity:0;pointer-events:none;overflow:hidden}.player-fixed .player-container.player-hidden *{-moz-user-select:none;user-select:none;-webkit-user-select:none;caret-color:transparent;overflow:hidden}.player{padding:.6rem .6rem;width:100%}.cover{height:2.8rem;border-radius:50%}.cover.spinning{animation:spin 1.2s linear infinite}.cover-wrap{position:relative;width:2.8rem;height:2.8rem;display:flex;align-items:center;justify-content:center}.cover-wrap:hover .play-overlay.playing{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.modal-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.45);display:flex;align-items:flex-end;justify-content:center;z-index:1200}.modal-sheet{width:100%;max-width:720px;background:var(--primary-bg-color);color:#fff;border-top-left-radius:12px;border-top-right-radius:12px;box-shadow:0 -10px 30px rgba(0,0,0,.6);transform:translateY(0);animation:slideUp .22s ease-out;max-height:85vh;display:flex;flex-direction:column}.doto{font-family:Doto,sans-serif;font-weight:900}@keyframes slideUp{0%{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tab-container{display:flex;gap:12px;margin-top:16px;background-color:#2f2f2f;border-radius:16px}.tab-content{flex:1;text-align:center;padding:8px 0;cursor:pointer;margin:.2rem}.tab-content.active{background-color:#1a1a1a;border-radius:16px}.bpm,.key{font-family:Doto,sans-serif;font-weight:900;display:inline-block;margin-right:12px;font-size:14px;color:#bbb;background-color:#2f2f2f;padding:4px 8px;border:1px #2f2f2f;border-radius:6px}.calculated{background-color:#d48001!important;color:#331f00!important;border:1px #331f00!important}.btn-styled{background-color:#2f2f2f;padding:8px 12px;border-radius:6px;cursor:pointer;text-align:center;box-shadow:0 5px 15px 0 rgba(0,0,0,.15);transition:box-shadow .24s cubic-bezier(.2,.8,.2,1),transform .24s cubic-bezier(.2,.8,.2,1),background-color .24s ease}.btn-styled:hover{background-color:#393939;box-shadow:0 5px 15px 0 rgba(39,39,39,.15);transform:scale(1.01)}.playbutton{font-size:2.5rem;text-align:center;cursor:pointer}.buttonrow .row{align-items:center}.sec{color:var(--secondary-text-color)}.tab-body{min-height:35vh}.player-line{display:flex;align-items:center}.mini-progress{width:100%;margin-top:4px;transform:scaleY(.8)}.progress-section{background-color:#2f2f2f;border-radius:8px;padding:12px}.progress-line{height:2.5rem;width:100%;opacity:.9;cursor:pointer;background-image:var(--waveform-bg);background-size:100% 100%;background-repeat:no-repeat;margin-left:1rem;margin-right:1rem;background-color:#9f9f9f;border-radius:8px}.progress-fill{height:100%;background-color:rgba(0,0,0,.364);opacity:.6;transition:width .1s linear}.next-track-btn{font-size:1.5rem;padding-left:.5rem;cursor:pointer}.track-info{display:flex;flex-direction:column;overflow:hidden}.track-title{font-weight:700}.artist-subtitle,.track-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist-subtitle{color:#bbb;font-size:.85rem;margin-top:2px}.form-control{background-color:#1a1a1a;border:solid #2f2f2f;border-width:1px;color:#fff}.form-control:focus{background-color:#2f2f2f;border:solid #1a1a1a;border-width:1px;color:#fff;box-shadow:none!important}.form-control::-moz-placeholder{font-family:Doto,sans-serif;font-weight:900;color:#585858}.form-control::placeholder{font-family:Doto,sans-serif;font-weight:900;color:#585858}.head-container-container{position:fixed;top:0;width:100%;z-index:999}.head-container{margin-top:1rem;background-color:#2f2f2f;padding:.5rem;padding-left:1rem;padding-right:1rem;border-radius:16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 5px 15px 0 rgba(0,0,0,.15)}.left-text{font-size:18px;font-weight:500}.right-user{display:flex;align-items:center;gap:10px}.right-user img{width:2rem;height:2rem;border-radius:50%;-o-object-fit:cover;object-fit:cover}.user-name{font-size:16px;font-weight:600;padding-left:.3rem}.butt{height:3rem;background-color:#2f2f2f;padding:8px 12px;border-radius:6px;align-content:center;align-items:center;cursor:pointer}.p-container{display:flex;flex-direction:column;gap:1rem;height:100%;min-height:0;overflow:hidden;position:relative}.player-sec{flex-shrink:0}.edit-sec{flex:1;display:flex;flex-direction:column;min-height:0;margin-bottom:1.5rem;overflow:hidden}.scrollable-content{background-color:#2f2f2f3d;border-radius:16px;flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem;-webkit-overflow-scrolling:touch;min-height:0}.scrollable-content::-webkit-scrollbar{width:8px}.scrollable-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.scrollable-content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.scrollable-content::-webkit-scrollbar-thumb:hover{background:#555}.intro{text-align:center;font-size:1.5rem;margin-top:7rem;margin-bottom:7rem}.icon-text{height:1rem;width:auto;vertical-align:middle}