/* Common Styles for StarRain Gallery */
body { font-family: 'Inter', sans-serif; background-color: #f8f9fb; overflow: hidden; user-select: none; }

/* Scrollbar Styles */
.no-scrollbar::-webkit-scrollbar { display: none; }
.custom-scrollbar::-webkit-scrollbar { width: 4px; }
.custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #e5e7eb; border-radius: 4px; }

/* User Menu Styles */
.user-menu { display: none; position: absolute; top: 100%; right: 0; margin-top: 12px; width: 280px; background: #fff; color: #374151; border-radius: 12px; border: 1px solid #e5e7eb; padding: 0; box-shadow: 0 10px 30px rgba(0,0,0,0.1); z-index: 1000; font-size: 14px; text-align: left; overflow: hidden; }
.user-menu.show { display: block; animation: fadeIn 0.2s ease; }
.user-menu-header { padding: 20px; text-align: center; border-bottom: 1px solid #f3f4f6; background: #fafafa; }
.user-menu-item { padding: 12px 16px; cursor: pointer; display: flex; align-items: center; gap: 12px; transition: background 0.2s; color: #6b7280; }
.user-menu-item:hover { background: #edf0f3; color: #111827; }
.user-menu-item i { width: 20px; text-align: center; }
.menu-divider { height: 1px; background: #e5e7eb; margin: 0; }

/* Dropdown Menu Styles (Used in ComfyUI, Canvas, Pro) */
.dropdown-menu { display: none; position: absolute; top: 100%; left: 0; margin-top: 8px; width: 200px; background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 6px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); z-index: 100; }
.dropdown-menu.show { display: block; animation: fadeIn 0.2s ease; }
.menu-item { padding: 8px 12px; border-radius: 6px; cursor: pointer; display: flex; align-items: center; gap: 10px; font-size: 13px; color: #374151; }
.menu-item:hover { background: #edf0f3; color: black; }

/* Animations */
@keyframes fadeIn { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }