.PlayList{position:relative;height:0;transition:height var(--animate-fast) ease;display:flex;flex-direction:column}.PlayList.minimized{height:0px}.PlayList h3{flex-shrink:0}.PlayList-header{display:flex;align-items:center;margin-bottom:var(--space-2);padding-top:var(--space-2)}.PlayList-header h3{margin:0;margin-left:var(--space-1);flex:1;min-width:0;word-break:break-word}.PlayList-list{list-style:none;padding:0;margin:0;overflow-y:auto;flex:1;min-height:0}.PlayList-item{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);font-size:var(--text-sm)}.PlayList-item-thumbnail{width:32px;height:32px;border-radius:4px;flex-shrink:0;cursor:pointer}.PlayList-item-info{flex:1;min-width:0;cursor:pointer;display:flex;flex-direction:column;overflow:hidden}.PlayList-item-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.PlayList-item-artist{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--gray-800)}.PlayList-list button{background:none;border:none;cursor:pointer;font-size:var(--text-md);padding:0;color:var(--primary-blue);flex-shrink:0;align-self:flex-start}.PlayList-remove-btn{color:var(--primary-blue)!important;transition:opacity .2s ease}.PlayList-remove-btn:hover{opacity:.7}.PlayList-close-btn{position:absolute;top:-14px;right:-14px;background:var(--primary-blue);border:none;cursor:pointer;font-size:var(--text-lg);color:var(--white);width:30px;height:30px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .2s ease}.PlayList-close-btn:hover{opacity:.8}.PlayList-save-btn{background:none;border:none;cursor:pointer;font-size:var(--text-md);padding:0;color:var(--primary-blue);margin-left:auto;flex-shrink:0;transition:opacity .2s ease}.PlayList-save-btn:hover{opacity:.7}.PlayList-save-changes-btn{background:var(--primary-blue);border:none;border-radius:4px;cursor:pointer;font-size:var(--text-sm);padding:4px 10px;color:#fff;margin-left:auto;flex-shrink:0;transition:opacity .2s ease}.PlayList-save-changes-btn:hover{opacity:.8}.PlayList-save-changes-btn:disabled{cursor:default;opacity:.6}.PlayList-save-input{flex:1;min-width:0;background:transparent;color:var(--primary-blue);border:none;border-bottom:2px solid var(--primary-blue);padding:0;margin-left:var(--space-1);font-size:var(--text-lg);font-family:var(--heading-font);line-height:var(--leading-tight);caret-color:var(--primary-blue)}.PlayList-save-input::placeholder{color:var(--primary-blue);opacity:.4}.PlayList-save-input:focus{outline:none}.PlayList-save-submit{background:var(--primary-blue);color:var(--white);border:none;border-radius:4px;padding:var(--space-1) var(--space-2);font-size:var(--text-sm);cursor:pointer;flex-shrink:0;transition:opacity .2s ease}.PlayList-save-submit:hover{opacity:.8}.PlayList-save-cancel{background:none;color:var(--gray-600);border:none;padding:var(--space-1) var(--space-2);font-size:var(--text-sm);cursor:pointer;flex-shrink:0;transition:opacity .2s ease}.PlayList-save-cancel:hover{opacity:.7}.PlayList-edit-title-btn{background:none;border:none;cursor:pointer;font-size:var(--text-sm);padding:0;color:var(--gray-600);flex-shrink:0;transition:opacity .2s ease}.PlayList-edit-title-btn:hover{opacity:.7}.PlayList-export-loading{display:flex;justify-content:center;align-items:center;padding:var(--space-4);font-size:var(--text-xl);color:var(--primary-blue)}.PlayList-export-btn{background:none;border:none;cursor:pointer;font-size:var(--text-md);padding:0;color:var(--gray-600);flex-shrink:0;transition:opacity .2s ease}.PlayList-export-btn:hover{opacity:.7}.PlayList-export-btn:disabled{cursor:default;opacity:.5}.PlayList-new-btn{background:none;border:none;cursor:pointer;font-size:var(--text-md);padding:0;color:var(--gray-600);flex-shrink:0;transition:opacity .2s ease}.PlayList-new-btn:hover{opacity:.7}.PlayList-default-name-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.PlayList-default-name-modal{background:var(--white);border-radius:8px;padding:var(--space-4);max-width:320px;width:90%;display:flex;flex-direction:column;gap:var(--space-2)}.PlayList-default-name-modal p{margin:0;font-size:var(--text-sm);color:var(--gray-600)}.PlayList-default-name-modal strong{font-size:var(--text-md)}.PlayList-default-name-modal-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2)}.PlayList-default-name-cancel{background:none;border:none;cursor:pointer;font-size:var(--text-sm);color:var(--gray-600);padding:var(--space-1) var(--space-2);transition:opacity .2s ease}.PlayList-default-name-cancel:hover{opacity:.7}.PlayList-default-name-confirm{background:var(--primary-blue);border:none;border-radius:4px;cursor:pointer;font-size:var(--text-sm);color:#fff;padding:var(--space-1) var(--space-2);transition:opacity .2s ease}.PlayList-default-name-confirm:hover{opacity:.8}