@charset "UTF-8";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:Matamata;src:url(/fonts/MatamataRegular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Granular;src:url(/fonts/Granular.ttf) format("truetype");font-weight:400;font-style:normal}html{font-family:Matamata,sans-serif;background:#23222b;scrollbar-width:none}body{margin:0;padding:0;font-size:16px;line-height:1.6;color:#fff;background:linear-gradient(145deg,#25242e,#201f27);overflow-x:hidden}::-webkit-scrollbar{width:0;height:0;background:transparent;display:none}*{-ms-overflow-style:none}.hidden{display:none!important}a{color:#d9d8d5;text-decoration:none}a:hover{color:#9557ff;text-decoration:underline}@font-face{font-family:Matamata;src:url(/fonts/MatamataRegular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Granular;src:url(/fonts/Granular.ttf) format("truetype");font-weight:400;font-style:normal}#queueItems,#completedItems{display:flex;flex-direction:column;gap:1rem;width:100%;padding:1rem}.create-queue-item,.create-completed-item{display:flex;align-items:center;background-color:#1e1e1ecc;border-radius:.5rem;padding:1rem;position:relative;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 2px 5px #0003}.create-queue-item:hover,.create-completed-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.create-queue-item .create-thumbnail,.create-completed-item .create-thumbnail{width:60px;height:60px;border-radius:.5rem;object-fit:cover;margin-right:1rem}.create-queue-item .create-position,.create-completed-item .create-position{position:absolute;top:.5rem;left:.5rem;background-color:#000000b3;color:#fff;font-size:.8rem;padding:.2rem .5rem;border-radius:.25rem}.create-queue-item .create-info-content,.create-completed-item .create-info-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.create-queue-item .create-text-content,.create-completed-item .create-text-content{flex:1}.create-queue-item .create-text-content .create-title,.create-completed-item .create-text-content .create-title{font-weight:700;font-size:1.1rem;margin-bottom:.25rem;color:#fff}.create-queue-item .create-text-content .create-details,.create-completed-item .create-text-content .create-details{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.9rem;color:#b3b3b3}.create-queue-item .create-text-content .create-details p,.create-completed-item .create-text-content .create-details p{margin:0}.create-queue-item .create-text-content .create-tags,.create-completed-item .create-text-content .create-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.create-queue-item .create-text-content .create-tags span,.create-completed-item .create-text-content .create-tags span{background-color:#9557ff33;color:#9557ff;padding:.2rem .5rem;border-radius:1rem;font-size:.8rem}.create-queue-item .create-stage-container,.create-completed-item .create-stage-container{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}.create-queue-item .create-stage-container .create-stage-display,.create-completed-item .create-stage-container .create-stage-display{font-size:.9rem;color:#b3b3b3}.create-queue-item .create-stage-container .create-progress-bar,.create-completed-item .create-stage-container .create-progress-bar{height:6px;background-color:#424242;border-radius:3px;overflow:hidden}.create-queue-item .create-stage-container .create-progress-bar .create-progress-fill,.create-completed-item .create-stage-container .create-progress-bar .create-progress-fill{height:100%;background-color:#9557ff;transition:width .3s ease}.create-queue-item .create-actions,.create-completed-item .create-actions{display:flex;justify-content:flex-end;margin-top:.5rem}.create-queue-item .create-actions .create-library-button,.create-completed-item .create-actions .create-library-button{display:flex;align-items:center;gap:.5rem;background-color:#9557ff;color:#fff;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;transition:background-color .3s ease}.create-queue-item .create-actions .create-library-button:hover,.create-completed-item .create-actions .create-library-button:hover{background-color:#7524ff}.create-queue-item .create-actions .create-library-button .button-icon,.create-completed-item .create-actions .create-library-button .button-icon{font-size:1.1rem}.create-empty-queue-message{text-align:center;padding:2rem;color:#b3b3b3;font-style:italic}@media (max-width: 768px){.create-queue-item,.create-completed-item{flex-direction:column;align-items:flex-start}.create-queue-item .create-thumbnail,.create-completed-item .create-thumbnail{width:100%;height:auto;aspect-ratio:16/9;margin-right:0;margin-bottom:1rem}.create-queue-item .create-position,.create-completed-item .create-position{top:1rem;left:1rem;font-size:1rem;padding:.3rem .7rem}.create-queue-item .create-info-content,.create-completed-item .create-info-content{width:100%}.create-queue-item .create-actions,.create-completed-item .create-actions{width:100%;justify-content:center;margin-top:1rem}.create-queue-item .create-actions .create-library-button,.create-completed-item .create-actions .create-library-button{width:100%;justify-content:center}}@font-face{font-family:Matamata;src:url(/fonts/MatamataRegular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Granular;src:url(/fonts/Granular.ttf) format("truetype");font-weight:400;font-style:normal}.audio-upload-container{margin:1.5rem 0;width:100%}.audio-upload-container .audio-upload-label{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border:2px dashed #9557ff;border-radius:.5rem;background-color:#9557ff1a;cursor:pointer;transition:all .3s ease}.audio-upload-container .audio-upload-label:hover{background-color:#9557ff33}.audio-upload-container .audio-upload-label .upload-icon{font-size:1.5rem}.audio-upload-container .audio-upload-label .upload-text{font-size:1rem;font-weight:500}.audio-upload-container .audio-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.audio-upload-container .upload-preview{margin-top:1rem;padding:.75rem;background-color:#28282880;border-radius:.5rem;display:flex;align-items:center;justify-content:space-between}.audio-upload-container .upload-preview.hidden{display:none}.audio-upload-container .upload-preview .upload-file-info{font-size:.9rem;word-break:break-all}.audio-upload-container .upload-preview .remove-upload-btn{background-color:#ff4d4d;color:#fff;border:none;border-radius:.5rem;padding:.4rem .8rem;font-size:.8rem;cursor:pointer;transition:background-color .3s ease;white-space:nowrap;margin-left:1rem}.audio-upload-container .upload-preview .remove-upload-btn:hover{background-color:#ff1a1a}.btn.loading,button.loading{position:relative;color:transparent!important;pointer-events:none}.btn.loading:after,button.loading:after{content:"";position:absolute;width:1.2rem;height:1.2rem;top:calc(50% - .6rem);left:calc(50% - .6rem);border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:button-loading-spinner .8s linear infinite}@keyframes button-loading-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (max-width: 768px){.audio-upload-container .audio-upload-label{flex-direction:column;padding:1.5rem}.audio-upload-container .audio-upload-label .upload-icon{font-size:2rem;margin-bottom:.5rem}.audio-upload-container .upload-preview{flex-direction:column;align-items:flex-start}.audio-upload-container .upload-preview .upload-file-info{margin-bottom:.75rem}.audio-upload-container .upload-preview .remove-upload-btn{width:100%;margin-left:0}}@font-face{font-family:Matamata;src:url(/fonts/MatamataRegular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Granular;src:url(/fonts/Granular.ttf) format("truetype");font-weight:400;font-style:normal}.model-entry{background-color:#1e1e1eb3;border-radius:.5rem;padding:1.25rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0003;transition:all .3s ease}.model-entry:hover{box-shadow:0 4px 12px #0000004d}.model-entry .model-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.model-entry .model-header h4{font-size:1.1rem;font-weight:600;color:#fff;margin:0}.model-entry .model-header .remove-model{background-color:#ff4d4d33;color:#ff4d4d;border:none;border-radius:50%;width:28px;height:28px;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.model-entry .model-header .remove-model:hover{background-color:#ff4d4d;color:#fff}.model-entry .model-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.model-entry .model-controls .control-group{margin-bottom:1rem}.model-entry .model-controls .control-group label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.9rem;color:#b3b3b3}.model-entry .model-controls .control-group label .slider-value{font-weight:500;color:#9557ff}.model-entry .model-controls .control-group.slider-group input[type=range]{width:100%;height:6px;background:#424242;border-radius:3px;appearance:none;outline:none}.model-entry .model-controls .control-group.slider-group input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:#9557ff;border-radius:50%;cursor:pointer;transition:all .2s ease}.model-entry .model-controls .control-group.slider-group input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.model-entry .model-controls .control-group.slider-group input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#9557ff;border-radius:50%;cursor:pointer;border:none;transition:all .2s ease}.model-entry .model-controls .control-group.slider-group input[type=range]::-moz-range-thumb:hover{transform:scale(1.2)}.custom-dropdown{position:relative;width:100%}.custom-dropdown .dropdown-selected{background-color:#282828b3;border:1px solid #424242;border-radius:.5rem;padding:.75rem 1rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease}.custom-dropdown .dropdown-selected:after{content:"▼";font-size:.8rem;color:#b3b3b3;margin-left:.5rem}.custom-dropdown .dropdown-selected:hover{background-color:#3c3c3cb3}.custom-dropdown .dropdown-options{position:absolute;top:100%;left:0;width:100%;max-height:0;overflow:hidden;background-color:#282828f2;border-radius:0 0 .5rem .5rem;z-index:10;transition:max-height .3s ease,box-shadow .3s ease,border .3s ease;box-shadow:none;border:0 solid #424242}.custom-dropdown .dropdown-options.show{max-height:300px;overflow-y:auto;box-shadow:0 4px 12px #0000004d;border:1px solid #424242;border-top:none}.custom-dropdown .dropdown-options .dropdown-search-container{padding:.75rem;border-bottom:1px solid #424242}.custom-dropdown .dropdown-options .dropdown-search-container .dropdown-search{width:100%;padding:.5rem;background-color:#1e1e1eb3;border:1px solid #424242;border-radius:.5rem;color:#fff;font-size:.9rem}.custom-dropdown .dropdown-options .dropdown-search-container .dropdown-search::placeholder{color:#b3b3b3}.custom-dropdown .dropdown-options .dropdown-search-container .dropdown-search:focus{outline:none;border-color:#9557ff}.custom-dropdown .dropdown-options .dropdown-categories{display:flex;border-bottom:1px solid #424242}.custom-dropdown .dropdown-options .dropdown-categories .category-tab{flex:1;padding:.75rem;text-align:center;cursor:pointer;font-size:.9rem;color:#b3b3b3;transition:all .3s ease}.custom-dropdown .dropdown-options .dropdown-categories .category-tab:hover{background-color:#3c3c3cb3}.custom-dropdown .dropdown-options .dropdown-categories .category-tab.active{color:#9557ff;border-bottom:2px solid #9557ff}.custom-dropdown .dropdown-options .dropdown-options-list{max-height:200px;overflow-y:auto}.custom-dropdown .dropdown-options .dropdown-options-list .dropdown-option{padding:.75rem 1rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background-color .3s ease}.custom-dropdown .dropdown-options .dropdown-options-list .dropdown-option:hover{background-color:#3c3c3cb3}.custom-dropdown .dropdown-options .dropdown-options-list .dropdown-option.favorite{background-color:#9557ff1a}.custom-dropdown .dropdown-options .dropdown-options-list .dropdown-option.favorite:hover{background-color:#9557ff33}.custom-dropdown .dropdown-options .dropdown-options-list .dropdown-option .model-name,.custom-dropdown .dropdown-options .dropdown-options-list .dropdown-option .version-name{flex:1}.custom-dropdown .dropdown-options .dropdown-options-list .dropdown-option .favorite-btn{background-color:transparent;color:#b3b3b3;border:1px solid #424242;border-radius:.5rem;padding:.3rem .6rem;font-size:.8rem;cursor:pointer;transition:all .3s ease}.custom-dropdown .dropdown-options .dropdown-options-list .dropdown-option .favorite-btn:hover,.custom-dropdown .dropdown-options .dropdown-options-list .dropdown-option .favorite-btn.favorited{background-color:#9557ff33;color:#9557ff;border-color:#9557ff}.custom-dropdown .dropdown-options .dropdown-options-list .dropdown-option .favorite-btn.favorited:hover{background-color:#ff4d4d33;color:#ff4d4d;border-color:#ff4d4d}.custom-dropdown .dropdown-options .dropdown-options-list .no-results-message{padding:1rem;text-align:center;color:#b3b3b3;font-style:italic}.dropdown-search-container{position:relative}.dropdown-search-container .search-icon{position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.dropdown-search-container .dropdown-search{padding-left:2.5rem;width:100%;border:1px solid rgb(11.8181818182,11.4805194805,14.5194805195);border-radius:.5rem;background-color:#2f2d39;color:#fff;font-size:1rem;transition:border-color .2s,background-color .2s}.dropdown-search-container .dropdown-search:focus{border-color:#9557ff;outline:none}.dropdown-search-container button.clear-search{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;transition:color .2s}.dropdown-search-container button.clear-search:hover{color:#9557ff}@media (max-width: 768px){.model-entry{padding:1rem}.model-entry .model-controls{grid-template-columns:1fr;gap:.75rem}.custom-dropdown .dropdown-options.show{max-height:250px}.custom-dropdown .dropdown-options .dropdown-options-list{max-height:150px}}@font-face{font-family:Matamata;src:url(/fonts/MatamataRegular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Granular;src:url(/fonts/Granular.ttf) format("truetype");font-weight:400;font-style:normal}.preset-selector-dialog{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;font-family:Matamata,sans-serif}.preset-selector-dialog .preset-selector-content{background-color:#23222b;border-radius:.5rem;padding:2rem;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0006}.preset-selector-dialog .preset-selector-content h3{font-family:Matamata,sans-serif;font-size:1.5rem;margin-bottom:1.5rem;color:#fff;border-bottom:1px solid #424242;padding-bottom:.75rem}.preset-selector-dialog .preset-form{margin-bottom:1.5rem}.preset-selector-dialog .preset-form .form-group{margin-bottom:1.25rem}.preset-selector-dialog .preset-form .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#b3b3b3}.preset-selector-dialog .preset-form .form-group input,.preset-selector-dialog .preset-form .form-group textarea,.preset-selector-dialog .preset-form .form-group select{width:100%;padding:.75rem 1rem;background-color:#1e1e1e;border:1px solid #424242;border-radius:.5rem;color:#fff;font-family:Matamata,sans-serif;transition:all .3s ease}.preset-selector-dialog .preset-form .form-group input:focus,.preset-selector-dialog .preset-form .form-group textarea:focus,.preset-selector-dialog .preset-form .form-group select:focus{border-color:#9557ff;outline:none;box-shadow:0 0 0 2px #9557ff33}.preset-selector-dialog .preset-form .form-group input.error,.preset-selector-dialog .preset-form .form-group textarea.error,.preset-selector-dialog .preset-form .form-group select.error{border-color:#ff4d4d;box-shadow:0 0 0 2px #ff4d4d33}.preset-selector-dialog .preset-form .form-group input::placeholder,.preset-selector-dialog .preset-form .form-group textarea::placeholder,.preset-selector-dialog .preset-form .form-group select::placeholder{color:#b3b3b3b3}.preset-selector-dialog .preset-form .form-group textarea{min-height:80px;resize:vertical}.preset-selector-dialog .preset-form .form-group select{appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23B3B3B3%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 1rem center;background-size:.8em;padding-right:2.5rem}.preset-selector-dialog .preset-actions{display:flex;justify-content:flex-end;gap:1rem}.preset-selector-dialog .preset-actions button{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:Matamata,sans-serif}.preset-selector-dialog .preset-actions button.cancel-btn{background-color:#4242424d;color:#b3b3b3}.preset-selector-dialog .preset-actions button.cancel-btn:hover{background-color:#42424280}.preset-selector-dialog .preset-actions button.save-preset-btn{background-color:#9557ff;color:#fff}.preset-selector-dialog .preset-actions button.save-preset-btn:hover{background-color:#7524ff;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.preset-selector-dialog .preset-list{margin:1.5rem 0;max-height:400px;overflow-y:auto;border-radius:.5rem;background-color:#1e1e1e80;padding:1rem}.preset-selector-dialog .preset-list .preset-category-header{font-weight:700;color:#9557ff;margin:1rem 0 .5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(66,66,66,.5);font-size:1.1rem}.preset-selector-dialog .preset-list .preset-category-header:first-child{margin-top:0}.preset-selector-dialog .preset-list .preset-item{padding:1rem;border-radius:.5rem;margin-bottom:.75rem;background-color:#1e1e1eb3;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start;transition:all .3s ease}.preset-selector-dialog .preset-list .preset-item:hover{background-color:#9557ff1a;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.preset-selector-dialog .preset-list .preset-item .preset-info{display:flex;flex-direction:column}.preset-selector-dialog .preset-list .preset-item .preset-info .preset-name{font-weight:700;font-size:1.1rem;margin-bottom:.25rem;color:#fff}.preset-selector-dialog .preset-list .preset-item .preset-info .preset-description{color:#b3b3b3;font-size:.9rem;margin-top:.25rem;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-selector-dialog .preset-list .preset-item .preset-date{color:#b3b3b3;font-size:.8rem;white-space:nowrap}@media (max-width: 768px){.preset-selector-dialog .preset-selector-content{padding:1.5rem;width:95%}.preset-selector-dialog .preset-form .form-group{margin-bottom:1rem}.preset-selector-dialog .preset-list{max-height:300px}}@font-face{font-family:Matamata;src:url(/fonts/MatamataRegular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Granular;src:url(/fonts/Granular.ttf) format("truetype");font-weight:400;font-style:normal}.saved-container{display:grid;grid-template-columns:1fr;gap:2rem;padding:1.5rem}@media (min-width: 768px){.saved-container{grid-template-columns:repeat(2,1fr)}}@media (min-width: 992px){.saved-container{grid-template-columns:repeat(3,1fr)}}.favorites-section,.playlists-section,.cover-playlists-section,.cover-presets-section{background-color:#23222b80;border-radius:.5rem;padding:1.5rem;box-shadow:0 4px 12px #0003}.favorites-section h2,.playlists-section h2,.cover-playlists-section h2,.cover-presets-section h2{font-family:Matamata,sans-serif;font-size:1.5rem;margin-bottom:1.25rem;color:#fff}.playlists-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.playlists-header .create-playlist-btn{background-color:#9557ff;color:#fff;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;transition:all .3s ease}.playlists-header .create-playlist-btn:hover{background-color:#7524ff;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.playlists-header .create-playlist-btn i{margin-right:.5rem}.playlists-container .playlist-item{background-color:#1e1e1eb3;border-radius:.5rem;margin-bottom:1rem;overflow:hidden;transition:all .3s ease}.playlists-container .playlist-item:hover{box-shadow:0 4px 12px #0000004d}.playlists-container .playlist-item .playlist-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;cursor:pointer}.playlists-container .playlist-item .playlist-header h3{font-size:1.1rem;font-weight:600;margin:0;color:#fff}.playlists-container .playlist-item .playlist-header .song-count{font-size:.8rem;color:#b3b3b3;background-color:#9557ff33;padding:.25rem .5rem;border-radius:1rem}.playlists-container .playlist-item .playlist-actions{display:flex;justify-content:flex-end;gap:.5rem;padding:0 1rem 1rem}.playlists-container .playlist-item .playlist-actions button{background-color:#1e1e1eb3;color:#b3b3b3;border:1px solid #424242;border-radius:.5rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.playlists-container .playlist-item .playlist-actions button:hover{background-color:#9557ff;color:#fff;border-color:#9557ff}.playlists-container .playlist-item .playlist-actions button.delete-playlist:hover,.playlists-container .playlist-item .playlist-actions button.delete-preset:hover{background-color:#ff4d4d;border-color:#ff4d4d}.playlists-container .playlist-item .playlist-songs,.playlists-container .playlist-item .preset-details{padding:0 1rem 1rem}.playlists-container .playlist-item .playlist-songs.hidden,.playlists-container .playlist-item .preset-details.hidden{display:none}.playlists-container .playlist-item .playlist-songs .unknown-covers-message,.playlists-container .playlist-item .preset-details .unknown-covers-message{background-color:#9557ff1a;border-left:3px solid #9557ff;padding:.75rem;margin-bottom:1rem;font-size:.9rem;color:#b3b3b3;border-radius:0 .5rem .5rem 0}.playlists-container .playlist-item .playlist-songs .empty-playlist-message,.playlists-container .playlist-item .preset-details .empty-playlist-message{padding:1.5rem;text-align:center;color:#b3b3b3;font-style:italic;background-color:#1e1e1e4d;border-radius:.5rem;margin-bottom:.5rem}.playlists-container .playlist-item.preset-item .preset-details{background-color:#1e1e1e4d;border-radius:0 0 .5rem .5rem}.playlists-container .playlist-item.preset-item .preset-details .preset-info{padding:1rem}.playlists-container .playlist-item.preset-item .preset-details .preset-info .preset-description{color:#b3b3b3;font-style:italic;margin-bottom:1rem}.playlists-container .playlist-item.preset-item .preset-details .preset-info .preset-category{display:inline-block;background-color:#9557ff33;color:#9557ff;padding:.25rem .5rem;border-radius:1rem;font-size:.8rem;margin-bottom:1rem}.playlists-container .playlist-item.preset-item .preset-details .preset-info .preset-date{color:#b3b3b3;font-size:.8rem}.playlists-container .playlist-item.preset-item .preset-details .preset-models{margin-top:1rem}.playlists-container .playlist-item.preset-item .preset-details .preset-models .preset-model-item{background-color:#1e1e1e80;border-radius:.5rem;padding:.75rem;margin-bottom:.5rem}.playlists-container .playlist-item.preset-item .preset-details .preset-models .preset-model-item .model-name{font-weight:600;margin-bottom:.25rem}.playlists-container .playlist-item.preset-item .preset-details .preset-models .preset-model-item .model-version{font-size:.9rem;color:#b3b3b3}.cover-list{list-style:none;padding:0;margin:0}.cover-list .cover-item{display:flex;background-color:#1e1e1eb3;border-radius:.5rem;margin-bottom:1rem;overflow:hidden;transition:all .3s ease}.cover-list .cover-item:hover{box-shadow:0 4px 12px #0000004d}.cover-list .cover-item .thumbnail-wrapper{position:relative;width:120px;height:120px;flex-shrink:0}.cover-list .cover-item .thumbnail-wrapper img{width:100%;height:100%;object-fit:cover}.cover-list .cover-item .thumbnail-wrapper .time-length{position:absolute;bottom:.5rem;right:.5rem;background-color:#000000b3;color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.8rem}.cover-list .cover-item .thumbnail-wrapper .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#9557ffcc;color:#fff;border:none;border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .3s ease}.cover-list .cover-item .thumbnail-wrapper .play-button:hover{background-color:#9557ff;transform:translate(-50%,-50%) scale(1.1)}.cover-list .cover-item .thumbnail-wrapper:hover .play-button{opacity:1}.cover-list .cover-item .details{flex:1;padding:1rem}.cover-list .cover-item .details .cover-title{font-size:1.1rem;margin:0 0 .5rem;color:#fff}.cover-list .cover-item .details p{margin:.25rem 0;color:#b3b3b3}.cover-list .cover-item .details .tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.cover-list .cover-item .details .tags .tag{background-color:#9557ff33;color:#9557ff;padding:.25rem .5rem;border-radius:1rem;font-size:.8rem}.cover-list .cover-item .remove-button{align-self:flex-start;background-color:transparent;color:#b3b3b3;border:none;padding:1rem;cursor:pointer;transition:all .3s ease}.cover-list .cover-item .remove-button:hover{color:#ff4d4d}.cover-list .empty-favorites-message{padding:2rem;text-align:center;color:#b3b3b3;font-style:italic;background-color:#1e1e1e4d;border-radius:.5rem}@media (max-width: 768px){.saved-container{padding:1rem;gap:1.5rem}.cover-list .cover-item{flex-direction:column}.cover-list .cover-item .thumbnail-wrapper{width:100%;height:180px}.cover-list .cover-item .details{padding:1rem}.cover-list .cover-item .remove-button{position:absolute;top:.5rem;right:.5rem;background-color:#000000b3;border-radius:50%;padding:.5rem}}@font-face{font-family:Matamata;src:url(/fonts/MatamataRegular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Granular;src:url(/fonts/Granular.ttf) format("truetype");font-weight:400;font-style:normal}.context-menu,.context-submenu{position:absolute;background-color:#000000f2;border:1px solid rgba(255,255,255,.3);border-radius:.5rem;padding:.5rem 0;z-index:1000;display:flex;flex-direction:column;min-width:180px;box-shadow:0 4px 12px #0000004d;backdrop-filter:blur(10px);animation:fadeIn .15s ease-out}.context-menu .context-menu-item,.context-submenu .context-menu-item{display:flex;align-items:center;padding:.5rem 1rem;color:#fff;cursor:pointer;transition:background .2s;text-decoration:none;user-select:none}.context-menu .context-menu-item i,.context-submenu .context-menu-item i{margin-right:.75rem;width:1rem;text-align:center;font-size:.9rem;color:#9557ff}.context-menu .context-menu-item span,.context-submenu .context-menu-item span{flex:1}.context-menu .context-menu-item .submenu-indicator,.context-submenu .context-menu-item .submenu-indicator{margin-left:.5rem;margin-right:0;font-size:.7rem;color:#ffffff80}.context-menu .context-menu-item:hover,.context-submenu .context-menu-item:hover{background:#ffffff1a}.context-menu .context-menu-item.disabled,.context-submenu .context-menu-item.disabled{opacity:.5;cursor:default}.context-menu .context-menu-item.disabled:hover,.context-submenu .context-menu-item.disabled:hover{background:none}.context-menu .context-menu-separator,.context-submenu .context-menu-separator{height:1px;background-color:#fff3;margin:.3rem 0}.context-submenu{position:absolute}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.context-menu,.context-submenu{min-width:200px}.context-menu .context-menu-item,.context-submenu .context-menu-item{padding:.75rem 1rem}.context-menu .context-menu-item i,.context-submenu .context-menu-item i{font-size:1rem}}@font-face{font-family:Matamata;src:url(/fonts/MatamataRegular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Granular;src:url(/fonts/Granular.ttf) format("truetype");font-weight:400;font-style:normal}.notification-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:350px;width:100%}.notification{display:flex;align-items:center;padding:12px 15px;border-radius:8px;box-shadow:0 4px 12px #00000026;background-color:#000000e6;backdrop-filter:blur(10px);color:#fff;transform:translate(120%);opacity:0;transition:transform .3s ease,opacity .3s ease}.notification.notification-visible{transform:translate(0);opacity:1}.notification.notification-hiding{transform:translate(120%);opacity:0}.notification .notification-icon{margin-right:12px;font-size:1.2rem}.notification .notification-icon i{display:flex;align-items:center;justify-content:center}.notification .notification-content{flex:1;font-size:.9rem}.notification .notification-close{background:none;border:none;color:#ffffff80;cursor:pointer;padding:0;margin-left:10px;font-size:.9rem;transition:color .2s}.notification .notification-close:hover{color:#fffc}.notification.notification-success{border-left:4px solid #00ff00}.notification.notification-success .notification-icon{color:#0f0}.notification.notification-error{border-left:4px solid #ff0000}.notification.notification-error .notification-icon{color:red}.notification.notification-warning{border-left:4px solid #ffcc00}.notification.notification-warning .notification-icon{color:#fc0}.notification.notification-info{border-left:4px solid #00bfff}.notification.notification-info .notification-icon{color:#00bfff}@media (max-width: 768px){.notification-container{top:10px;right:10px;left:10px;max-width:none}.notification{padding:10px 12px}.notification .notification-content{font-size:.85rem}}@font-face{font-family:Matamata;src:url(/fonts/MatamataRegular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Granular;src:url(/fonts/Granular.ttf) format("truetype");font-weight:400;font-style:normal}.modal-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;backdrop-filter:blur(5px);animation:fadeIn .2s ease-out}.modal-content{background-color:#23222b;border-radius:8px;box-shadow:0 4px 20px #0000004d;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{margin:0;font-size:1.5rem;color:#fff}.modal-header .modal-close{background:none;border:none;color:#ffffff80;font-size:1.5rem;cursor:pointer;padding:0;line-height:1;transition:color .2s}.modal-header .modal-close:hover{color:#fff}.modal-body{padding:20px;color:#fff}.modal-body p{margin:0 0 15px;line-height:1.5}.modal-body p:last-child{margin-bottom:0}.modal-footer{padding:15px 20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end;gap:10px}.modal-footer button{padding:8px 16px;border-radius:4px;border:none;cursor:pointer;font-family:Matamata,sans-serif;transition:background-color .2s}.modal-footer button.modal-cancel{background-color:#ffffff1a;color:#fff}.modal-footer button.modal-cancel:hover{background-color:#fff3}.modal-footer button.modal-confirm{background-color:#9557ff;color:#fff}.modal-footer button.modal-confirm:hover{background-color:#b58aff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.modal-content{width:95%}.modal-header h2{font-size:1.3rem}}@font-face{font-family:Matamata;src:url(/fonts/MatamataRegular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Granular;src:url(/fonts/Granular.ttf) format("truetype");font-weight:400;font-style:normal}@media only screen and (max-width: 767px){html,body{font-size:14px!important;overflow-x:hidden!important;background-color:#23222b!important;color:#fff!important;margin:0!important;padding:0!important;-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important;-webkit-touch-callout:none!important}*,*:before,*:after{box-sizing:border-box!important}a{color:#d9d8d5!important;text-decoration:none!important}img{max-width:100%!important;height:auto!important}button,input,select,textarea{font-family:inherit!important;font-size:inherit!important;color:inherit!important}::-webkit-scrollbar{width:0px!important;background:transparent!important}button,a{min-height:44px!important;min-width:44px!important;display:flex!important;align-items:center!important;justify-content:center!important}button i,a i{font-size:1.5rem!important}*{margin:0!important;padding:0!important}body{padding-bottom:120px!important}}@media only screen and (max-width: 767px){.dashboard-nav{display:none!important}}@media only screen and (max-width: 767px){.mobile-nav{display:flex!important;position:fixed!important;bottom:0!important;left:0!important;width:100%!important;height:64px!important;background:#181818f2!important;align-items:center!important;justify-content:space-around!important;z-index:1000!important;box-shadow:0 -4px 15px #00000080!important;border-top:1px solid rgba(255,255,255,.1)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;transition:transform .3s ease,opacity .3s ease!important}.mobile-nav a{flex:1!important;text-align:center!important;color:#b3b3b3!important;padding:.5rem 0!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;transition:all .2s ease!important;position:relative!important;overflow:hidden!important;min-height:64px!important}.mobile-nav a:before{content:""!important;position:absolute!important;bottom:0!important;left:50%!important;transform:translate(-50%)!important;width:0!important;height:3px!important;background-color:#9557ff!important;transition:width .3s ease!important;border-radius:3px 3px 0 0!important}.mobile-nav a:after{content:""!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%) scale(0)!important;width:40px!important;height:40px!important;background-color:#9557ff1a!important;border-radius:50%!important;opacity:0!important;transition:transform .3s ease,opacity .3s ease!important;z-index:-1!important}.mobile-nav a .nav-icon{font-size:22px!important;margin-bottom:4px!important;transition:transform .3s ease,color .3s ease!important}.mobile-nav a .nav-label{font-size:11px!important;font-weight:500!important;transition:color .3s ease!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;padding:0 5px!important;letter-spacing:.2px!important;opacity:.9!important}.mobile-nav a:active{background-color:#ffffff14!important;transform:scale(.95)!important}.mobile-nav a:active:after{transform:translate(-50%,-50%) scale(1)!important;opacity:1!important}.mobile-nav a.active{color:#9557ff!important}.mobile-nav a.active:before{width:65%!important}.mobile-nav a.active:after{transform:translate(-50%,-50%) scale(.8)!important;opacity:.15!important;background-color:#9557ff!important}.mobile-nav a.active .nav-icon{transform:translateY(-2px)!important;color:#b58aff!important}.mobile-nav a.active .nav-label{font-weight:600!important;color:#b58aff!important;opacity:1!important}}@media only screen and (min-width: 768px){.mobile-nav{display:none!important}}@media only screen and (max-width: 767px){.create-wrapper{display:flex;flex-direction:column;margin-bottom:110px;padding:0 15px}.create-wrapper .create-cover-section{max-height:100%!important;height:auto!important;overflow-x:hidden;margin:0;padding:1rem;background-color:#1e1e1e80;border-radius:.5rem;box-shadow:0 2px 8px #0003}.create-wrapper input[type=text],.create-wrapper input[type=number],.create-wrapper select{width:100%;padding:12px;border-radius:8px;font-size:16px}.create-wrapper button,.create-wrapper .btn,.create-wrapper a.btn{min-height:44px;display:flex;align-items:center;justify-content:center;width:100%;margin:.5rem 0;border-radius:8px;font-size:16px}.create-wrapper input[type=checkbox],.create-wrapper input[type=radio]{width:20px;height:20px;margin-right:10px}.create-wrapper label{display:flex;align-items:center;margin:10px 0;font-size:16px}.create-cover-section,#createCoverQueueSection{margin-bottom:1.5rem}#createCoverQueueSection{display:block!important;padding:1rem!important;width:100%!important;background-color:#1e1e1e80;border-radius:.5rem;box-shadow:0 2px 8px #0003}#createCoverQueueSection.hidden{display:none!important}#createCoverQueueSection h3{font-size:1.2rem;margin-bottom:1rem;text-align:center}.model-entry{margin-bottom:1.5rem;padding:1rem;background-color:#28282880;border-radius:.5rem}.model-entry .model-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.model-entry .model-header h4{font-size:1.1rem;margin:0}.model-entry .model-header .remove-model{background:#ff4d4d;color:#fff;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.model-entry .model-controls{display:grid;grid-template-columns:1fr;gap:1rem}}@media only screen and (max-width: 767px){.playback-bar{position:fixed!important;bottom:64px!important;left:0!important;width:100%!important;height:auto!important;min-height:70px!important;background:#181818f2!important;display:flex!important;align-items:center!important;padding:.75rem 1rem!important;z-index:100!important;box-shadow:0 -4px 15px #00000080!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border-top:1px solid rgba(255,255,255,.05)!important;transition:all .3s ease!important;flex-wrap:wrap!important;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px))!important}.playback-bar .song-details{display:flex!important;align-items:center!important;flex:1!important;cursor:pointer!important;padding:.25rem 0!important;position:relative!important}.playback-bar .song-details:after{content:""!important;position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:#fff0!important;transition:background .2s ease!important;border-radius:8px!important;z-index:0!important}.playback-bar .song-details:active:after{background:#ffffff0d!important}.playback-bar .song-details .song-thumbnail{width:52px!important;height:52px!important;border-radius:8px!important;margin-right:.75rem!important;object-fit:cover!important;flex-shrink:0!important;box-shadow:0 2px 8px #0000004d!important;transition:transform .2s ease!important;position:relative!important;z-index:1!important}.playback-bar .song-details .song-thumbnail:active{transform:scale(.95)!important}.playback-bar .song-details .song-info{overflow:hidden!important;display:flex!important;flex-direction:column!important;max-width:calc(100% - 60px)!important;position:relative!important;z-index:1!important}.playback-bar .song-details .song-info h3{font-size:14px!important;font-weight:600!important;margin:0 0 2px!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.playback-bar .song-details .song-info p{font-size:12px!important;margin:0!important;color:#b3b3b3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.playback-bar .song-details .song-info .song-model{font-size:11px!important;margin-top:2px!important;color:#b3b3b3cc!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}.playback-bar .song-details .song-info .song-model span{background:#9557ff26!important;color:#c5a4ff!important;padding:1px 4px!important;border-radius:3px!important;font-size:10px!important;margin-right:4px!important}.playback-bar .controls{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important;width:100%!important;margin-top:.5rem!important}.playback-bar .controls .control-group{display:flex!important;align-items:center!important;gap:.5rem!important}.playback-bar .controls .control-group.primary-controls{flex:1!important;justify-content:center!important}.playback-bar .controls .control-group.secondary-controls{justify-content:flex-end!important}.playback-bar .controls button{background:#ffffff0d!important;border:none!important;color:#fff!important;font-size:22px!important;width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;border-radius:50%!important;transition:all .2s ease!important;position:relative!important;overflow:hidden!important}.playback-bar .controls button:after{content:""!important;position:absolute!important;top:50%!important;left:50%!important;width:100%!important;height:100%!important;background:radial-gradient(circle,#fff3,#fff0 70%)!important;transform:translate(-50%,-50%) scale(0)!important;opacity:0!important;transition:transform .3s ease,opacity .3s ease!important;pointer-events:none!important}.playback-bar .controls button:active{background-color:#ffffff1a!important;transform:scale(.92)!important}.playback-bar .controls button:active:after{transform:translate(-50%,-50%) scale(1)!important;opacity:1!important}.playback-bar .controls button:focus{outline:none!important}.playback-bar .controls .play-pause{font-size:26px!important;background-color:#9557ff33!important;color:#b58aff!important;width:48px!important;height:48px!important}.playback-bar .controls .play-pause:active{background-color:#9557ff4d!important}.playback-bar .controls .skip-prev,.playback-bar .controls .skip-next{font-size:20px!important}.playback-bar .controls .volume-button,.playback-bar .controls .queue-button{font-size:18px!important}.playback-bar .controls #downloadSong,.playback-bar .controls #saveSong{display:none!important}.playback-bar .controls .progress-container{width:100%!important;padding:0 .5rem!important;display:flex!important;align-items:center!important;gap:.5rem!important;margin-top:.5rem!important}.playback-bar .controls .progress-container .current-time,.playback-bar .controls .progress-container .duration{font-size:11px!important;color:#b3b3b3!important;min-width:35px!important;text-align:center!important}.playback-bar .controls .progress-container .progress-bar-container{flex:1!important;height:4px!important;background:#ffffff1a!important;border-radius:2px!important;position:relative!important;overflow:hidden!important}.playback-bar .controls .progress-container .progress-bar-container .progress-bar{position:absolute!important;top:0!important;left:0!important;height:100%!important;background:#9557ff!important;border-radius:2px!important}.playback-bar .controls .progress-container .progress-bar-container:active{height:8px!important}.playback-bar .controls .progress-container .progress-bar-container:active .progress-bar{height:100%!important}.playback-bar .controls #repeatSetting,.playback-bar .controls #nextSong,.playback-bar .controls #prevSong,.playback-bar .controls .volume-control,.playback-bar .controls .song-time,.playback-bar .queue-toggle{display:none!important}.playback-bar #progressBar{position:absolute!important;bottom:0!important;left:0!important;width:100%!important;height:4px!important;background:#ffffff1a!important;cursor:pointer!important;z-index:101!important}.playback-bar #progressBar .progress{height:100%!important;background:#9557ff!important;transition:width .1s linear!important}.playback-bar #progressBar:active{height:8px!important}.playback-bar .playback-bar-overlay{position:absolute!important;top:0!important;left:0!important;width:calc(100% - 60px)!important;height:100%!important;cursor:pointer!important}.playback-bar.minimized{height:4px!important;min-height:0!important;padding:0!important}.playback-bar.minimized:active,.playback-bar.minimized:hover{height:12px!important}.playback-bar.minimized #progressBar{height:4px!important}.playback-bar.minimized #progressBar:active,.playback-bar.minimized #progressBar:hover{height:12px!important}}@media (max-width: 767px){.queue-section{position:fixed!important;top:0!important;left:100%!important;width:100%!important;height:100%!important;background:#23222b!important;color:#fff!important;z-index:1003!important;overflow-y:auto!important;transition:transform .3s ease-out!important;transform:translate(0)!important;-webkit-overflow-scrolling:touch!important;padding-bottom:64px!important}.queue-section.visible{transform:translate(-100%)!important;box-shadow:-5px 0 20px #00000080!important}.queue-section .queue-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:1rem!important;background:#181818!important;position:sticky!important;top:0!important;z-index:10!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border-bottom:1px solid rgba(255,255,255,.05)!important}.queue-section .queue-header .close-queue-btn{background:#ffffff1a!important;border:none!important;color:#fff!important;font-size:22px!important;cursor:pointer!important;width:40px!important;height:40px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important}.queue-section .queue-header .close-queue-btn:active{background:#fff3!important;transform:scale(.9)!important}.queue-section .queue-header .close-queue-btn:focus{outline:none!important}.queue-section .queue-header h3{font-size:18px!important;margin:0!important;color:#fff!important;font-weight:600!important}.queue-section .queue-header .queue-actions{display:flex!important;gap:.5rem!important}.queue-section .queue-content{display:flex!important;flex-direction:column!important;width:100%!important;padding:1rem!important}.queue-section .queue-content .right-column.opened-fullscreen{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:#000000f2!important;z-index:1005!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:1rem!important;display:flex!important;flex-direction:column!important;align-items:center!important}.queue-section .queue-content .queue-thumbnail-large{width:85%!important;max-width:320px!important;margin:1rem auto 1.5rem!important;border-radius:12px!important;object-fit:cover!important;box-shadow:0 8px 20px #0006!important}.queue-section .queue-content .controls-row{display:flex!important;justify-content:center!important;gap:1rem!important;margin-bottom:1.5rem!important;align-items:center!important;width:100%!important}.queue-section .queue-content .controls-row button{width:50px!important;height:50px!important;border-radius:50%!important;background:#ffffff1a!important;border:none!important;color:#fff!important;font-size:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important}.queue-section .queue-content .controls-row button:active{transform:scale(.9)!important;background:#fff3!important}.queue-section .queue-content .controls-row button.primary{background:#9557ff!important;width:60px!important;height:60px!important;font-size:24px!important}.queue-section .queue-content .controls-row .back-button,.queue-section .queue-content .controls-row .play-pause-button,.queue-section .queue-content .controls-row .next-button{background:none!important;border:none!important;color:#fff!important;font-size:32px!important;margin:0 1rem!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important}.queue-section .queue-content .controls-row .back-button:focus,.queue-section .queue-content .controls-row .play-pause-button:focus,.queue-section .queue-content .controls-row .next-button:focus{outline:none!important}.queue-section .queue-content .volume-control{display:flex!important;align-items:center!important;justify-content:center!important;width:80%!important}.queue-section .queue-content .volume-control .volume-icon{font-size:24px!important;margin-right:.5rem!important;display:flex!important;align-items:center!important;justify-content:center!important}.queue-section .queue-content .volume-control input[type=range]{width:100%!important;background:#424242!important;border:none!important;border-radius:4px!important;height:4px!important;cursor:pointer!important}.queue-section .queue-content .volume-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none!important;appearance:none!important;width:12px!important;height:12px!important;background:#9557ff!important;border-radius:50%!important;cursor:pointer!important}.queue-section .queue-content .volume-control input[type=range]::-moz-range-thumb{width:12px!important;height:12px!important;background:#9557ff!important;border-radius:50%!important;cursor:pointer!important}.queue-list{width:100%!important;list-style:none!important;padding:0!important;margin:0!important}.queue-list li{display:flex!important;align-items:center!important;padding:1rem!important;border-bottom:1px solid #424242!important}.queue-list li .queue-thumbnail{width:60px!important;height:60px!important;border-radius:4px!important;margin-right:1rem!important;object-fit:cover!important;flex-shrink:0!important}.queue-list li .queue-song-info{flex:1!important}.queue-list li .queue-song-info h4{font-size:16px!important;margin:0!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.queue-list li .queue-song-info p{font-size:14px!important;margin:.25rem 0 0!important;color:#b3b3b3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.queue-list li .more-options-button{background:none!important;border:none!important;color:#fff!important;font-size:24px!important;cursor:pointer!important;margin-left:.5rem!important;display:flex!important;align-items:center!important;justify-content:center!important}.queue-list li .more-options-button:focus{outline:none!important}}@media (max-width: 767px){.create-cover-section{padding:1rem!important;margin-bottom:140px!important;border-radius:12px!important;background-color:#1e1e1e80!important;box-shadow:0 4px 15px #0000004d!important}.create-cover-section h2{font-size:1.5rem!important;margin-bottom:1.2rem!important;text-align:center!important;color:#b58aff!important;font-weight:600!important}.create-cover-section form#coverForm label{font-size:1rem!important;margin-bottom:.5rem!important;color:#fff!important;font-weight:500!important;display:block!important}.create-cover-section form#coverForm .input-container{display:flex!important;flex-direction:column!important;margin-bottom:1.2rem!important}.create-cover-section form#coverForm .input-container input,.create-cover-section form#coverForm .input-container select{padding:.85rem!important;margin-bottom:1.2rem!important;background-color:#1e1e1ecc!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:8px!important;color:#fff!important;font-size:16px!important;transition:all .2s ease!important}.create-cover-section form#coverForm .input-container input:focus,.create-cover-section form#coverForm .input-container select:focus{border-color:#9557ff80!important;box-shadow:0 0 0 2px #9557ff33!important;outline:none!important}.create-cover-section form#coverForm .input-container a#submitCoverForm{padding:.9rem!important;background-color:#9557ff!important;color:#fff!important;border-radius:8px!important;text-align:center!important;margin-bottom:1rem!important;display:block!important;cursor:pointer!important;font-weight:600!important;font-size:16px!important;box-shadow:0 4px 10px #0000004d!important;transition:all .2s ease!important}.create-cover-section form#coverForm .input-container a#submitCoverForm:hover,.create-cover-section form#coverForm .input-container a#submitCoverForm:active{background-color:#b58aff!important;transform:translateY(-2px)!important;box-shadow:0 6px 12px #0006!important}.create-cover-section form#coverForm .input-container a#submitCoverForm:active{transform:translateY(0)!important;box-shadow:0 2px 8px #0000004d!important}.library-section{margin:0 0 140px!important;padding:1rem!important;width:100%!important}.library-section .library-header{margin-bottom:1.2rem!important;padding:1rem!important;background-color:#1e1e1e80!important;border-radius:12px!important;box-shadow:0 4px 15px #0003!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.library-section .library-header h2{font-size:1.5rem!important;color:#b58aff!important;margin:0!important;font-weight:600!important}.library-section .library-header .view-controls{display:flex!important;gap:.5rem!important}.library-section .library-header .view-controls button{background:#ffffff1a!important;border:none!important;color:#fff!important;width:40px!important;height:40px!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.2rem!important;transition:all .2s ease!important}.library-section .library-header .view-controls button.active{background:#9557ff4d!important;color:#c5a4ff!important}.library-section .library-header .view-controls button:active{transform:scale(.95)!important}.library-section .library-list{gap:1rem!important}.library-section .library-list.grid-view{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.library-section .library-list.grid-view .library-item{background:#1e1e1e80!important;border:1px solid rgba(255,255,255,.05)!important;border-radius:12px!important;overflow:hidden!important;transition:all .2s ease!important;box-shadow:0 4px 10px #0003!important}.library-section .library-list.grid-view .library-item:active{transform:scale(.98)!important;box-shadow:0 2px 5px #0000004d!important}.library-section .library-list.grid-view .library-item .thumbnail-wrapper{position:relative!important;padding-top:100%!important;overflow:hidden!important}.library-section .library-list.grid-view .library-item .thumbnail-wrapper img{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .3s ease!important}.library-section .library-list.grid-view .library-item .thumbnail-wrapper:after{content:""!important;position:absolute!important;bottom:0!important;left:0!important;width:100%!important;height:50%!important;background:linear-gradient(to top,rgba(0,0,0,.7),transparent)!important;pointer-events:none!important}.library-section .library-list.grid-view .library-item .details{padding:.75rem!important;text-align:left!important}.library-section .library-list.grid-view .library-item .details h3{font-size:14px!important;margin-bottom:.25rem!important;color:#fff!important;font-weight:600!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.library-section .library-list.grid-view .library-item .details p{font-size:12px!important;color:#b3b3b3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.library-section .library-list.list-view{display:block!important}.library-section .library-list.list-view .library-item{display:flex!important;align-items:center!important;background:#1e1e1e80!important;border:1px solid rgba(255,255,255,.05)!important;border-radius:12px!important;padding:.75rem!important;margin-bottom:.75rem!important;transition:all .2s ease!important;box-shadow:0 4px 10px #0003!important}.library-section .library-list.list-view .library-item:active{transform:scale(.98)!important;background:#28282880!important;box-shadow:0 2px 5px #0000004d!important}.library-section .library-list.list-view .library-item .thumbnail-wrapper{flex-shrink:0!important;width:70px!important;height:70px!important;margin-right:1rem!important;border-radius:8px!important;overflow:hidden!important;box-shadow:0 2px 8px #0000004d!important}.library-section .library-list.list-view .library-item .thumbnail-wrapper img{width:100%!important;height:100%!important;object-fit:cover!important}.library-section .library-list.list-view .library-item .details{flex:1!important;padding:0 .5rem!important;min-width:0!important}.library-section .library-list.list-view .library-item .details h3{font-size:16px!important;margin:0 0 .25rem!important;color:#fff!important;font-weight:600!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.library-section .library-list.list-view .library-item .details p{font-size:14px!important;color:#b3b3b3!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.library-section .library-list.list-view .library-item .item-actions{display:flex!important;align-items:center!important;margin-left:.5rem!important}.library-section .library-list.list-view .library-item .item-actions button{background:none!important;border:none!important;color:#b3b3b3!important;width:40px!important;height:40px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.2rem!important;transition:all .2s ease!important}.library-section .library-list.list-view .library-item .item-actions button:active{background:#ffffff1a!important;color:#fff!important;transform:scale(.9)!important}.dashboard-section{padding:1rem!important;margin-bottom:140px!important}.dashboard-section h2{font-size:1.5rem!important;margin-bottom:1.2rem!important;text-align:center!important;color:#b58aff!important;font-weight:600!important}.dashboard-section .dashboard-header{background-color:#1e1e1e80!important;border-radius:12px!important;padding:1.2rem!important;margin-bottom:1.5rem!important;box-shadow:0 4px 15px #0003!important}.dashboard-section .dashboard-header h2{margin-bottom:.5rem!important}.dashboard-section .dashboard-header p{text-align:center!important;color:#b3b3b3!important;font-size:.9rem!important;margin:0!important}.dashboard-section .cover-list{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.dashboard-section .cover-list .cover-item{background:#1e1e1e80!important;border:1px solid rgba(255,255,255,.05)!important;border-radius:12px!important;overflow:hidden!important;transition:all .2s ease!important;box-shadow:0 4px 10px #0003!important;position:relative!important}.dashboard-section .cover-list .cover-item:active{transform:scale(.98)!important;box-shadow:0 2px 5px #0000004d!important}.dashboard-section .cover-list .cover-item .thumbnail-wrapper{position:relative!important;padding-top:100%!important;overflow:hidden!important}.dashboard-section .cover-list .cover-item .thumbnail-wrapper img{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .3s ease!important}.dashboard-section .cover-list .cover-item .thumbnail-wrapper:after{content:""!important;position:absolute!important;bottom:0!important;left:0!important;width:100%!important;height:50%!important;background:linear-gradient(to top,rgba(0,0,0,.7),transparent)!important;pointer-events:none!important}.dashboard-section .cover-list .cover-item .thumbnail-wrapper .play-overlay{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:50px!important;height:50px!important;background:#9557ffcc!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;opacity:0!important;transition:opacity .3s ease!important}.dashboard-section .cover-list .cover-item .thumbnail-wrapper .play-overlay i{color:#fff!important;font-size:1.5rem!important}.dashboard-section .cover-list .cover-item .thumbnail-wrapper:active .play-overlay{opacity:1!important}.dashboard-section .cover-list .cover-item .cover-details{padding:.75rem!important;text-align:left!important}.dashboard-section .cover-list .cover-item .cover-details h3{font-size:14px!important;margin-bottom:.25rem!important;color:#fff!important;font-weight:600!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.dashboard-section .cover-list .cover-item .cover-details p{font-size:12px!important;color:#b3b3b3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.dashboard-section .cover-list .cover-item .cover-details .cover-tags{display:flex!important;flex-wrap:wrap!important;gap:4px!important;margin-top:.5rem!important}.dashboard-section .cover-list .cover-item .cover-details .cover-tags .tag{background:#9557ff33!important;color:#c5a4ff!important;font-size:10px!important;padding:2px 6px!important;border-radius:4px!important;white-space:nowrap!important}.dashboard-section .cover-list .cover-item .cover-actions{position:absolute!important;top:8px!important;right:8px!important;display:flex!important;gap:4px!important;z-index:5!important}.dashboard-section .cover-list .cover-item .cover-actions button{width:32px!important;height:32px!important;border-radius:50%!important;background:#0009!important;border:none!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1rem!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important}.dashboard-section .cover-list .cover-item .cover-actions button:active{transform:scale(.9)!important;background:#000c!important}.dashboard-section .cover-list .cover-item .cover-actions button.remove-button{display:flex!important;color:#ff4d4d!important}.dashboard-section .cover-list .cover-item .cover-actions button.favorite-button{color:#fc0!important}.dashboard-section .empty-state{background:#1e1e1e80!important;border-radius:12px!important;padding:2rem 1rem!important;text-align:center!important;margin-top:1rem!important}.dashboard-section .empty-state i{font-size:3rem!important;color:#b3b3b3!important;margin-bottom:1rem!important;opacity:.5!important}.dashboard-section .empty-state h3{font-size:1.2rem!important;color:#fff!important;margin-bottom:.5rem!important}.dashboard-section .empty-state p{color:#b3b3b3!important;margin-bottom:1.5rem!important;font-size:.9rem!important}.dashboard-section .empty-state .btn{background:#9557ff!important;color:#fff!important;border:none!important;padding:.75rem 1.5rem!important;border-radius:8px!important;font-weight:600!important;display:inline-block!important}.dashboard-section .empty-state .btn:active{transform:scale(.98)!important;background:#a571ff!important}}@media (max-width: 767px){.hidden-mobile{display:none!important}.mobile-only{display:block!important}.flex-center{display:flex;flex-direction:column;justify-content:center;align-items:center}.m-0-mobile{margin:0!important}.p-0-mobile{padding:0!important}.mb-1-mobile{margin-bottom:.5rem!important}.mb-2-mobile{margin-bottom:1rem!important}.mb-3-mobile{margin-bottom:1.5rem!important}.mt-1-mobile{margin-top:.5rem!important}.mt-2-mobile{margin-top:1rem!important}.mt-3-mobile{margin-top:1.5rem!important}.text-center-mobile{text-align:center!important}.text-left-mobile{text-align:left!important}.text-right-mobile{text-align:right!important}.flex-column-mobile{flex-direction:column!important}.flex-row-mobile{flex-direction:row!important}.w-100-mobile{width:100%!important}.w-50-mobile{width:50%!important}.touch-target{min-height:44px!important;min-width:44px!important}.smooth-scroll{-webkit-overflow-scrolling:touch!important;scroll-behavior:smooth!important}input,select,textarea{font-size:16px!important}.btn-mobile{display:flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:.75rem 1.25rem!important;border-radius:8px!important;font-size:16px!important;font-weight:600!important;width:100%!important;margin-bottom:.75rem!important;transition:all .2s ease!important}.btn-mobile:active{transform:scale(.98)!important}.card-mobile{background:#1e1e1e80!important;border-radius:12px!important;padding:1rem!important;margin-bottom:1rem!important;box-shadow:0 4px 15px #0003!important}.safe-area-inset-bottom{padding-bottom:calc(env(safe-area-inset-bottom) + 64px)!important}.safe-area-inset-top{padding-top:calc(env(safe-area-inset-top) + 1rem)!important}}