.bg-majo { background: #fdf2f8; }
.skeleton { background: linear-gradient(90deg, #f3f4f6 25%, #fce7f3 50%, #f3f4f6 75%); background-size: 200% 100%; animation: loading 1.5s infinite; }
@keyframes loading { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
.library-container { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; max-height: 300px; overflow-y: auto; padding: 10px; }
.theme-card { border: 2px solid transparent; transition: all 0.3s; cursor: pointer; position: relative; overflow: hidden; border-radius: 1rem; background: white; }
.theme-card.active { border-color: #db2777; background: #fce7f3; transform: scale(0.95); }
.theme-card img { width: 100%; aspect-ratio: 1/1; object-fit: cover; border-radius: 0.75rem; }
.theme-card p { font-size: 10px; font-weight: 800; text-align: center; margin-top: 4px; color: #4b5563; text-transform: uppercase; }