body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial;margin:0}.login-logo{margin-bottom:25px;width:300px}.modal-button-container{display:flex;justify-content:space-between;margin-top:20px}.modal-overlay{z-index:9999}.modal-content{background-color:#121212;box-shadow:0 0 15px rgba(0,0,0,.3);padding:20px;width:300px}.modal-overlay{align-items:center;background-color:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.modal-content{background-color:#232323;border-radius:5px;width:360px}.modal-content h2{font-weight:400;margin-top:0}.modal-content select{-webkit-appearance:none;appearance:none;background:#333;background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27white%27><path d=%27M7 10l5 5 5-5z%27/></svg>");background-position:right 10px center;background-repeat:no-repeat;border:none;border-radius:4px;color:#fff;font-size:14px;margin-bottom:10px;padding:20px;width:100%}.modal-content button{all:unset;background-color:#3688da;border-radius:40px;height:40px;padding-left:25px;padding-right:25px}.modal-content button:hover{cursor:pointer}.splash-screen{align-items:center;background-color:#000;display:flex;height:100vh;justify-content:center}.link-button{background-color:initial!important;border:1px solid #fff!important}.link-button:hover{background-color:#333!important}.done-button:hover{background-color:#4a9def}@-webkit-keyframes popIn{0%{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes popIn{0%{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.splash-logo{-webkit-animation:popIn .4s cubic-bezier(.175,.885,.32,1.275) forwards;animation:popIn .4s cubic-bezier(.175,.885,.32,1.275) forwards;width:80px}.login-container{flex-direction:column;text-align:center;width:300px}.full-page,.login-container{align-items:center;display:flex}.full-page{background:#000;height:100vh;justify-content:center}.login-container input{background-color:#121212;border:1px solid #121212;border-radius:5px;color:#fff;font-size:14px;margin-bottom:10px;padding:10px;width:100%}.error-message{background-color:#eb3b5a;border-radius:12px;color:#fff;margin-bottom:15px;padding:15px}.login-container *,.login-container :after,.login-container :before{box-sizing:border-box}.login-container button{background-color:#3688da;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px;transition:background-color .3s;width:100%}.login-container button:hover{background-color:#6ea4db}.login-container button:disabled{cursor:not-allowed;opacity:.6}.login-divider{align-items:center;color:#6b6b6b;display:flex;font-size:12px;margin:14px 0;width:100%}.login-divider:after,.login-divider:before{background-color:#2a2a2a;content:"";flex:1 1;height:1px}.login-divider span{letter-spacing:1px;padding:0 10px;text-transform:uppercase}.login-container .social-button{align-items:center;border-radius:5px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;justify-content:center;margin-bottom:10px;padding:10px;transition:background-color .2s,border-color .2s;width:100%}.login-container .google-button{background-color:#fff;border:1px solid #fff;color:#1f1f1f}.login-container .google-button:hover:not(:disabled){background-color:#f1f1f1}.login-container .apple-button{background-color:#000;border:1px solid #2a2a2a;color:#fff}.login-container .apple-button:hover:not(:disabled){background-color:#1a1a1a}.social-icon{flex-shrink:0;height:18px;width:18px}.icon{margin-bottom:20px;margin-top:20px;width:40px}.project-container{background-color:#121212;border-radius:12px;padding:30px;position:relative;width:300px}.project-container,.tracks-container{color:#fff;display:flex;flex-direction:column}.tracks-container{align-items:center;background-color:#000;padding:20px}.tracks-list{height:650px;overflow-y:auto;transition:all .3s ease-in-out;width:100%}.track-item{align-items:center;border-radius:5px;display:flex;padding:10px 0}.track-name.locked{opacity:.5}.track-name.selected{color:#3688da}.track-item:hover{background-color:#232323}.tab-content{margin-top:20px}.tab-icon{display:none}.track-number{margin-right:10px;text-align:right;width:30px}.track-info{display:flex;flex:1 1;flex-direction:column;justify-content:center}.track-name{font-size:16px}.track-duration{color:#777;font-size:14px}.projects-list{align-items:center;background-color:#121212;border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:10px}.project-item{cursor:pointer;position:relative;text-align:center;width:60px}.tooltip{background-color:#333;border-radius:5px;color:#fff;left:110%;margin-left:10px;opacity:0;padding:5px 10px;pointer-events:none;position:absolute;text-align:left;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:opacity .3s ease;white-space:nowrap;z-index:1}.tooltip-title{font-size:16px;font-weight:700;margin-bottom:5px}.tooltip-description{font-size:16px;opacity:.5}.menu-button{color:#fff}.menu-button:hover .tooltip,.project-item:hover .tooltip{opacity:1}.project-item img{border-radius:10px;cursor:pointer;max-width:100%}.album-image{border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.6);height:300px;margin-bottom:20px;width:300px}.mini-album-image{border-radius:5px;height:70px;width:70px}.project-info{align-items:center;box-sizing:border-box;display:flex;flex-grow:1;justify-content:space-between;width:300px}.play-button{background-color:#fff;border:none;cursor:pointer;padding:10px}.artist-circle,.play-button{align-items:center;color:#fff;display:flex;justify-content:center}.artist-circle{background-color:#232323;border-radius:50%;font-size:15px;height:44px;width:44px}.artist-circle:hover{background-color:#333;transition:background-color .3s ease}.play-button:hover{background:#333}.project-name{font-size:22px;font-weight:600;width:200px!important}.mini-project-info{margin-left:15px}.mini-project-name{font-size:15px;font-weight:600}.mini-track-count{font-size:15px;font-weight:200}.track-count{font-size:15px;opacity:.6}.app-container{display:flex;flex:1 1}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.mini-album-art-section{align-items:center;background-color:#121212;border-radius:12px;display:flex;height:90px;margin-bottom:10px;padding-left:15px;padding-right:15px}.projects-section{align-items:center;display:flex;flex-direction:column;padding:10px;width:80px}.album-art-section{align-items:flex-start;background-color:#000;color:#fff;display:flex;flex-direction:column;padding-top:10px}.edit-project-section{flex:1 1;margin-right:10px;overflow-y:auto;padding:10px}.tracks-list.dragging{background:#232323;border-radius:10px;transition:background-color .1s ease}.dropzone-prompt{background:hsla(0,0%,100%,.8);border:1px solid hsla(0,0%,4%,.1);border-radius:20px;box-shadow:0 10px 20px rgba(0,0,0,.1);color:#333;font-size:1.1rem;font-weight:500;left:50%;padding:10px 20px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1}.activity-list{list-style-type:none;margin-top:0;padding-left:0;padding-top:10px;width:360px}.activity-item{background-color:#121212;border-radius:10px;margin-bottom:10px;padding:10px}.activity-item,.header{align-items:center;display:flex}.header{background-color:rgba(0,0,0,.8);height:60px;justify-content:center;position:fixed;top:0;width:100%;z-index:1000}.chevron-button{background-color:initial;border:none;color:#fff;cursor:pointer;font-size:22px;left:30px;position:absolute}.now-playing{color:#fff;font-size:18px;font-weight:600}.expanded-player{align-items:center;background-color:#121212;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:999}.expanded-content{align-items:flex-start;display:flex;flex-direction:column;text-align:left}.expanded-album-art{margin-bottom:30px;max-height:300px}.expanded-track-name{font-size:25px;font-weight:700}.expanded-track-info{font-size:20px;font-weight:600;opacity:.7}.expanded-player .close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:20px;position:absolute;right:10px;top:10px}.activity-profile-pic{align-items:center;background-color:#232323;border-radius:50%;display:flex;height:40px;justify-content:center;margin-right:10px;width:40px}.activity-text{word-wrap:break-word;flex:1 1}.tab-bar{background-color:#121212;border-radius:15px;display:flex;height:40px;justify-content:space-around;padding:10px 0}.tab-bar button{align-items:center;background-color:initial;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:10px 20px;transition:background-color .3s ease;width:15%}.tab-bar button:hover{background-color:#555}.tab-bar button.active{background-color:#3688da}.player{align-items:center;background-color:#121212;bottom:0;box-shadow:0 -4px 10px rgba(0,0,0,.1);color:#fff;display:flex;height:80px;left:0;padding:0 20px;position:fixed;width:100%}.play-pause{background-color:clear;border:none;border-radius:50%;color:#000;height:35px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:35px}.bigger-controls{font-size:30px;height:80px;width:80px}.play-pause:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.player-left{align-items:center;display:flex}.player-art{border-radius:8px;height:50px;margin-right:10px;width:50px}.player-info{display:flex;flex-direction:column;margin-left:70px;position:absolute}.expanded-player-header{top:0}.player-info .track-name{font-size:18px}.player-info .artist-name{font-size:14px;opacity:.7}.expanded-player,.player{transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out}.expanded-player{-webkit-transform:translateY(100%);transform:translateY(100%)}.player-container.expanded .expanded-player{-webkit-transform:translateY(0);transform:translateY(0)}.player-center{flex:1 1;flex-direction:column;position:relative}.player-center,.scrub-bar{align-items:center;display:flex}.scrub-bar{width:40%}.expanded-scrub-bar{align-items:center;display:flex;margin-top:25px;width:300px}.scrub-bar-controls{background-color:#555;border-radius:12px;height:4.5px;position:relative;width:100%}.progress{background-color:#fff;border-radius:12px;height:100%}.seeker{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;height:2px;left:0;position:absolute;top:0;width:100%}.seeker::-webkit-slider-runnable-track{margin-left:-6.5px}.seeker::-moz-range-track{margin-left:-6.5px}.seeker::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:13px;margin-top:-4px;width:13px}.time-label{color:#fff;font-size:12px;margin:0 5px;opacity:.6}.seeker::-moz-range-thumb{background:#fff;border-radius:50%;cursor:pointer;height:16px;width:16px}.project-play-btn{background-color:#3688da;border:none;border-radius:50%;cursor:pointer;font-size:18px;height:50px;padding-right:5px;padding-top:3.75px;transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;width:50px}.project-share-btn{all:unset;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;height:35px;margin-right:10px;text-align:center;transition:background-color .3s ease;width:35px}.project-share-btn:hover{background-color:#232323}.project-play-btn:focus,.project-play-btn:hover{box-shadow:0 0 15px 5px rgba(54,136,218,.1)}.project-play-btn:hover{background-color:#4a9def;-webkit-transform:scale(1.05);transform:scale(1.05)}.controls{gap:20px;margin-top:10px}.controls,.expanded-controls{align-items:center;display:flex}.expanded-controls{font-size:35px;gap:50px;margin-top:50px}.menu-bar{background-color:#121212;border-radius:12px;display:flex;flex-direction:column;gap:10px;margin-bottom:20px;padding:10px}.menu-button{background:none;border:none;cursor:pointer;font-size:20px;height:50px;position:relative;width:60px}.menu-button,.popup{align-items:center;display:flex;justify-content:center}.popup{background:rgba(0,0,0,.5);height:100%;left:0;opacity:1;position:fixed;top:0;transition:opacity .2 ease-out;width:100%;z-index:9999}.popup.active{opacity:1;visibility:visible}.popup-content{background:#232323;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2);max-width:400px;padding:20px;width:80%}.popup-content ul{list-style-type:none;margin:0;padding:0}.close{cursor:pointer;position:absolute;right:10px;top:10px}.artist-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;padding:10px;transition:background .3s}.artist-item:hover{background:#151515}.artist-circle-2{align-items:center;background-color:#3d3d3d;border-radius:50%;display:flex;font-size:15px;height:44px;justify-content:center;margin-right:10px;width:44px}.artist-name{font-size:16px}@media only screen and (max-width:767px){.player-center{display:none}.tab-icon{display:inline-block}.tab-text{display:none}}:root{--bg:#050505;--bg-1:#0a0a0a;--bg-2:#121212;--bg-3:#1a1a1a;--bg-4:#232323;--line:#1f1f1f;--text:#fff;--text-2:#aaa;--text-3:#6a6a6a;--accent:#4d9feb;--accent-hover:#6cb4ef;--purple:#7c3aed;--share:#34d399}.app-shell{background-color:#050505;background-color:var(--bg);color:#fff;color:var(--text);display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-shell.theme-light{--bg:#f5f5f5;--bg-1:#fff;--bg-2:#f0f0f0;--bg-3:#e6e6e6;--bg-4:#dcdcdc;--line:#d8d8d8;--text:#111;--text-2:#555;--text-3:#888}.top-bar{align-items:center;background-color:#050505;background-color:var(--bg);border-bottom:1px solid #1f1f1f;border-bottom:1px solid var(--line);display:flex;flex-shrink:0;gap:16px;height:56px;padding:0 16px}.top-bar-left,.top-bar-right{align-items:center;display:flex;gap:8px}.top-bar-search{display:flex;flex:1 1;justify-content:center;position:relative}.search-field{align-items:center;background-color:#121212;background-color:var(--bg-2);border:1px solid #1f1f1f;border:1px solid var(--line);border-radius:10px;display:flex;gap:10px;height:36px;max-width:540px;padding:0 12px;transition:border-color .15s,background-color .15s;width:100%}.search-field.open,.search-field:focus-within{background-color:#1a1a1a;background-color:var(--bg-3);border-color:#232323;border-color:var(--bg-4)}.search-field-icon{color:#6a6a6a;color:var(--text-3);font-size:13px}.search-field input{background:transparent;border:none;color:#fff;color:var(--text);flex:1 1;font-size:14px;outline:none}.search-field input::-webkit-input-placeholder{color:#6a6a6a;color:var(--text-3)}.search-field input::placeholder{color:#6a6a6a;color:var(--text-3)}.kbd{background:#050505;background:var(--bg);border:1px solid #1f1f1f;border:1px solid var(--line);border-radius:4px;color:#6a6a6a;color:var(--text-3);font-family:inherit;font-size:12px;padding:1px 6px}.search-dropdown{background-color:#121212;background-color:var(--bg-2);border:1px solid #1f1f1f;border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.5);left:50%;max-height:360px;max-width:540px;overflow:hidden;overflow-y:auto;position:absolute;top:calc(100% + 6px);-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;z-index:50}.search-dropdown-row{border-bottom:1px solid #1f1f1f;border-bottom:1px solid var(--line);cursor:pointer;padding:10px 14px}.search-dropdown-row:last-child{border-bottom:none}.search-dropdown-row:hover{background-color:#1a1a1a;background-color:var(--bg-3)}.search-dropdown-title{color:#fff;color:var(--text);font-size:14px}.search-dropdown-info{color:#6a6a6a;color:var(--text-3);font-size:12px;margin-top:2px}.search-status{color:#6a6a6a;color:var(--text-3);font-size:13px;padding:14px;text-align:center}.icon-btn{align-items:center;background:transparent;border:none;border-radius:8px;color:#aaa;color:var(--text-2);cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;transition:background-color .15s,color .15s;width:36px}.icon-btn:hover{background-color:#121212;background-color:var(--bg-2);color:#fff;color:var(--text)}.artist-switcher{align-items:center;background:transparent;border:none;border-radius:8px;color:#fff;color:var(--text);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;height:36px;padding:0 12px;transition:background-color .15s}.artist-switcher:hover{background-color:#121212;background-color:var(--bg-2)}.artist-switcher .chev{color:#6a6a6a;color:var(--text-3);font-size:11px}.avatar-btn{background:linear-gradient(135deg,#ff8a65,#ff5252);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:11px;font-weight:700;height:32px;margin-left:4px;width:32px}.app-body{display:flex;flex:1 1;min-height:0}.sidebar{background-color:#050505;background-color:var(--bg);border-right:1px solid #1f1f1f;border-right:1px solid var(--line);flex-shrink:0;justify-content:space-between;padding:14px 0;width:64px}.sidebar,.sidebar-bottom,.sidebar-top{align-items:center;display:flex;flex-direction:column}.sidebar-bottom,.sidebar-top{gap:8px}.sidebar-btn{align-items:center;background:transparent;border:none;border-radius:10px;color:#aaa;color:var(--text-2);cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:background-color .15s,color .15s;width:40px}.sidebar-btn:hover{background-color:#121212;background-color:var(--bg-2);color:#fff;color:var(--text)}.sidebar-btn.active{background-color:#1a1a1a;background-color:var(--bg-3);color:#fff;color:var(--text)}.sidebar-create{align-items:center;background:#121212;background:var(--bg-2);border:1px solid #232323;border:1px solid var(--bg-4);border-radius:50%;color:#fff;color:var(--text);cursor:pointer;display:flex;font-size:14px;height:44px;justify-content:center;margin:4px 0;transition:background-color .15s,-webkit-transform .1s;transition:background-color .15s,transform .1s;transition:background-color .15s,transform .1s,-webkit-transform .1s;width:44px}.sidebar-create:hover{background-color:#1a1a1a;background-color:var(--bg-3);-webkit-transform:scale(1.05);transform:scale(1.05)}.app-main{display:flex;flex:1 1;flex-direction:column;gap:18px;min-width:0;overflow-y:auto;padding:18px 24px 24px}.app-main-top{align-items:center;display:flex;flex-shrink:0}.filter-chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background-color:#1a1a1a;background-color:var(--bg-3);border:none;border-radius:999px;color:#aaa;color:var(--text-2);cursor:pointer;font-size:13px;font-weight:500;height:32px;padding:0 14px;transition:background-color .15s,color .15s}.chip:hover{color:#fff;color:var(--text)}.chip.active{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff}.app-main-grid{flex-shrink:0}.project-grid{display:flex;gap:18px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.project-grid::-webkit-scrollbar{height:8px}.project-grid::-webkit-scrollbar-thumb{background:#1a1a1a;background:var(--bg-3);border-radius:4px}.project-grid.empty{color:#6a6a6a;color:var(--text-3);font-size:14px;padding:24px}.project-card{background:transparent;border:none;cursor:pointer;flex:0 0 auto;padding:0}.project-card-art{border-radius:14px;height:280px;overflow:hidden;position:relative;transition:box-shadow .15s,-webkit-transform .15s;transition:transform .15s,box-shadow .15s;transition:transform .15s,box-shadow .15s,-webkit-transform .15s;width:280px}.project-card:hover .project-card-art{box-shadow:0 12px 30px rgba(0,0,0,.5);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.project-card.active .project-card-art{box-shadow:0 0 0 2px #4d9feb;box-shadow:0 0 0 2px var(--accent)}.project-card-title{bottom:16px;color:#fff;font-size:22px;font-weight:800;left:18px;letter-spacing:.5px;position:absolute;right:18px;text-align:left;text-shadow:0 1px 2px rgba(0,0,0,.25);word-break:break-word}.project-card-play{background:hsla(0,0%,100%,.92);border:none;border-radius:50%;color:#4d9feb;color:var(--accent);cursor:pointer;font-size:13px;height:36px;opacity:0;position:absolute;right:14px;top:14px;-webkit-transform:translateY(-4px);transform:translateY(-4px);transition:opacity .15s,-webkit-transform .15s;transition:opacity .15s,transform .15s;transition:opacity .15s,transform .15s,-webkit-transform .15s;width:36px}.project-card:hover .project-card-play{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.gradient-thumb{background-color:#1a1a1a;background-color:var(--bg-3);background-position:50%;background-size:cover}.project-detail{display:flex;flex:1 1;flex-direction:column;gap:14px;min-height:0}.project-detail.empty{color:#6a6a6a;color:var(--text-3);font-size:15px;padding:60px 20px;text-align:center}.project-detail-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.project-detail-title{font-size:36px;font-weight:800;letter-spacing:-.5px;margin:0}.project-detail-meta{color:#6a6a6a;color:var(--text-3);font-size:13px;margin-top:4px}.project-detail-actions{align-items:center;display:flex;gap:8px}.action-btn{align-items:center;background:#1a1a1a;background:var(--bg-3);border:none;border-radius:10px;color:#fff;color:var(--text);cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:center;transition:background-color .15s,-webkit-transform .1s;transition:background-color .15s,transform .1s;transition:background-color .15s,transform .1s,-webkit-transform .1s;width:40px}.action-btn:hover{background-color:#232323;background-color:var(--bg-4)}.action-btn.primary{background:#4d9feb;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px rgba(77,159,235,.15);color:#fff;height:48px;width:48px}.action-btn.primary:hover{background-color:#6cb4ef;background-color:var(--accent-hover)}.content-tabs{display:flex;gap:6px;margin-top:6px}.content-tab{align-items:center;background:#1a1a1a;background:var(--bg-3);border:none;border-radius:8px;color:#6a6a6a;color:var(--text-3);cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;transition:background-color .15s,color .15s;width:40px}.content-tab:hover{color:#fff;color:var(--text)}.content-tab.active{background-color:rgba(77,159,235,.15);color:#4d9feb;color:var(--accent)}.content-pane{flex:1 1;min-height:0;overflow-y:auto}.content-empty{color:#6a6a6a;color:var(--text-3);font-size:14px;padding:40px 20px;text-align:center}.track-rows{display:flex;flex-direction:column;gap:2px;list-style:none;margin:0;padding:0}.track-empty{color:#6a6a6a;color:var(--text-3);padding:30px 10px;text-align:center}.track-row{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:16px;padding:10px 12px;transition:background-color .15s}.track-row:hover{background-color:#121212;background-color:var(--bg-2)}.track-row.active{background-color:rgba(77,159,235,.12)}.track-row.locked{cursor:not-allowed;opacity:.4}.track-row-num{color:#6a6a6a;color:var(--text-3);font-size:13px;text-align:center;width:24px}.track-row-main{flex:1 1;min-width:0}.track-row-name{color:#fff;color:var(--text);font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-row.active .track-row-name{color:#6cb4ef;color:var(--accent-hover)}.track-row-sub{align-items:center;color:#6a6a6a;color:var(--text-3);display:flex;font-size:12px;gap:6px;margin-top:3px}.track-row-cloud{font-size:11px}.track-row-wave{flex:1 1;height:24px;min-width:0}.waveform{display:block;height:100%;width:100%}.track-row-more{background:transparent;border:none;border-radius:8px;color:#6a6a6a;color:var(--text-3);cursor:pointer;height:32px;width:32px}.track-row-more:hover{background-color:#1a1a1a;background-color:var(--bg-3);color:#fff;color:var(--text)}.activity-panel{background-color:#050505;background-color:var(--bg);border-left:1px solid #1f1f1f;border-left:1px solid var(--line);flex-shrink:0;overflow-y:auto;padding:18px 20px 24px;width:340px}.activity-panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.activity-panel-header h2{font-size:22px;font-weight:800;margin:0}.activity-filter{background:transparent;border:none;color:#6a6a6a;color:var(--text-3);cursor:pointer;font-size:12px}.activity-filter:hover{color:#fff;color:var(--text)}.activity-panel-section-label{color:#6a6a6a;color:var(--text-3);font-size:11px;letter-spacing:1px;margin-bottom:14px}.activity-empty{color:#6a6a6a;color:var(--text-3);font-size:13px;padding:10px 0}.activity-row{grid-gap:10px;align-items:start;display:grid;gap:10px;grid-template-columns:24px 28px 1fr;margin-bottom:18px}.activity-row-icon{align-items:center;border-radius:6px;color:#fff;display:flex;font-size:11px;height:24px;justify-content:center;width:24px}.activity-row-icon.share{background:rgba(52,211,153,.18);color:#34d399}.activity-row-icon.comment{background:rgba(167,139,250,.18);color:#c4b5fd}.activity-row-icon.general{background:#1a1a1a;background:var(--bg-3);color:#aaa;color:var(--text-2)}.activity-row-avatar{align-items:center;background:linear-gradient(135deg,#ff8a65,#ff5252);border-radius:6px;color:#fff;display:flex;font-size:10px;font-weight:700;height:28px;justify-content:center;width:28px}.activity-row-line{align-items:baseline;display:flex;gap:8px;justify-content:space-between}.activity-row-name{color:#fff;color:var(--text);font-size:13px;font-weight:600}.activity-row-time{color:#6a6a6a;color:var(--text-3);font-size:11px}.activity-row-text{color:#aaa;color:var(--text-2);font-size:12px;line-height:1.45;margin-top:2px}.player-bar{grid-gap:16px;align-items:center;background-color:#050505;background-color:var(--bg);border-top:1px solid #1f1f1f;border-top:1px solid var(--line);display:grid;flex-shrink:0;gap:16px;grid-template-columns:1fr 2fr 1fr;height:76px;padding:0 18px}.player-bar.empty{color:#6a6a6a;color:var(--text-3);font-size:13px;grid-template-columns:1fr;justify-items:center}.player-bar-left{align-items:center;background:transparent;border:none;border-radius:8px;color:inherit;cursor:pointer;display:flex;gap:12px;min-width:0;padding:0;text-align:left;transition:background-color .15s}.player-bar-left:hover{background-color:#121212;background-color:var(--bg-2)}.player-bar-art{border-radius:8px;flex-shrink:0;height:48px;width:48px}.player-bar-info{min-width:0}.player-bar-track{color:#fff;color:var(--text);font-size:14px;font-weight:600}.player-bar-project,.player-bar-track{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-bar-project{color:#6a6a6a;color:var(--text-3);font-size:12px}.player-bar-center{align-items:center;display:flex;gap:12px}.player-bar-time{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";color:#6a6a6a;color:var(--text-3);font-size:12px;font-variant-numeric:tabular-nums;text-align:center;width:40px}.player-bar-seek{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;flex:1 1;height:4px}.player-bar-seek::-webkit-slider-runnable-track{background:linear-gradient(90deg,#4d9feb 0,#4d9feb 0,#1a1a1a 0,#1a1a1a);background:linear-gradient(to right,var(--accent) 0,var(--accent) var(--progress,0),var(--bg-3) var(--progress,0),var(--bg-3) 100%);border-radius:2px;height:4px}.player-bar-seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4d9feb;background:var(--accent);border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 4px rgba(77,159,235,.15);height:12px;margin-top:-4px;width:12px}.player-bar-right{align-items:center;display:flex;gap:6px;justify-content:flex-end}.player-icon{background:transparent;border:none;border-radius:50%;color:#aaa;color:var(--text-2);cursor:pointer;font-size:13px;height:32px;width:32px}.player-icon:hover{color:#fff;color:var(--text)}.player-play{background:#4d9feb;background:var(--accent);border:none;border-radius:50%;box-shadow:0 0 0 4px rgba(77,159,235,.15);color:#fff;cursor:pointer;font-size:13px;height:40px;margin:0 4px;width:40px}.player-play:hover{background:#6cb4ef;background:var(--accent-hover)}.player-bar-vol{-webkit-appearance:none;appearance:none;background:#1a1a1a;background:var(--bg-3);border-radius:2px;cursor:pointer;height:4px;margin-left:6px;width:80px}.player-bar-vol::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#aaa;background:var(--text-2);border-radius:50%;height:10px;width:10px}@media (max-width:1100px){.activity-panel{display:none}}@media (max-width:760px){.player-bar{grid-template-columns:1fr 1fr}.player-bar-center{display:none}.sidebar{width:56px}}.app-body.three-pane{display:grid;flex:1 1;grid-template-columns:minmax(220px,280px) minmax(260px,380px) minmax(0,1fr);min-height:0}.app-body.three-pane>*{min-width:0}.left-panel{background-color:#050505;background-color:var(--bg);border-right:1px solid #1f1f1f;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:14px;min-height:0;overflow:hidden;padding:14px 12px 0}.workspace-card{align-items:center;background:transparent;border:1px solid #1f1f1f;border:1px solid var(--line);border-radius:10px;color:#fff;color:var(--text);cursor:pointer;display:flex;gap:10px;padding:8px 10px;text-align:left;transition:background-color .15s,border-color .15s}.workspace-card:hover{background-color:#121212;background-color:var(--bg-2)}.workspace-avatar{align-items:center;background:linear-gradient(135deg,#ff8a65,#ff5252);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:32px;justify-content:center;width:32px}.workspace-text{flex:1 1;min-width:0}.workspace-name{color:#fff;color:var(--text);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-chev,.workspace-sub{color:#6a6a6a;color:var(--text-3);font-size:11px}.left-search{align-items:center;background-color:#121212;background-color:var(--bg-2);border:1px solid #1f1f1f;border:1px solid var(--line);border-radius:8px;display:flex;gap:8px;height:34px;padding:0 10px}.left-search-icon{color:#6a6a6a;color:var(--text-3);font-size:12px}.left-search input{background:transparent;border:none;color:#fff;color:var(--text);flex:1 1;font-size:13px;outline:none}.left-search input::-webkit-input-placeholder{color:#6a6a6a;color:var(--text-3)}.left-search input::placeholder{color:#6a6a6a;color:var(--text-3)}.left-nav{display:flex;flex-direction:column;gap:2px}.left-nav-row{align-items:center;background:transparent;border:none;border-radius:8px;color:#aaa;color:var(--text-2);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:8px 10px;text-align:left;transition:background-color .15s,color .15s;width:100%}.left-nav-row:hover{background-color:#121212;background-color:var(--bg-2);color:#fff;color:var(--text)}.left-nav-row.active{background-color:#1a1a1a;background-color:var(--bg-3);color:#fff;color:var(--text)}.left-nav-icon{color:#6a6a6a;color:var(--text-3);font-size:13px;width:14px}.left-nav-row.active .left-nav-icon{color:#fff;color:var(--text)}.left-nav-label{flex:1 1}.left-nav-count{color:#6a6a6a;color:var(--text-3);font-size:12px}.left-section-header{align-items:center;display:flex;justify-content:space-between;letter-spacing:1px;margin-top:8px;padding:0 10px}.left-section-add,.left-section-header{color:#6a6a6a;color:var(--text-3);font-size:11px}.left-section-add{background:transparent;border:none;border-radius:6px;cursor:pointer;height:22px;width:22px}.left-section-add:hover{background-color:#121212;background-color:var(--bg-2);color:#fff;color:var(--text)}.left-projects{display:flex;flex:1 1;flex-direction:column;gap:1px;overflow-y:auto;padding-bottom:8px}.left-project-row{align-items:center;background:transparent;border:none;border-radius:8px;color:#aaa;color:var(--text-2);cursor:pointer;display:flex;gap:10px;padding:7px 10px;text-align:left;transition:background-color .15s,color .15s;width:100%}.left-project-row:hover{background-color:#121212;background-color:var(--bg-2);color:#fff;color:var(--text)}.left-project-row.active{background-color:#1a1a1a;background-color:var(--bg-3);color:#fff;color:var(--text)}.left-project-thumb{border-radius:6px;flex-shrink:0;height:24px;width:24px}.left-project-name{flex:1 1;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.left-project-count{font-size:12px}.left-empty,.left-project-count{color:#6a6a6a;color:var(--text-3)}.left-empty{font-size:13px;padding:12px 10px;text-align:left}.search-results-list{display:flex;flex:1 1;flex-direction:column;gap:1px;overflow-y:auto}.left-search-row{background:transparent;border:none;border-radius:8px;color:#fff;color:var(--text);cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:8px 10px;text-align:left}.left-search-row:hover{background-color:#121212;background-color:var(--bg-2)}.left-search-row-title{color:#fff;color:var(--text);font-size:13px}.left-search-row-info{color:#6a6a6a;color:var(--text-3);font-size:11px}.left-settings{align-items:center;background:transparent;border:none;border-top:1px solid #1f1f1f;border-top:1px solid var(--line);color:#aaa;color:var(--text-2);cursor:pointer;display:flex;font-size:13px;gap:10px;margin:0 -12px;padding:10px;text-align:left;transition:color .15s,background-color .15s}.left-settings:hover{background-color:#121212;background-color:var(--bg-2);color:#fff;color:var(--text)}.left-settings-icon{color:#6a6a6a;color:var(--text-3)}.middle-panel{display:flex;flex-direction:column;gap:18px;min-height:0;overflow:hidden;padding:18px}.middle-panel,.middle-panel.empty{border-right:1px solid #1f1f1f;border-right:1px solid var(--line)}.middle-panel.empty{color:#6a6a6a;color:var(--text-3);padding-top:60px;text-align:center}.middle-art{aspect-ratio:1/1;border-radius:14px;flex-shrink:0;overflow:hidden;position:relative;width:100%}.middle-art-title{bottom:16px;color:#fff;font-size:28px;font-weight:800;left:18px;letter-spacing:.5px;position:absolute;text-shadow:0 1px 2px rgba(0,0,0,.25)}.middle-info{align-items:flex-start;display:flex;flex-shrink:0;gap:12px;justify-content:space-between}.middle-info-text{flex:1 1;min-width:0}.middle-title{font-size:26px;font-weight:800;letter-spacing:-.3px;margin:0;overflow:visible;text-overflow:clip}.middle-meta{color:#6a6a6a;color:var(--text-3);font-size:12px;margin-top:4px}.middle-actions{align-items:center;display:flex;gap:8px}.middle-activity{display:flex;flex:1 1;flex-direction:column;gap:12px;margin-top:4px;min-height:0;overflow-y:auto;overscroll-behavior:contain}.middle-activity::-webkit-scrollbar{width:8px}.middle-activity::-webkit-scrollbar-thumb{background:#1a1a1a;background:var(--bg-3);border-radius:4px}.middle-activity::-webkit-scrollbar-thumb:hover{background:#232323;background:var(--bg-4)}.middle-activity-header{align-items:center;background:#050505;background:var(--bg);color:#6a6a6a;color:var(--text-3);display:flex;font-size:11px;justify-content:space-between;letter-spacing:1px;padding-bottom:4px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.middle-activity-seeall{background:transparent;border:none;color:#4d9feb;color:var(--accent);cursor:pointer;font-size:11px;letter-spacing:0}.middle-empty{color:#6a6a6a;color:var(--text-3);font-size:13px}.middle-activity-row{grid-gap:10px;align-items:start;display:grid;gap:10px;grid-template-columns:22px 26px 1fr}.middle-activity-icon{align-items:center;border-radius:6px;color:#fff;display:flex;font-size:10px;height:22px;justify-content:center;width:22px}.middle-activity-icon.share{background:rgba(52,211,153,.18);color:#34d399}.middle-activity-icon.comment{background:rgba(167,139,250,.18);color:#c4b5fd}.middle-activity-avatar{align-items:center;background:linear-gradient(135deg,#ff8a65,#ff5252);border-radius:6px;color:#fff;display:flex;font-size:10px;font-weight:700;height:26px;justify-content:center;width:26px}.middle-activity-line{align-items:baseline;display:flex;gap:6px}.middle-activity-name{color:#fff;color:var(--text);font-size:12px;font-weight:600}.middle-activity-time{color:#6a6a6a;color:var(--text-3);font-size:11px;margin-left:auto}.middle-activity-text{color:#aaa;color:var(--text-2);font-size:12px;line-height:1.45;margin-top:2px}.middle-activity-skeleton{display:flex;flex-direction:column;gap:6px;margin-top:6px}.skeleton-line{-webkit-animation:shimmer 1.3s ease-in-out infinite;animation:shimmer 1.3s ease-in-out infinite;background:linear-gradient(90deg,#121212,#232323 50%,#121212);background:linear-gradient(90deg,var(--bg-2) 0,var(--bg-4) 50%,var(--bg-2) 100%);background-size:200% 100%;border-radius:4px;display:block;height:9px}.skeleton-line.short{width:60%}@-webkit-keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.right-panel{display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:18px 22px}.right-header-art{border-radius:10px;display:none;flex-shrink:0;height:56px;margin-right:14px;width:56px}.right-panel.empty{color:#6a6a6a;color:var(--text-3);padding:60px;text-align:center}.right-header{align-items:flex-end;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px;min-width:0}.right-header-text{flex:1 1;min-width:0}.right-header-title{min-width:0;overflow:visible}.right-header-eyebrow{color:#6a6a6a;color:var(--text-3);font-size:11px;letter-spacing:1px;margin-bottom:4px}.right-header-title{font-size:22px;font-weight:800;letter-spacing:-.3px;margin:0}.right-header-actions{align-items:center;display:flex;gap:8px}.icon-pill{background:#121212;background:var(--bg-2);border:1px solid #1f1f1f;border:1px solid var(--line);border-radius:10px;color:#aaa;color:var(--text-2);cursor:pointer;font-size:13px;height:36px;width:36px}.icon-pill:hover{background:#1a1a1a;background:var(--bg-3);color:#fff;color:var(--text)}.add-btn{align-items:center;background:#4d9feb;background:var(--accent);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;height:36px;padding:0 14px}.add-btn:hover{background:#6cb4ef;background:var(--accent-hover)}.right-table{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-y:auto}.right-table-head,.right-track-row{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:40px minmax(0,1fr) 80px 36px;min-width:0}.right-table{min-width:0}.right-table-head{border-bottom:1px solid #1f1f1f;border-bottom:1px solid var(--line);color:#6a6a6a;color:var(--text-3);flex-shrink:0;font-size:11px;letter-spacing:1px;padding:0 12px 8px}.right-table-head .col-num{text-align:left}.right-track-row{background:transparent;border:none;border-radius:8px;color:#fff;color:var(--text);cursor:pointer;padding:10px 12px;text-align:left;transition:background-color .15s}.right-track-row:hover{background-color:#121212;background-color:var(--bg-2)}.right-track-row.active{background-color:rgba(77,159,235,.12)}.right-track-row.active .track-title-name{color:#6cb4ef;color:var(--accent-hover)}.right-track-row.locked{cursor:not-allowed;opacity:.4}.col-num{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";color:#6a6a6a;color:var(--text-3);font-size:13px;font-variant-numeric:tabular-nums}.col-title{min-width:0}.col-updated{font-size:12px}.col-length,.col-updated{color:#6a6a6a;color:var(--text-3)}.col-length{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";font-size:13px;font-variant-numeric:tabular-nums}.col-more{display:flex;justify-content:flex-end}.track-title-name{color:#fff;color:var(--text);font-size:14px;font-weight:500;overflow:visible;text-overflow:clip;white-space:nowrap}.track-title-sub{align-items:center;display:flex;font-size:11px;gap:5px;margin-top:2px}.track-more,.track-title-sub{color:#6a6a6a;color:var(--text-3)}.track-more{border-radius:6px;font-size:13px;padding:6px 8px}.track-more:hover{background-color:#1a1a1a;background-color:var(--bg-3);color:#fff;color:var(--text)}.right-empty{color:#6a6a6a;color:var(--text-3);font-size:14px;padding:40px 20px;text-align:center}@media (max-width:1280px){.app-body.three-pane{grid-template-columns:minmax(200px,240px) minmax(240px,320px) minmax(0,1fr)}}@media (max-width:980px){.app-body.three-pane{grid-template-columns:minmax(200px,240px) minmax(0,1fr)}.middle-panel{display:none}.right-header{align-items:center;display:flex;gap:14px}.right-header-art{display:block;height:64px;margin-right:0;width:64px}.right-header-text{flex:1 1;min-width:0}}@media (max-width:720px){.right-table-head,.right-track-row{grid-template-columns:32px minmax(0,1fr) 64px 28px}.right-panel{padding:14px}.add-btn span{display:none}.add-btn{padding:0 10px}}.mobile-menu-backdrop,.mobile-menu-btn{display:none}.player-expanded{-webkit-animation:slideUp .28s cubic-bezier(.2,.7,.2,1);animation:slideUp .28s cubic-bezier(.2,.7,.2,1);background:#050505;background:var(--bg);display:flex;flex-direction:column;inset:0;overflow-y:auto;padding:max(env(safe-area-inset-top,16px),16px) 24px max(env(safe-area-inset-bottom,24px),24px);position:fixed;z-index:200}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.player-expanded-header{align-items:center;display:grid;grid-template-columns:40px 1fr 40px;margin-bottom:12px}.player-expanded-close{align-items:center;background:#121212;background:var(--bg-2);border:none;border-radius:50%;color:#fff;color:var(--text);cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:center;transition:background-color .15s;width:40px}.player-expanded-close:hover{background:#1a1a1a;background:var(--bg-3)}.player-expanded-eyebrow{color:#6a6a6a;color:var(--text-3);font-size:11px;letter-spacing:1.5px;text-align:center}.player-expanded-art{aspect-ratio:1/1;border-radius:16px;flex-shrink:0;margin:24px auto 32px;max-width:360px;width:100%}.player-expanded-info{margin:0 auto 28px;max-width:360px;text-align:center}.player-expanded-track{font-size:22px;font-weight:700}.player-expanded-project,.player-expanded-track{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-expanded-project{color:#6a6a6a;color:var(--text-3);font-size:14px;margin-top:4px}.player-expanded-scrubber{margin:0 auto 28px;max-width:480px;width:100%}.expanded-seek{height:24px;width:100%}.expanded-seek::-webkit-slider-thumb{height:16px;margin-top:-6px;width:16px}.player-expanded-times{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";color:#6a6a6a;color:var(--text-3);display:flex;font-size:12px;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:8px}.player-expanded-controls{align-items:center;display:flex;gap:32px;justify-content:center;margin-bottom:12px}.player-expanded-icon{background:transparent;border:none;border-radius:50%;color:#fff;color:var(--text);cursor:pointer;font-size:22px;height:56px;transition:background-color .15s;width:56px}.player-expanded-icon:hover{background:#121212;background:var(--bg-2)}.player-expanded-play{background:#4d9feb;background:var(--accent);border:none;border-radius:50%;box-shadow:0 0 0 6px rgba(77,159,235,.18);color:#fff;cursor:pointer;font-size:24px;height:72px;transition:background-color .15s,-webkit-transform .1s;transition:background-color .15s,transform .1s;transition:background-color .15s,transform .1s,-webkit-transform .1s;width:72px}.player-expanded-play:hover{background:#6cb4ef;background:var(--accent-hover)}.player-expanded-play:active{-webkit-transform:scale(.97);transform:scale(.97)}@media (max-width:600px){.app-body.three-pane{grid-template-columns:minmax(0,1fr)}.left-panel{bottom:0;box-shadow:0 0 30px rgba(0,0,0,.5);left:0;max-width:80vw;position:fixed;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:-webkit-transform .22s cubic-bezier(.2,.7,.2,1);transition:transform .22s cubic-bezier(.2,.7,.2,1);transition:transform .22s cubic-bezier(.2,.7,.2,1),-webkit-transform .22s cubic-bezier(.2,.7,.2,1);width:280px;z-index:50}.app-shell.mobile-menu-open .left-panel{-webkit-transform:translateX(0);transform:translateX(0)}.mobile-menu-backdrop{background-color:rgba(0,0,0,.5);display:block;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s ease;z-index:40}.app-shell.mobile-menu-open .mobile-menu-backdrop{opacity:1;pointer-events:auto}.mobile-menu-btn{align-items:center;background:#121212;background:var(--bg-2);border:1px solid #1f1f1f;border:1px solid var(--line);border-radius:10px;color:#fff;color:var(--text);cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;width:40px}.mobile-menu-btn:hover{background:#1a1a1a;background:var(--bg-3)}}@-webkit-keyframes fadeUp{0%{opacity:0;-webkit-transform:translate3d(0,6px,0);transform:translate3d(0,6px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeUp{0%{opacity:0;-webkit-transform:translate3d(0,6px,0);transform:translate3d(0,6px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes artIn{0%{opacity:0;-webkit-transform:scale(.985);transform:scale(.985)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes artIn{0%{opacity:0;-webkit-transform:scale(.985);transform:scale(.985)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.middle-art{-webkit-animation:artIn .36s cubic-bezier(.2,.7,.2,1) both;animation:artIn .36s cubic-bezier(.2,.7,.2,1) both;will-change:transform,opacity}.middle-info{-webkit-animation:fadeUp .32s cubic-bezier(.2,.7,.2,1) both;animation:fadeUp .32s cubic-bezier(.2,.7,.2,1) both;-webkit-animation-delay:60ms;animation-delay:60ms}.middle-activity-header{-webkit-animation:fadeUp .32s cubic-bezier(.2,.7,.2,1) both;animation:fadeUp .32s cubic-bezier(.2,.7,.2,1) both;-webkit-animation-delay:.12s;animation-delay:.12s}.middle-empty{-webkit-animation:fadeIn .24s ease both;animation:fadeIn .24s ease both;-webkit-animation-delay:.14s;animation-delay:.14s}.middle-activity-list .middle-activity-row{-webkit-animation:fadeUp .32s cubic-bezier(.2,.7,.2,1) both;animation:fadeUp .32s cubic-bezier(.2,.7,.2,1) both}.middle-activity-list .middle-activity-row:first-child{-webkit-animation-delay:.14s;animation-delay:.14s}.middle-activity-list .middle-activity-row:nth-child(2){-webkit-animation-delay:.18s;animation-delay:.18s}.middle-activity-list .middle-activity-row:nth-child(3){-webkit-animation-delay:.22s;animation-delay:.22s}.middle-activity-list .middle-activity-row:nth-child(4){-webkit-animation-delay:.26s;animation-delay:.26s}.middle-activity-list .middle-activity-row:nth-child(5){-webkit-animation-delay:.3s;animation-delay:.3s}.middle-activity-list .middle-activity-row:nth-child(6){-webkit-animation-delay:.34s;animation-delay:.34s}.middle-activity-list .middle-activity-row:nth-child(7){-webkit-animation-delay:.38s;animation-delay:.38s}.middle-activity-list .middle-activity-row:nth-child(8){-webkit-animation-delay:.42s;animation-delay:.42s}.middle-activity-list .middle-activity-row:nth-child(n+9){-webkit-animation-delay:.46s;animation-delay:.46s}.middle-activity-list{display:flex;flex-direction:column;gap:12px}.right-header,.right-table-head{-webkit-animation:fadeUp .32s cubic-bezier(.2,.7,.2,1) both;animation:fadeUp .32s cubic-bezier(.2,.7,.2,1) both}.right-table-head{-webkit-animation-delay:60ms;animation-delay:60ms}.right-track-rows .right-track-row{-webkit-animation:fadeUp .28s cubic-bezier(.2,.7,.2,1) both;animation:fadeUp .28s cubic-bezier(.2,.7,.2,1) both}.right-track-rows .right-track-row:first-child{-webkit-animation-delay:80ms;animation-delay:80ms}.right-track-rows .right-track-row:nth-child(2){-webkit-animation-delay:.11s;animation-delay:.11s}.right-track-rows .right-track-row:nth-child(3){-webkit-animation-delay:.14s;animation-delay:.14s}.right-track-rows .right-track-row:nth-child(4){-webkit-animation-delay:.17s;animation-delay:.17s}.right-track-rows .right-track-row:nth-child(5){-webkit-animation-delay:.2s;animation-delay:.2s}.right-track-rows .right-track-row:nth-child(6){-webkit-animation-delay:.23s;animation-delay:.23s}.right-track-rows .right-track-row:nth-child(7){-webkit-animation-delay:.26s;animation-delay:.26s}.right-track-rows .right-track-row:nth-child(8){-webkit-animation-delay:.29s;animation-delay:.29s}.right-track-rows .right-track-row:nth-child(9){-webkit-animation-delay:.32s;animation-delay:.32s}.right-track-rows .right-track-row:nth-child(10){-webkit-animation-delay:.35s;animation-delay:.35s}.right-track-rows .right-track-row:nth-child(11){-webkit-animation-delay:.38s;animation-delay:.38s}.right-track-rows .right-track-row:nth-child(n+12){-webkit-animation-delay:.41s;animation-delay:.41s}.right-track-rows{display:flex;flex-direction:column;gap:1px}.right-track-row[draggable=true]{cursor:pointer}.right-track-row.being-dragged{opacity:.4}.right-track-row.drop-above{box-shadow:inset 0 2px 0 0 #4d9feb;box-shadow:inset 0 2px 0 0 var(--accent)}.right-track-row.drop-below{box-shadow:inset 0 -2px 0 0 #4d9feb;box-shadow:inset 0 -2px 0 0 var(--accent)}.right-track-row .col-num{align-items:center;display:flex;justify-content:center;position:relative}.track-grip{color:#6a6a6a;color:var(--text-3);cursor:grab;font-size:12px;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity .15s}.right-track-row:hover .track-grip{opacity:.85}.right-track-row:hover .track-grip:active{cursor:grabbing}.right-track-row:hover .track-num-text{opacity:0}.track-num-text{transition:opacity .15s}.left-project-row{-webkit-animation:fadeUp .28s cubic-bezier(.2,.7,.2,1) both;animation:fadeUp .28s cubic-bezier(.2,.7,.2,1) both}.left-project-row:first-child{-webkit-animation-delay:30ms;animation-delay:30ms}.left-project-row:nth-child(2){-webkit-animation-delay:50ms;animation-delay:50ms}.left-project-row:nth-child(3){-webkit-animation-delay:70ms;animation-delay:70ms}.left-project-row:nth-child(4){-webkit-animation-delay:90ms;animation-delay:90ms}.left-project-row:nth-child(5){-webkit-animation-delay:.11s;animation-delay:.11s}.left-project-row:nth-child(6){-webkit-animation-delay:.13s;animation-delay:.13s}.left-project-row:nth-child(7){-webkit-animation-delay:.15s;animation-delay:.15s}.left-project-row:nth-child(8){-webkit-animation-delay:.17s;animation-delay:.17s}.left-project-row:nth-child(9){-webkit-animation-delay:.19s;animation-delay:.19s}.left-project-row:nth-child(n+10){-webkit-animation-delay:.21s;animation-delay:.21s}.left-search-row{-webkit-animation:fadeUp .22s cubic-bezier(.2,.7,.2,1) both;animation:fadeUp .22s cubic-bezier(.2,.7,.2,1) both}.left-search-row:first-child{-webkit-animation-delay:20ms;animation-delay:20ms}.left-search-row:nth-child(2){-webkit-animation-delay:40ms;animation-delay:40ms}.left-search-row:nth-child(3){-webkit-animation-delay:60ms;animation-delay:60ms}.left-search-row:nth-child(4){-webkit-animation-delay:80ms;animation-delay:80ms}.left-search-row:nth-child(n+5){-webkit-animation-delay:.1s;animation-delay:.1s}.app-shell{-webkit-animation:fadeIn .22s ease both;animation:fadeIn .22s ease both}.player-bar{transition:opacity .2s ease}.action-btn,.add-btn,.icon-pill,.left-nav-row,.left-project-row,.right-track-row,.workspace-card{transition-duration:.15s;transition-property:background-color,color,border-color,opacity,-webkit-transform;transition-property:background-color,color,border-color,transform,opacity;transition-property:background-color,color,border-color,transform,opacity,-webkit-transform;transition-timing-function:ease}.action-btn:active,.add-btn:active,.left-project-row:active,.right-track-row:active{-webkit-transform:scale(.985);transform:scale(.985)}.modal-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.modal-head-text{min-width:0}.modal-eyebrow{color:#6a6a6a;color:var(--text-3);font-size:11px;letter-spacing:1.2px;margin-bottom:4px}.modal-title{font-size:18px;font-weight:700;margin:0}.modal-close{align-items:center;background:#1a1a1a;background:var(--bg-3);border:none;border-radius:8px;color:#aaa;color:var(--text-2);cursor:pointer;display:flex;flex-shrink:0;font-size:13px;height:32px;justify-content:center;transition:background-color .15s,color .15s;width:32px}.modal-close:hover{background:#232323;background:var(--bg-4);color:#fff;color:var(--text)}.settings-card{width:420px}.settings-section{background:#1a1a1a;background:var(--bg-3);border-radius:10px;gap:10px;padding:12px 14px}.settings-row,.settings-section{display:flex;flex-direction:column}.settings-row{gap:2px}.settings-label{color:#6a6a6a;color:var(--text-3);font-size:11px;letter-spacing:1px;text-transform:uppercase}.settings-value{color:#fff;color:var(--text);font-size:14px;word-break:break-word}.settings-actions{display:flex;flex-direction:column;gap:8px;margin-top:14px}.settings-action{align-items:center;background:transparent;border:1px solid #1f1f1f;border:1px solid var(--line);border-radius:10px;color:#fff;color:var(--text);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;height:40px;justify-content:center;padding:0 14px;transition:background-color .15s,border-color .15s,color .15s}.settings-action:hover{background:#1a1a1a;background:var(--bg-3)}.settings-action.danger{border-color:rgba(255,122,133,.3);color:#ff7a85}.settings-action.danger:hover{background:rgba(255,122,133,.08);border-color:rgba(255,122,133,.5);color:#ff8e98}.settings-action:disabled{cursor:not-allowed;opacity:.6}.artist-picker-card{width:420px}.artist-picker-list{display:flex;flex-direction:column;gap:4px;max-height:360px;overflow-y:auto;padding-right:2px}.artist-row{align-items:center;background:transparent;border:none;border-radius:10px;color:#fff;color:var(--text);cursor:pointer;display:flex;gap:12px;padding:10px 12px;text-align:left;transition:background-color .15s,-webkit-transform .1s;transition:background-color .15s,transform .1s;transition:background-color .15s,transform .1s,-webkit-transform .1s}.artist-row:hover{background:#1a1a1a;background:var(--bg-3)}.artist-row:active{-webkit-transform:scale(.99);transform:scale(.99)}.artist-row.current{background:rgba(77,159,235,.12)}.artist-row-avatar{align-items:center;background:linear-gradient(135deg,#ff8a65,#ff5252);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:36px;justify-content:center;width:36px}.artist-row-name{flex:1 1;font-size:15px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artist-row-check{color:#4d9feb;color:var(--accent);font-size:13px}.artist-empty{color:#6a6a6a;color:var(--text-3);font-size:13px;padding:18px 12px;text-align:center}.skeleton-row{pointer-events:none}.skeleton-avatar{-webkit-animation:shimmer 1.3s ease-in-out infinite;animation:shimmer 1.3s ease-in-out infinite;background:linear-gradient(90deg,#121212,#232323 50%,#121212);background:linear-gradient(90deg,var(--bg-2) 0,var(--bg-4) 50%,var(--bg-2) 100%);background-size:200% 100%;border-radius:50%;flex-shrink:0;height:36px;width:36px}.modal-backdrop{align-items:center;-webkit-animation:fadeIn .16s ease both;animation:fadeIn .16s ease both;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background-color:rgba(0,0,0,.55);display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-card{-webkit-animation:fadeUp .22s cubic-bezier(.2,.7,.2,1) both;animation:fadeUp .22s cubic-bezier(.2,.7,.2,1) both;background:#121212;background:var(--bg-2);border:1px solid #1f1f1f;border:1px solid var(--line);border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.55);max-width:90vw;padding:22px;width:380px}.new-project-eyebrow{color:#6a6a6a;color:var(--text-3);font-size:11px;letter-spacing:1.2px;margin-bottom:6px}.new-project-title{font-size:18px;font-weight:700;margin-bottom:16px}.new-project-input{background-color:#1a1a1a;background-color:var(--bg-3);border:1px solid #1f1f1f;border:1px solid var(--line);border-radius:8px;box-sizing:border-box;color:#fff;color:var(--text);font-size:14px;height:40px;outline:none;padding:0 12px;transition:border-color .15s,background-color .15s;width:100%}.new-project-input:focus{background-color:#050505;background-color:var(--bg);border-color:#4d9feb;border-color:var(--accent)}.new-project-error{color:#eb3b5a;font-size:12px;margin-top:8px}.new-project-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}.btn-ghost,.btn-primary{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;height:36px;padding:0 16px;transition:background-color .15s}.btn-ghost{background:transparent;color:#aaa;color:var(--text-2)}.btn-ghost:hover{background-color:#1a1a1a;background-color:var(--bg-3);color:#fff;color:var(--text)}.btn-primary{background:#4d9feb;background:var(--accent);color:#fff}.btn-primary:hover{background-color:#6cb4ef;background-color:var(--accent-hover)}.btn-ghost:disabled,.btn-primary:disabled{cursor:not-allowed;opacity:.5}.editable-name{border-radius:4px;cursor:text;display:inline-block;margin:0 -4px;max-width:100%;overflow:hidden;padding:0 4px;text-overflow:ellipsis;transition:background-color .15s,box-shadow .15s;vertical-align:bottom;white-space:nowrap}.editable-name:hover{background-color:hsla(0,0%,100%,.05);box-shadow:inset 0 0 0 1px #1f1f1f;box-shadow:inset 0 0 0 1px var(--line)}.editable-input{field-sizing:content;background-color:hsla(0,0%,100%,.04);border:1px solid #4d9feb;border:1px solid var(--accent);border-radius:6px;box-shadow:0 0 0 3px rgba(77,159,235,.15);box-sizing:initial;color:inherit;font:inherit;letter-spacing:inherit;margin:0;max-width:100%;min-width:4ch;outline:none;padding:2px 6px;vertical-align:initial;width:auto}.editable-input:disabled{opacity:.6}.comments-card{-webkit-animation:fadeUp .28s cubic-bezier(.2,.7,.2,1) both;animation:fadeUp .28s cubic-bezier(.2,.7,.2,1) both;border-top:1px solid #1f1f1f;border-top:1px solid var(--line);display:flex;flex-direction:column;flex-shrink:0;gap:10px;margin-top:14px;max-height:320px;padding-top:14px}.comments-card-header{color:#6a6a6a;color:var(--text-3);font-size:11px;letter-spacing:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comments-list{display:flex;flex:1 1;flex-direction:column;gap:14px;min-height:0;overflow-y:auto}.comments-empty{color:#6a6a6a;color:var(--text-3);font-size:13px;padding:8px 0}.comment-row{grid-gap:10px;align-items:start;-webkit-animation:fadeUp .24s cubic-bezier(.2,.7,.2,1) both;animation:fadeUp .24s cubic-bezier(.2,.7,.2,1) both;display:grid;gap:10px;grid-template-columns:28px 1fr}.comment-avatar{align-items:center;background:linear-gradient(135deg,#ff8a65,#ff5252);border-radius:6px;color:#fff;display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:28px;justify-content:center;width:28px}.comment-body{min-width:0}.comment-line{align-items:baseline;display:flex;gap:8px}.comment-name{color:#fff;color:var(--text);font-size:13px;font-weight:600}.comment-at{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";background:rgba(77,159,235,.15);border:none;border-radius:4px;color:#4d9feb;color:var(--accent);cursor:pointer;font-size:11px;font-variant-numeric:tabular-nums;padding:1px 6px;transition:background-color .15s}.comment-at:hover{background:rgba(77,159,235,.28)}.comment-time{color:#6a6a6a;color:var(--text-3);font-size:11px;margin-left:auto}.comment-text{word-wrap:break-word;color:#aaa;color:var(--text-2);font-size:13px;line-height:1.45;margin-top:3px;overflow-wrap:break-word}.comments-error{color:#eb3b5a;font-size:12px}.comment-input{display:flex;flex-shrink:0;gap:8px}.comment-input input{background-color:#121212;background-color:var(--bg-2);border:1px solid #1f1f1f;border:1px solid var(--line);border-radius:8px;box-sizing:border-box;color:#fff;color:var(--text);flex:1 1;font-size:13px;height:36px;outline:none;padding:0 12px;transition:border-color .15s,background-color .15s}.comment-input input:focus{background-color:#050505;background-color:var(--bg);border-color:#4d9feb;border-color:var(--accent)}.comment-input input::-webkit-input-placeholder{color:#6a6a6a;color:var(--text-3)}.comment-input input::placeholder{color:#6a6a6a;color:var(--text-3)}.right-panel{position:relative}.right-panel.dragging{box-shadow:inset 0 0 0 2px #4d9feb;box-shadow:inset 0 0 0 2px var(--accent)}.dropzone-overlay{align-items:center;-webkit-animation:fadeIn .16s ease both;animation:fadeIn .16s ease both;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background-color:rgba(5,5,5,.72);border-radius:0;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:5}.dropzone-card{align-items:center;-webkit-animation:fadeUp .2s cubic-bezier(.2,.7,.2,1) both;animation:fadeUp .2s cubic-bezier(.2,.7,.2,1) both;background:rgba(77,159,235,.08);border:2px dashed #4d9feb;border:2px dashed var(--accent);border-radius:16px;color:#fff;color:var(--text);display:flex;flex-direction:column;gap:10px;padding:28px 36px;text-align:center}.dropzone-icon{color:#4d9feb;color:var(--accent);font-size:28px}.dropzone-title{font-size:16px;font-weight:600}.dropzone-sub{color:#6a6a6a;color:var(--text-3);font-size:12px}.right-track-row.uploading{cursor:progress;overflow:hidden;position:relative}.right-track-row.uploading:before{background:linear-gradient(90deg,rgba(77,159,235,.18),rgba(124,58,237,.18));content:"";inset:0 auto 0 0;pointer-events:none;position:absolute;transition:width .2s ease;width:0;width:var(--upload-progress,0)}.right-track-row.uploading>*{position:relative;z-index:1}.track-spin{-webkit-animation:spin .9s linear infinite;animation:spin .9s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){*,:after,:before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=main.f505714a.css.map*/