.playlists-section{margin-bottom:2rem}.playlists-section .playlists-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:0 1.5rem}.playlists-section .playlists-section-header .playlists-section-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.playlists-section .playlists-section-header .playlists-section-view-all{background:none;border:none;color:#b3b3b3;font-size:.875rem;font-weight:600;cursor:pointer;padding:0;transition:all .2s ease}.playlists-section .playlists-section-header .playlists-section-view-all:hover{color:#fff}.playlists-section .playlists-section-content{padding-left:1.5rem;padding-right:1.5rem}.playlists-section .playlists-section-content.horizontal-scroll{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:1.5rem;padding:0 0 1rem}.playlists-section .playlists-section-content.horizontal-scroll>*{flex:0 0 auto}.playlists-section .playlists-section-content.horizontal-scroll::-webkit-scrollbar{height:8px}.playlists-section .playlists-section-content.horizontal-scroll::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.playlists-section .playlists-section-content.horizontal-scroll::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:4px}.playlists-section .playlists-section-content.horizontal-scroll::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.4)}@media(max-width:768px){.playlists-section .playlists-section-header{padding:0 1rem}.playlists-section .playlists-section-header .playlists-section-title{font-size:1.25rem}.playlists-section .playlists-section-content.horizontal-scroll{padding:0 1rem 1rem}}@media(max-width:480px){.playlists-section .playlists-section-header{padding:0 .75rem}.playlists-section .playlists-section-content.horizontal-scroll{padding:0 .75rem 1rem}}.component-playlist-list{display:flex;flex-direction:column;gap:10px}.component-playlist-list-empty{color:#b3b3b3;text-align:center;margin:20px 0 0;font-size:10px;font-weight:500}.component-playlist-list-item{display:flex;align-items:center;background:#000;border-radius:12px;padding:12px 15px;box-shadow:0 1px 6px rgba(0,0,0,.885);border:1px solid rgba(0,0,0,.06);position:relative;transition:box-shadow .2s,background .2s;cursor:pointer}.component-playlist-list-item:hover{background:rgba(40,40,40,.95);box-shadow:0 2px 12px rgba(0,0,0,.15)}.component-playlist-list-item-cover{width:48px;height:48px;border-radius:8px;overflow:hidden;margin-right:12px;flex-shrink:0;background:hsla(0,0%,100%,.05)}.component-playlist-list-item-cover img{width:100%;height:100%;object-fit:cover}.component-playlist-list-item-cover-placeholder{color:#b3b3b3}.component-playlist-list-item-cover-loading,.component-playlist-list-item-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(40,40,40,.8),rgba(60,60,60,.6));border-radius:8px}.component-playlist-list-item-cover-loading .loading-spinner{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.2);border-top-color:#1db954;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.component-playlist-list-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.component-playlist-list-item-title{font-size:12px;font-weight:700;color:#fff;margin-bottom:2px}.component-playlist-list-item-meta,.component-playlist-list-item-title{line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-playlist-list-item-meta{font-size:10px;color:#b3b3b3;font-weight:500}.component-playlist-list-item-description{font-size:9px;color:#888;font-weight:400;line-height:1.3;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.component-playlist-list-item-actions{display:flex;align-items:center;gap:4px;margin-left:8px}.component-playlist-list-item-play-btn{background:hsla(0,0%,100%,.1);border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background .2s}.component-playlist-list-item-play-btn:disabled{opacity:.5;cursor:not-allowed}.component-playlist-list-item-play-btn:hover:not(:disabled){background:hsla(0,0%,100%,.2)}.component-playlist-list-item-menu-container{position:relative}.component-playlist-list-item-menu-btn{background:hsla(0,0%,100%,.1);border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background .2s}.component-playlist-list-item-menu-btn:hover{background:hsla(0,0%,100%,.2)}.component-playlist-list-item-menu{position:absolute;right:0;top:100%;background:rgba(24,24,24,.95);border-radius:8px;padding:4px 0;box-shadow:0 4px 20px rgba(0,0,0,.3);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);z-index:1000;min-width:160px;margin-top:4px}@media(max-width:600px){.component-playlist-list-item{padding:10px 12px}.component-playlist-list-item-cover{width:40px;height:40px;margin-right:10px}.component-playlist-list-item-title{font-size:11px}.component-playlist-list-item-meta{font-size:9px}.component-playlist-list-item-description{font-size:8px}.component-playlist-list-item-menu-btn,.component-playlist-list-item-play-btn{width:24px;height:24px}}.track-edit-modal{background:#000;border-radius:16px;width:95vw;max-width:980px;max-height:95vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid #222;box-shadow:0 20px 60px rgba(0,0,0,.5)}.track-edit-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid #2a2d30}.track-edit-modal .modal-header h2{margin:0;color:#fff;font-size:20px;font-weight:600}.track-edit-modal .modal-header .modal-close{background:none;border:none;color:#888;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease}.track-edit-modal .modal-header .modal-close:hover{background:#2a2d30;color:#fff}.track-edit-modal .modal-tabs{display:flex;border-bottom:1px solid #2a2d30;background:#0a0a0a}.track-edit-modal .modal-tabs .tab{flex:1;padding:12px 16px;background:none;color:#888;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;border:none;border-bottom:2px solid rgba(0,0,0,0)}.track-edit-modal .modal-tabs .tab:hover{color:#ccc;background:hsla(0,0%,100%,.05)}.track-edit-modal .modal-tabs .tab.active{color:#fff;border-bottom-color:#4a9eff;background:rgba(74,158,255,.1)}.track-edit-modal .modal-form{flex:1;overflow-y:auto;padding:24px}.track-edit-modal .modal-form .tab-content{display:flex;flex-direction:column;gap:20px}.track-edit-modal .modal-form .form-group{display:flex;flex-direction:column;gap:8px}.track-edit-modal .modal-form .form-group label{color:#e0e0e0;font-size:14px;font-weight:500}.track-edit-modal .modal-form .form-group input,.track-edit-modal .modal-form .form-group select,.track-edit-modal .modal-form .form-group textarea{background:#0f1113;border:1px solid #2a2d30;border-radius:8px;padding:12px 14px;color:#fff;font-size:14px;transition:all .2s ease}.track-edit-modal .modal-form .form-group input:focus,.track-edit-modal .modal-form .form-group select:focus,.track-edit-modal .modal-form .form-group textarea:focus{outline:none;border-color:#4a9eff;box-shadow:0 0 0 3px rgba(74,158,255,.1)}.track-edit-modal .modal-form .form-group input::placeholder,.track-edit-modal .modal-form .form-group select::placeholder,.track-edit-modal .modal-form .form-group textarea::placeholder{color:#666}.track-edit-modal .modal-form .form-group input.disabled-input,.track-edit-modal .modal-form .form-group select.disabled-input,.track-edit-modal .modal-form .form-group textarea.disabled-input{background:#16191c;color:#888;cursor:not-allowed}.track-edit-modal .modal-form .form-group textarea{resize:vertical;min-height:80px}.track-edit-modal .modal-form .form-group.checkbox-group{flex-direction:row;align-items:center;gap:12px}.track-edit-modal .modal-form .form-group.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;margin:0}.track-edit-modal .modal-form .form-group.checkbox-group label input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer}.track-edit-modal .modal-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:480px){.track-edit-modal .modal-form .form-row{grid-template-columns:1fr}}.track-edit-modal .modal-form .file-upload .file-upload-btn{background:#2a2d30;border:1px solid #3a3d40;border-radius:8px;padding:12px 16px;color:#fff;cursor:pointer;font-size:14px;transition:all .2s ease}.track-edit-modal .modal-form .file-upload .file-upload-btn:hover{background:#3a3d40;border-color:#4a4d50}.track-edit-modal .modal-form .file-upload .cover-preview{margin-top:12px}.track-edit-modal .modal-form .file-upload .cover-preview img{display:block;width:100%;max-height:220px;object-fit:cover;border-radius:12px;border:1px solid #333}.track-edit-modal .modal-form .file-upload .file-info{margin-top:8px;display:flex;align-items:center;gap:8px;font-size:12px}.track-edit-modal .modal-form .file-upload .file-info .file-name{color:#e0e0e0}.track-edit-modal .modal-form .file-upload .file-info .file-size{color:#888}.track-edit-modal .modal-form .tags-input .tags-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.track-edit-modal .modal-form .tags-input .tags-list .tag{display:flex;align-items:center;gap:6px;background:#2a2d30;border:1px solid #3a3d40;border-radius:20px;padding:6px 12px;font-size:12px;color:#e0e0e0}.track-edit-modal .modal-form .tags-input .tags-list .tag button{background:none;border:none;color:#888;cursor:pointer;padding:2px;border-radius:50%;transition:all .2s ease}.track-edit-modal .modal-form .tags-input .tags-list .tag button:hover{background:#f44;color:#fff}.track-edit-modal .modal-form .tags-input .add-tag{display:flex;gap:8px}.track-edit-modal .modal-form .tags-input .add-tag input{flex:1}.track-edit-modal .modal-form .tags-input .add-tag button{background:#4a9eff;border:none;border-radius:6px;padding:8px;color:#fff;cursor:pointer;transition:all .2s ease}.track-edit-modal .modal-form .tags-input .add-tag button:hover:not(:disabled){background:#3a8eef}.track-edit-modal .modal-form .tags-input .add-tag button:disabled{background:#2a2d30;color:#666;cursor:not-allowed}.track-edit-modal .modal-form .tags-input .tags-hint{font-size:12px;color:#888;margin-top:4px}.track-edit-modal .modal-form .loading-text{color:#888;font-size:14px;padding:12px;text-align:center}.track-edit-modal .modal-form .no-playlists{color:#888;font-size:14px;text-align:center;padding:16px}.track-edit-modal .modal-form .no-playlists .create-playlist-btn{background:#4a9eff;border:none;border-radius:6px;padding:8px 16px;color:#fff;cursor:pointer;font-size:12px;margin-top:8px;transition:all .2s ease}.track-edit-modal .modal-form .no-playlists .create-playlist-btn:hover{background:#3a8eef}.track-edit-modal .modal-form .form-error{background:rgba(255,68,68,.1);border:1px solid #f44;border-radius:8px;padding:12px;color:#ff6b6b;font-size:14px;margin-top:16px}.track-edit-modal .modal-actions{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #2a2d30;background:#0a0a0a}.track-edit-modal .modal-actions .btn-cancel{flex:1;background:#2a2d30;border:1px solid #3a3d40;border-radius:8px;padding:12px 20px;color:#e0e0e0;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.track-edit-modal .modal-actions .btn-cancel:hover{background:#3a3d40;border-color:#4a4d50}.track-edit-modal .modal-actions .btn-submit{flex:2;background:#4a9eff;border:none;border-radius:8px;padding:12px 20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.track-edit-modal .modal-actions .btn-submit:hover:not(:disabled){background:#3a8eef;transform:translateY(-1px)}.track-edit-modal .modal-actions .btn-submit:disabled{background:#2a2d30;color:#666;cursor:not-allowed;transform:none}.track-edit-modal .modal-loader{position:absolute;background:rgba(26,29,33,.8);backdrop-filter:blur(2px)}.modal-overlay,.track-edit-modal .modal-loader{inset:0;display:flex;align-items:center;justify-content:center}.modal-overlay{position:fixed;background:rgba(0,0,0,.78);z-index:10050;padding:20px;backdrop-filter:blur(4px)}@media(max-width:768px){.track-edit-modal{width:96vw;max-height:96vh}.track-edit-modal .modal-form{padding:16px}.track-edit-modal .modal-form .form-row{grid-template-columns:1fr}.track-edit-modal .modal-actions{padding:16px;flex-direction:column}.track-edit-modal .modal-actions .btn-cancel,.track-edit-modal .modal-actions .btn-submit{flex:none}}.track-edit-modal .modal-form .tab-content .form-row:last-of-type .form-group:last-child,.track-edit-modal .modal-form .tab-content>.form-group:last-of-type,.track-edit-modal .modal-form .tab-content>.form-row:first-of-type .form-group:last-child{display:none!important}