.albums-grid[data-v-f7a1136d]{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.album-card[data-v-f7a1136d]{border-radius:16px;cursor:pointer;transition:transform .3s}.album-card[data-v-f7a1136d]:hover{transform:translateY(-5px)}.create-new[data-v-f7a1136d]{aspect-ratio:4/3;background-color:#fff;border:2px dashed #d1d5db;border-radius:16px;flex-direction:column;transition:all .3s}.create-new[data-v-f7a1136d],.create-new .icon-wrapper[data-v-f7a1136d]{align-items:center;color:#6b7280;display:flex;justify-content:center}.create-new .icon-wrapper[data-v-f7a1136d]{background-color:#f3f4f6;border-radius:50%;height:48px;margin-bottom:12px;transition:transform .3s;width:48px}.create-new[data-v-f7a1136d]:hover{background-color:#f5f3ff;border-color:#7c3aed;color:#7c3aed}.create-new:hover .icon-wrapper[data-v-f7a1136d]{background-color:#7c3aed;color:#fff;transform:scale(1.1)}.album-cover[data-v-f7a1136d]{aspect-ratio:4/3;background-color:#e5e7eb;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;margin-bottom:12px;overflow:hidden;position:relative}.album-cover img[data-v-f7a1136d]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s;width:100%}.album-cover .album-shadow[data-v-f7a1136d]{background:#9ca3af;border-radius:16px;inset:5px 5px 0;opacity:.2;position:absolute;transform:translateY(4px) scale(.95);z-index:-1}.album-cover:hover img[data-v-f7a1136d]{transform:scale(1.1)}.album-info h3[data-v-f7a1136d]{color:var(--text-main);font-size:15px;font-weight:600;margin:0 0 4px}.album-info p[data-v-f7a1136d]{color:var(--text-sub);font-size:12px;margin:0}.fade-in[data-v-f7a1136d]{animation:fadeIn-f7a1136d .4s ease-out forwards}@keyframes fadeIn-f7a1136d{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.empty-state[data-v-f7a1136d]{align-items:center;display:flex;height:100%;justify-content:center;min-height:100px}.empty-state .loading-spinner[data-v-f7a1136d]{animation:spin-f7a1136d 1s linear infinite;border:4px solid #e5e5e5;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}@keyframes spin-f7a1136d{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.guest-state[data-v-f7a1136d]{align-items:center;display:flex;justify-content:center;min-height:60vh;width:100%}.guest-state .state-content[data-v-f7a1136d]{align-items:center;background:#fff;border-radius:24px;display:flex;flex-direction:column;padding:40px;text-align:center}.guest-state .icon-box[data-v-f7a1136d]{align-items:center;background-color:#f3f4f6;border-radius:50%;color:#9ca3af;display:flex;height:80px;justify-content:center;margin-bottom:24px;transition:all .3s;width:80px}.guest-state h3[data-v-f7a1136d]{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 8px}.guest-state p[data-v-f7a1136d]{color:#6b7280;font-size:14px;margin:0 0 32px}.guest-state:hover .icon-box[data-v-f7a1136d]{background-color:#ede9fe;color:#7c3aed;transform:translateY(-5px)}.guest-state .login-btn[data-v-f7a1136d]{background-color:#7c3aed;border-color:#7c3aed;font-weight:500;padding:12px 36px}.guest-state .login-btn[data-v-f7a1136d]:hover{background-color:#6d28d9;border-color:#6d28d9;box-shadow:0 4px 12px #7c3aed4d;transform:translateY(-2px)}