.gallery-page{height:100vh;display:flex;flex-direction:column;background-color:#111218;color:#fff;overflow:hidden}.gallery-container{flex:1 1;overflow-y:auto;padding:40px 60px;scroll-behavior:smooth}.gallery-header-section{margin-bottom:40px;text-align:left}.gallery-header-section h1{font-size:2.5rem;font-weight:700;margin-bottom:8px;background:linear-gradient(135deg,#fff,#a5a5a5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.gallery-header-section p{color:#94a3b8;font-size:1.1rem}.gallery-empty,.gallery-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;color:#94a3b8}.loading-circle{width:40px;height:40px;border-top:3px solid color-mix(in srgb,var(--theme-color),transparent 80%);border:3px solid color-mix(in srgb,var(--theme-color),transparent 80%);border-top-color:var(--theme-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.create-btn{margin-top:20px;background-color:var(--theme-color);color:#000;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:700;transition:transform .2s ease}.create-btn:hover{transform:translateY(-2px)}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:30px;gap:30px}.avatar-card{background-color:#1b1e2a;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid hsla(0,0%,100%,.05);position:relative}.avatar-card:hover{transform:translateY(-8px);border-color:var(--theme-color);box-shadow:0 12px 24px color-mix(in srgb,var(--theme-color),transparent 90%)}.avatar-card-preview{height:240px;background-color:#232530;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.avatar-card-preview img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;height:100%;background:linear-gradient(135deg,#1e293b,#0f172a)}.avatar-gender-icon{font-size:64px;line-height:1}.avatar-body-type{color:#94a3b8;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.delete-avatar-btn{position:absolute;top:10px;right:10px;width:24px;height:24px;background:rgba(0,0,0,.5);border:none;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s ease;font-size:18px;z-index:2}.avatar-card:hover .delete-avatar-btn{opacity:1}.delete-avatar-btn:hover{background:#ef4444}.avatar-card-info{padding:16px;display:flex;flex-direction:column;gap:4px}.avatar-name{font-weight:700;color:#fff;font-size:15px}.avatar-date{font-size:12px;color:#64748b}.avatar-card-actions{padding:12px;display:flex;gap:8px;background-color:#1b1e2a}.action-btn{flex:1 1;padding:8px 12px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.edit-btn{background-color:var(--theme-color);color:#fff}.edit-btn:hover{background-color:var(--theme-color-hover)}.download-btn{background-color:#3b82f6;color:#fff}.download-btn:hover{background-color:#2563eb}.delete-btn{background-color:hsla(0,0%,100%,.1);color:#ef4444}.delete-btn:hover{background-color:rgba(239,68,68,.2)}@media (max-width:768px){.gallery-container{padding:20px}.avatar-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}}