.dropdown-wrapper{position:relative}.dropdown-menu{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0003;min-width:200px;padding:4px 0;position:absolute;right:0;top:100%;z-index:100}.dropdown-menu.drop-up{bottom:100%;top:auto}.dropdown-menu .menu-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 14px;text-align:left;transition:background .15s;width:100%}.dropdown-menu .menu-item:hover:not(:disabled){background:var(--hover-bg)}.dropdown-menu .menu-item:disabled{cursor:not-allowed;opacity:.5}.dropdown-menu .menu-item-icon{color:var(--text-secondary);flex-shrink:0;height:18px;width:18px}.dropdown-menu .menu-divider{background:var(--border-color);height:1px;margin:4px 0}.save-modal-overlay[data-v-3bcba0c5]{align-items:center;background:#000000b3;display:flex;justify-content:center;inset:0;padding:20px;position:fixed;z-index:10000}.save-modal[data-v-3bcba0c5]{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:360px;overflow:hidden;position:relative;width:100%}.modal-close[data-v-3bcba0c5]{align-items:center;background:none;border:none;border-radius:50%;color:#606060;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:12px;top:12px;transition:background .2s;z-index:1}.modal-close[data-v-3bcba0c5]:hover{background:#f0f0f0}.modal-content[data-v-3bcba0c5]{display:flex;flex-direction:column;overflow:hidden;padding:20px}.modal-title[data-v-3bcba0c5]{color:#0f0f0f;font-size:1.25rem;font-weight:600;margin:0 0 16px;padding-right:32px}.playlists-auth-required[data-v-3bcba0c5]{align-items:center;color:#606060;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:32px 16px;text-align:center}.playlists-auth-required svg[data-v-3bcba0c5]{color:#909090}.playlists-auth-required p[data-v-3bcba0c5]{font-size:14px;margin:0}.sign-in-btn[data-v-3bcba0c5]{background:#f81337;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:background .2s}.sign-in-btn[data-v-3bcba0c5]:hover{opacity:.9}.no-playlists[data-v-3bcba0c5],.playlists-error[data-v-3bcba0c5],.playlists-loading[data-v-3bcba0c5]{align-items:center;color:#606060;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:32px 16px;text-align:center}.playlists-error[data-v-3bcba0c5]{color:#c62828}.retry-btn[data-v-3bcba0c5]{background:#f0f0f0;border:none;border-radius:6px;color:#0f0f0f;cursor:pointer;font-size:14px;padding:8px 16px}.retry-btn[data-v-3bcba0c5]:hover{background:#e0e0e0}.playlists-list[data-v-3bcba0c5]{display:flex;flex-direction:column;margin:0 -20px;max-height:300px;overflow-y:auto;padding:0 20px}.playlist-item[data-v-3bcba0c5]{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:12px;padding:12px 0;transition:opacity .2s}.playlist-item[data-v-3bcba0c5]:last-child{border-bottom:none}.playlist-item[data-v-3bcba0c5]:hover{background:#f9f9f9;margin:0 -20px;padding:12px 20px}.playlist-item.disabled[data-v-3bcba0c5]{cursor:wait;opacity:.7}.checkbox-wrapper[data-v-3bcba0c5]{align-items:center;display:flex;justify-content:center;position:relative}.checkbox-wrapper input[data-v-3bcba0c5]{height:0;opacity:0;position:absolute;width:0}.checkbox-custom[data-v-3bcba0c5]{align-items:center;background:#fff;border:2px solid #909090;border-radius:4px;display:flex;height:20px;justify-content:center;transition:all .2s;width:20px}.playlist-item input:checked+.checkbox-custom[data-v-3bcba0c5]{background:#f81337;border-color:#f81337;color:#fff}.playlist-item input:not(:checked)+.checkbox-custom svg[data-v-3bcba0c5]{display:none}.playlist-name[data-v-3bcba0c5]{color:#0f0f0f;flex:1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-privacy[data-v-3bcba0c5]{color:#909090;flex-shrink:0;font-size:12px}.create-section[data-v-3bcba0c5]{border-top:1px solid #e0e0e0;margin-top:12px;padding-top:12px}.create-btn[data-v-3bcba0c5]{align-items:center;background:transparent;border:none;border-radius:8px;color:#0f0f0f;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px;transition:background .2s;width:100%}.create-btn[data-v-3bcba0c5]:hover{background:#f0f0f0}.spinner[data-v-3bcba0c5]{border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#f81337;height:24px;width:24px}.spinner[data-v-3bcba0c5],.spinner-small[data-v-3bcba0c5]{animation:spin-3bcba0c5 .8s linear infinite}.spinner-small[data-v-3bcba0c5]{color:#f81337}@keyframes spin-3bcba0c5{to{transform:rotate(1turn)}}.modal-fade-enter-active[data-v-3bcba0c5],.modal-fade-leave-active[data-v-3bcba0c5]{transition:opacity .3s ease}.modal-fade-enter-from[data-v-3bcba0c5],.modal-fade-leave-to[data-v-3bcba0c5]{opacity:0}.modal-fade-enter-active .save-modal[data-v-3bcba0c5],.modal-fade-leave-active .save-modal[data-v-3bcba0c5]{transition:transform .3s ease}.modal-fade-enter-from .save-modal[data-v-3bcba0c5],.modal-fade-leave-to .save-modal[data-v-3bcba0c5]{transform:scale(.9)}@media(max-width:400px){.save-modal[data-v-3bcba0c5]{margin:0 10px;max-width:100%}}