.video-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;overflow:hidden}.video-background video{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.7) contrast(1.1);opacity:0;transition:opacity 1s ease-in-out}.video-background video.loaded{opacity:1}.video-fallback{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-3}.gradient-bg{width:100%;height:100%;background:linear-gradient(135deg,#1e1b4b,#312e81,#1e3a8a,#312e81,#1e1b4b);animation:gradientShift 10s ease-in-out infinite}@keyframes gradientShift{0%,to{background:linear-gradient(135deg,#1e1b4b,#312e81,#1e3a8a,#312e81,#1e1b4b)}50%{background:linear-gradient(135deg,#312e81,#1e3a8a,#1e1b4b,#1e3a8a,#312e81)}}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#000000b3,#00000080,#000c);z-index:-1}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;z-index:1;background:transparent}.auth-container{width:100%;max-width:450px;text-align:center}.auth-logo{margin-bottom:30px;display:flex;flex-direction:column;align-items:center;gap:15px}.auth-logo-image{width:80px;height:80px;border-radius:50%;border:3px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0003}.auth-logo h1{font-family:var(--font-secondary);font-size:2.5rem;font-weight:800;color:var(--color-text-primary);margin:0;letter-spacing:-1px;text-shadow:0 2px 15px rgba(0,0,0,.3)}.form-container{padding:40px;text-align:left;background:#000000e6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:20px}.form-header{text-align:center;margin-bottom:30px}.form-header h2{font-family:var(--font-secondary);font-size:1.8rem;font-weight:700;margin-bottom:8px}.form-header p{color:var(--color-text-secondary);font-size:.95rem}.auth-form{display:flex;flex-direction:column;gap:20px}.input-group{position:relative}.input-group input{width:100%;padding:14px 45px 14px 50px;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.2);border-radius:0;color:var(--color-text-primary);font-size:1rem;font-family:var(--font-primary);transition:all .3s ease}.input-group input:focus{outline:none;border-color:var(--color-primary)}.input-group input::placeholder{color:var(--color-text-disabled)}.input-icon{position:absolute;top:50%;transform:translateY(-50%);left:18px;color:var(--color-text-secondary);pointer-events:none;transition:all .3s ease}.password-toggle{position:absolute;top:50%;transform:translateY(-50%);right:18px;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;transition:color .3s ease}.password-toggle:hover{color:var(--color-text-primary)}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.checkbox{display:flex;align-items:center;cursor:pointer;color:var(--color-text-secondary)}.checkmark{width:18px;height:18px;border:1px solid var(--glass-border);border-radius:4px;margin-right:8px;position:relative;transition:all .3s ease}.checkbox input:checked+.checkmark{background:var(--color-primary);border-color:var(--color-primary)}.checkbox input:checked+.checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-text-primary);font-size:12px;font-weight:700}.forgot-password,.terms-link{color:var(--color-primary);text-decoration:none;transition:color .3s ease;font-weight:500}.forgot-password:hover,.terms-link:hover{text-decoration:underline}.auth-form .btn-primary{margin-top:15px;padding:16px;font-size:1rem;font-weight:600;letter-spacing:.5px;background:linear-gradient(135deg,var(--color-primary),#8b5cf6);border:none;border-radius:12px;transition:all .3s ease}.auth-form .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #7f5af04d}.form-footer{text-align:center;margin-top:25px;color:var(--color-text-secondary);font-size:.9rem}.toggle-form{background:none;border:none;color:var(--color-primary);font-weight:600;cursor:pointer;transition:all .3s ease}.toggle-form:hover{text-decoration:underline}@media (max-width: 768px){.auth-container{max-width:100%}.form-container{padding:30px 20px}.auth-logo h1{font-size:2.5rem}.form-options{flex-direction:column;gap:15px;align-items:flex-start}}.sidebar-nav{position:fixed;top:0;left:0;width:250px;height:100vh;background:var(--color-bg-dark);border-right:1px solid var(--glass-border);z-index:1000;display:flex;flex-direction:column;padding:0;overflow-y:auto;transition:width .3s ease,transform .3s ease}.nav-brand{display:flex;align-items:center;justify-content:flex-start;padding:0 25px;border-bottom:1px solid var(--glass-border);margin-bottom:25px;height:70px;box-sizing:border-box;flex-shrink:0}.nav-logo{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--color-primary);transition:all .3s ease;margin-right:15px}.nav-logo:hover{transform:rotate(15deg) scale(1.1)}.nav-brand-title{font-family:var(--font-secondary);font-size:1.5rem;font-weight:800;color:var(--color-text-primary)}.nav-section{margin-bottom:25px;padding:0 15px}.nav-section-title{font-size:.8rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.8px;padding:0 10px 10px}.nav-item{display:flex;align-items:center;gap:15px;padding:12px 15px;color:var(--color-text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;transition:all .2s ease-in-out;position:relative;border-radius:8px;margin-bottom:5px}.nav-item:hover{color:var(--color-text-primary);background:var(--color-bg-light)}.nav-item.active{color:var(--color-text-primary);background:var(--color-primary);font-weight:600}.nav-item.active svg{color:var(--color-text-primary)}.nav-user{margin-top:auto;padding:20px 15px;border-top:1px solid var(--glass-border);display:flex;flex-direction:column;gap:10px}.user-item{display:flex;align-items:center;gap:15px;padding:10px;color:var(--color-text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;transition:all .2s ease-in-out;border-radius:8px}.user-item:hover{color:var(--color-text-primary);background:var(--color-bg-light)}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;color:var(--color-text-primary);flex-shrink:0}.logout-btn{padding:12px;border:none;border-radius:8px;background:var(--color-bg-light);color:var(--color-text-secondary);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:100%;font-size:.9rem;font-weight:600;gap:10px}.logout-btn:hover{background:var(--color-primary);color:var(--color-text-primary)}@media (max-width: 1024px){.sidebar-nav{width:220px}}@media (max-width: 768px){.sidebar-nav{transform:translate(-100%);width:250px}.sidebar-nav.open{transform:translate(0)}}.top-bar{position:fixed;top:0;left:250px;right:0;height:70px;background:var(--color-bg-dark);border-bottom:1px solid var(--glass-border);z-index:999;transition:left .3s ease}.top-bar-content{height:100%;padding:0 40px;display:flex;align-items:center;justify-content:space-between}.mobile-menu-btn{display:none;background:none;border:none;color:var(--color-text-primary);cursor:pointer;z-index:1001}.page-title h1{font-family:var(--font-secondary);font-size:1.6rem;font-weight:700;color:var(--color-text-primary);margin:0}.top-bar-actions{display:flex;align-items:center;gap:20px}.top-bar-user{display:flex;align-items:center;gap:12px;cursor:pointer}.user-avatar-small{width:40px;height:40px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;color:var(--color-text-primary);border:2px solid var(--glass-border);transition:all .3s ease}.top-bar-user:hover .user-avatar-small{transform:scale(1.1);box-shadow:0 0 15px #7f5af080}.user-name{font-weight:600;color:var(--color-text-primary)}@media (max-width: 1024px){.top-bar{left:220px}.top-bar-content{padding:0 30px}}@media (max-width: 768px){.top-bar{left:0}.top-bar-content{padding:0 20px;justify-content:space-between}.mobile-menu-btn{display:block}.page-title{flex-grow:1;text-align:center;margin-left:-40px}.top-bar-actions{margin-left:auto}}@media (max-width: 480px){.top-bar-content{padding:0 15px}.user-name{display:none}}.floating-generate{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:999;width:90%;max-width:650px}.floating-form{width:100%}.floating-input-container{display:flex;align-items:center;gap:15px;padding:12px 12px 12px 20px;background:var(--glass-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--glass-border);border-radius:50px;box-shadow:0 10px 40px #0000004d;transition:all .3s ease}.floating-input-container:hover{box-shadow:0 12px 50px #0006;border-color:#7f5af066}.floating-input-container:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px #7f5af033,0 12px 50px #0006;outline:none}.floating-input-icon{color:var(--color-text-secondary);flex-shrink:0}.floating-input{flex:1;background:transparent;border:none;color:var(--color-text-primary);font-size:1rem;font-family:var(--font-primary);outline:none!important;padding:5px 0}.floating-input::placeholder{color:var(--color-text-secondary)}.floating-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.floating-action-btn{width:38px;height:38px;border:none;border-radius:12px;background:#ffffff0d;color:var(--color-text-secondary);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600}.floating-action-btn:hover{background:#ffffff1a;color:var(--color-text-primary);transform:scale(1.05)}.floating-submit-btn{width:42px;height:42px;border:none;border-radius:50%;background:var(--color-primary);color:var(--color-text-primary);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #7f5af04d}.floating-submit-btn:hover:not(:disabled){background:#9877f2;transform:scale(1.1);box-shadow:0 8px 25px #7f5af066}.floating-submit-btn:disabled{background:var(--color-bg-light);color:var(--color-text-disabled);cursor:not-allowed;transform:none;box-shadow:none}.ratio-text{font-size:.75rem;font-weight:700}@media (max-width: 768px){.floating-generate{bottom:20px;width:95%;max-width:550px}.floating-input-container{padding:10px 10px 10px 18px}.floating-input{font-size:.95rem}.floating-action-btn{width:34px;height:34px}.floating-submit-btn{width:38px;height:38px}}@media (max-width: 480px){.floating-generate{bottom:15px;left:15px;right:15px;width:auto;max-width:none;transform:none}.floating-input-container{padding:8px 8px 8px 15px;gap:8px}.floating-input{font-size:.9rem}.floating-actions{gap:5px}.floating-action-btn{width:32px;height:32px;font-size:.7rem}.floating-submit-btn{width:36px;height:36px}.ratio-text{font-size:.7rem}}@keyframes float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}.floating-generate{animation:float 4s ease-in-out infinite}@media (max-width: 480px){.floating-generate{animation:none}}.explore-page-full-bleed{padding:0!important;max-width:none!important}.image-card{border-radius:0!important;box-shadow:none!important;overflow:hidden!important;transform:none!important;transition:none!important;background:transparent!important;padding:0!important;width:100%;margin:0}.image-card:hover{transform:none!important;box-shadow:none!important}.image-card .image-container{border-radius:0!important;position:relative;width:100%}.image-card .image-container img{border-radius:0!important;width:100%!important;height:auto!important;display:block!important;transition:none!important;transform:none!important;object-fit:cover!important;max-width:none!important;min-width:100%!important}.image-card:hover .image-container img{transform:none!important}.masonry-grid{display:flex!important;margin-left:-2px;width:auto}.masonry-grid-column{padding-left:2px;background-clip:padding-box;flex:1}.masonry-grid-column .image-card{margin-bottom:2px!important;width:100%!important;display:block!important}@media (max-width: 768px){.masonry-grid{margin-left:-1px}.masonry-grid-column{padding-left:1px}.masonry-grid-column .image-card{margin-bottom:1px!important}}@media (max-width: 480px){.masonry-grid{margin-left:-1px}.masonry-grid-column{padding-left:1px}.masonry-grid-column .image-card{margin-bottom:1px!important}}.explore-page-full-bleed .image-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.explore-page-full-bleed .modal-content{max-width:95vw;max-height:90vh;width:auto;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:transparent;border:none;border-radius:0;padding:20px;box-shadow:none;overflow:hidden}.explore-page-full-bleed .modal-image-container{width:auto;height:auto;display:flex;align-items:center;justify-content:center;flex-shrink:1}.explore-page-full-bleed .modal-image{width:auto;height:auto;max-width:90vw;max-height:70vh;border-radius:12px;object-fit:contain;box-shadow:0 8px 32px #00000080}.explore-page-full-bleed .modal-info{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;border-radius:0;max-width:75vw;width:fit-content;min-width:180px;text-align:left;border:none;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:.65rem;line-height:1.2;display:inline-block;flex-shrink:0;margin-top:0}.explore-page-full-bleed .modal-info p{margin:0;font-size:.75rem;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;color:#ffffffe6}.explore-page-full-bleed .modal-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border:none;border-radius:50%;background:#000000b3;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:1001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.explore-page-full-bleed .modal-close:hover{background:#000000e6;transform:scale(1.1)}@media (max-width: 768px){.explore-page-full-bleed .modal-content{max-width:95vw;max-height:85vh;padding:15px;gap:8px}.explore-page-full-bleed .modal-image{max-width:88vw;max-height:65vh}.explore-page-full-bleed .modal-info{max-width:85vw;min-width:180px;width:fit-content;padding:0;margin-top:0;font-size:.6rem;line-height:1.2}.explore-page-full-bleed .modal-close{top:10px;right:10px;width:36px;height:36px}}@media (max-width: 480px){.explore-page-full-bleed .modal-content{max-height:80vh;padding:10px;gap:6px}.explore-page-full-bleed .modal-image{max-width:85vw;max-height:60vh}.explore-page-full-bleed .modal-info{max-width:82vw;min-width:160px;width:fit-content;padding:0;font-size:.55rem;line-height:1.2;margin-top:0}.explore-page-full-bleed .modal-info p{font-size:.55rem;line-height:1.2}}.generate-page{padding-bottom:60px}.generator-container{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1200px;margin:0 auto 80px}.modern-generator-form{grid-column:1 / -1;margin-bottom:40px}.form-container{max-width:800px;margin:0 auto}.input-section{background:var(--color-bg-light);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px}.input-section:focus-within{outline:none;border-color:#6366f14d}.input-wrapper{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.input-icon{color:#fff9;flex-shrink:0;margin-top:2px}.modern-input{flex:1;background:transparent;border:none;color:#ffffffe6;font-size:1rem;font-family:inherit;resize:none;outline:none;min-height:24px;max-height:120px;line-height:1.5;padding:2px 0 0}.modern-input::placeholder{color:#ffffff80}.input-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.action-icon{width:32px;height:32px;border:none;border-radius:8px;background:#ffffff1a;color:#ffffffb3;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.action-icon:hover{background:#ffffff26;color:#ffffffe6}.ratio-text{font-size:.7rem;font-weight:600}.form-footer{display:flex;justify-content:flex-end;align-items:center}.modern-generate-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#667eea;border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.modern-generate-btn:hover:not(:disabled){background:#5a67d8}.modern-generate-btn:disabled{opacity:.6;cursor:not-allowed}.aspect-ratio-section{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.generator-form{padding:30px}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#ffffffe6}.form-group textarea{width:100%;padding:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-family:inherit;font-size:.95rem;resize:vertical;transition:all .3s ease}.form-group textarea:focus{outline:none;border-color:#6366f1;background:#ffffff14;box-shadow:0 0 0 3px #6366f11a}.form-group textarea::placeholder{color:#ffffff80}.char-counter{text-align:right;margin-top:8px;font-size:.85rem;color:#fff9}.char-counter .warning{color:#f59e0b}.aspect-ratio-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.aspect-option{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease}.aspect-option input{display:none}.aspect-preview{width:60px;height:60px;border:2px solid rgba(255,255,255,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;background:#ffffff0d}.aspect-preview.square{width:60px;height:60px}.aspect-preview.landscape{width:80px;height:45px}.aspect-preview.portrait{width:45px;height:80px}.aspect-ratio{font-size:.7rem;color:#fff9}.aspect-option input:checked+.aspect-preview{border-color:#6366f1;background:#6366f11a}.aspect-label{font-size:.9rem;color:#fffc}.generate-btn{width:100%;padding:16px;font-size:1.1rem;font-weight:600}.rate-limit-info{margin-top:24px;padding:16px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.limit-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.9rem;color:#fffc}.limit-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.limit-progress{height:100%;background:linear-gradient(135deg,#6366f1,#8b5cf6);transition:width .3s ease}.limit-warning{margin-top:8px;font-size:.85rem;color:#f59e0b}.generation-result{display:flex;align-items:center;justify-content:center}.result-container{width:100%;padding:30px;text-align:center}.empty-result{color:#fff9}.empty-icon{margin-bottom:20px;color:#fff6}.empty-result h3{margin-bottom:12px;color:#fffc}.generating-state{padding:40px 20px}.generating-animation{position:relative;margin-bottom:24px;display:flex;align-items:center;justify-content:center}.pulse-circle{position:absolute;width:80px;height:80px;border:2px solid #6366f1;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.8);opacity:1}to{transform:scale(1.2);opacity:0}}.generating-state h3{margin-bottom:8px;color:#6366f1}.completed-state{text-align:left}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.new-generation-btn{padding:8px 16px;font-size:.9rem}.generated-images{margin-bottom:24px}.generated-image{position:relative;border-radius:12px;overflow:hidden;margin-bottom:16px}.generated-image img{width:100%;height:auto;display:block}.image-actions{position:absolute;top:12px;right:12px;display:flex;gap:8px}.generation-info{padding:16px;background:#ffffff08;border-radius:12px}.prompt-used{font-style:italic;color:#fffc;margin-bottom:12px}.generation-meta{display:flex;justify-content:space-between;font-size:.85rem;color:#fff9}.failed-state{color:#ef4444;padding:40px 20px}.failed-state h3{margin-bottom:12px}.failed-state p{margin-bottom:24px;color:#ffffffb3}@media (max-width: 768px){.generator-container{grid-template-columns:1fr;gap:30px}.input-section{padding:16px;border-radius:20px}.input-wrapper{gap:12px}.modern-input{font-size:.95rem}.input-actions{gap:6px}.action-icon{width:28px;height:28px}.modern-generate-btn{padding:8px 16px;font-size:.85rem}.aspect-ratio-selector{gap:12px}.aspect-preview.landscape{width:70px;height:40px}.aspect-preview.portrait{width:40px;height:70px}.result-header{flex-direction:column;gap:16px;align-items:flex-start}.generation-meta{flex-direction:column;gap:8px}}.posts-container{max-width:none;margin:0;padding:20px 4px 120px}.section-header{text-align:center;margin-bottom:40px}.section-header h3{font-size:2rem;font-weight:700;margin-bottom:12px;color:#fff}.section-header p{color:#ffffffb3;font-size:1.1rem}.posts-container-inner.grid-view{column-count:3;column-gap:4px;margin-bottom:40px;width:100%}.image-container{position:relative;width:100%}.image-container img{width:100%;height:auto;display:block;object-fit:cover}.image-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(to top,#000000d9,#0000);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease}.post-card:hover .image-overlay{opacity:1;transform:translateY(0)}.image-prompt{color:#fff;font-size:.9rem;line-height:1.5;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.image-actions{position:absolute;top:12px;right:12px;display:flex;gap:8px;opacity:0;transition:opacity .3s ease}.post-card:hover .image-actions{opacity:1}.action-btn{width:36px;height:36px;border:none;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.action-btn:hover{background:#ffffff4d;transform:scale(1.1)}.action-btn.delete-btn{background:#ef444433}.action-btn.delete-btn:hover{background:#ef444466;color:#ef4444}.action-btn.download-btn{background:#22c55e33}.action-btn.download-btn:hover{background:#22c55e66;color:#22c55e}.action-btn.share-btn{background:#3b82f633}.action-btn.share-btn:hover{background:#3b82f666;color:#3b82f6}.empty-history{text-align:center;padding:60px 20px;color:#fff9}.empty-history .empty-icon{margin-bottom:20px;color:#fff6}.empty-history h4{margin-bottom:12px;color:#fffc;font-size:1.3rem}.image-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{max-width:90vw;max-height:90vh;width:auto;height:auto;display:flex;flex-direction:row;align-items:center;gap:24px;background:#000000fa;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;box-shadow:0 20px 60px #00000080}.modal-image-container{flex:1 1 70%;display:flex;align-items:center;justify-content:center}.modal-image{width:auto;height:auto;max-width:100%;max-height:calc(90vh - 48px);border-radius:12px;object-fit:contain}.modal-info{flex:1 1 30%;max-width:350px;padding:8px 12px;max-height:calc(90vh - 48px);overflow-y:auto;background:#000000d9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:6px;border:1px solid rgba(255,255,255,.15);width:fit-content;min-width:200px;font-size:.7rem;line-height:1.3}.modal-prompt-simple p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.modal-prompt{font-size:.7rem;color:#ffffffe6;margin-bottom:8px;line-height:1.3;font-style:italic;font-weight:400;word-wrap:break-word;overflow-wrap:break-word}.modal-meta{display:flex;justify-content:center;gap:20px;font-size:.8rem;color:#fff9;margin-bottom:12px}.modal-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border:none;border-radius:50%;background:#fff3;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-actions{display:flex;justify-content:center;gap:12px;margin-top:16px;flex-wrap:wrap}.modal-action-btn.like-btn:hover{background:#ef444433;color:#ef4444}.modal-action-btn.delete-btn{background:#ef44441a;color:#ef4444cc}.modal-action-btn.download-btn{background:#22c55e1a;color:#22c55ecc}.modal-action-btn.download-btn:hover{background:#22c55e33;color:#22c55e}.modal-action-btn.share-btn{background:#3b82f61a;color:#3b82f6cc}.modal-action-btn.share-btn:hover{background:#3b82f633;color:#3b82f6}.modal-prompt-container{position:relative;cursor:pointer;transition:all .3s ease;margin-bottom:16px}.modal-prompt-preview{color:#ffffffe6;font-size:1rem;line-height:1.4;margin:0;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.modal-prompt-container:hover .modal-prompt-preview{color:#fff;background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.prompt-card{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:#000000f2;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:16px;animation:slideDown .3s ease;z-index:1001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #00000080}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.prompt-card-content{display:flex;flex-direction:column;gap:12px}.full-prompt{color:#ffffffe6;font-size:.95rem;line-height:1.5;margin:0;word-wrap:break-word}.prompt-actions{display:flex;justify-content:flex-end}.prompt-action-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:8px;background:#3b82f633;color:#3b82f6e6;cursor:pointer;transition:all .3s ease;font-size:.85rem;font-weight:500}.prompt-action-btn:hover{background:#3b82f64d;color:#3b82f6;transform:translateY(-1px)}@media (max-width: 1200px){.posts-container-inner.grid-view{column-count:3}}@media (max-width: 1024px){.posts-container-inner.grid-view{column-count:2}}@media (max-width: 768px){.posts-container{margin-top:40px;padding:10px 2px 100px}.posts-container-inner.grid-view{column-count:2;column-gap:2px}.post-card{margin-bottom:2px}.modal-content{flex-direction:column;max-width:95vw;max-height:95vh}.modal-image-container{max-width:100%}.modal-image{max-height:60vh}.modal-info{min-width:auto;width:100%}}@media (max-width: 480px){.posts-container-inner.grid-view{column-count:2;column-gap:1px}.post-card{margin-bottom:1px}}.modal-content{max-width:95vw}.modal-info{padding:16px}@media (max-width: 600px){.input-section{padding:14px;border-radius:18px}.input-wrapper{flex-direction:column;gap:12px}.input-icon{display:none}.modern-input{font-size:.9rem;padding:12px 0}.input-actions{justify-content:center;margin-top:0}.form-footer{justify-content:center}.modern-generate-btn{width:100%;justify-content:center;padding:12px 20px}.images-grid{column-count:2;column-gap:10px}.image-card.landscape .image-container img{height:120px;object-fit:cover}.image-card.portrait .image-container img{height:auto;object-fit:contain;aspect-ratio:9/16}.image-card.square .image-container img{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover}}@media (max-width: 400px){.form-container{padding:0 10px}.input-section{padding:12px;border-radius:16px}.modern-input{font-size:.85rem}.action-icon{width:24px;height:24px;font-size:.65rem}.modern-generate-btn{padding:10px 16px;font-size:.8rem}.images-grid{column-count:1;column-gap:8px}.image-card.landscape .image-container img{height:180px;object-fit:cover}.image-card.portrait .image-container img{height:auto;object-fit:contain;aspect-ratio:9/16}.image-card.square .image-container img{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover}.modal-image{max-height:70vh}.modal-info{padding:12px 16px;max-width:95vw}.modal-prompt{font-size:.8rem}.modal-meta{flex-direction:column;gap:8px;font-size:.7rem}.modal-actions{gap:8px;margin-top:12px}.modal-action-btn{padding:8px 12px;font-size:.8rem}}.profile-page{padding:60px 20px;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 70px)}.profile-container{max-width:500px;width:100%}.profile-card{padding:50px 40px;text-align:center}.profile-avatar-large{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:2.5rem;color:#fff;margin:0 auto 32px;box-shadow:0 8px 32px #6366f14d}.profile-info h3{font-size:2rem;margin-bottom:32px;color:#ffffffe6;font-weight:600}.profile-details{display:flex;flex-direction:column;gap:24px;text-align:left}.detail-item{display:flex;align-items:center;gap:16px;padding:20px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.detail-item:hover{background:#ffffff14;border-color:#6366f14d}.detail-label{font-size:.9rem;color:#fff9;font-weight:500;display:block;margin-bottom:4px}.detail-value{color:#ffffffe6;font-weight:600;font-size:1.1rem;display:block}@media (max-width: 768px){.profile-page{padding:40px 15px}.profile-card{padding:40px 30px}.profile-avatar-large{width:100px;height:100px;font-size:2rem}.profile-info h3{font-size:1.8rem}.detail-item{padding:16px}}@media (max-width: 480px){.profile-page{padding:20px 15px}.profile-card{padding:30px 20px}.profile-avatar-large{width:80px;height:80px;font-size:1.5rem}.profile-info h3{font-size:1.5rem}}.yuxels-page-full-bleed{padding:0!important;max-width:none!important}.yuxels-page{padding-bottom:120px;background:var(--color-bg-dark);min-height:100vh;overflow-x:hidden}.yuxels-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--color-bg-dark);border-bottom:1px solid rgba(255,255,255,.1)}.page-header{margin:0}.page-header h2{font-size:1.5rem;font-weight:600;color:#fff;margin:0}.header-actions{display:flex;align-items:center;gap:24px}.create-post-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#667eea;border:none;border-radius:8px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease}.create-post-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;opacity:1;display:block}.create-post-btn:hover{background:#5a67d8}.layout-toggle{display:flex;background:#ffffff14;border-radius:6px;padding:3px;gap:2px}.layout-btn{padding:6px 8px;border:none;border-radius:4px;background:transparent;color:#fff9;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.layout-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;opacity:1;display:block}.layout-btn:hover{color:#fffc;background:#ffffff1a}.layout-btn.active{background:#fff3;color:#fffffff2}.tab-navigation{display:flex;background:var(--color-bg-medium);border-radius:30px;padding:5px;gap:5px}.tab-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:25px;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all .3s ease;font-size:.95rem;font-weight:600}.tab-btn:hover{background:var(--color-bg-light);color:var(--color-text-primary)}.tab-btn.active{background:var(--color-primary);color:var(--color-text-primary);box-shadow:0 4px 15px #7f5af040}.tab-btn svg{width:18px;height:18px}.posts-container{max-width:none;margin:0;padding:0}.posts-container-inner.grid-view{column-count:3;column-gap:4px}.posts-container-inner.list-view{display:flex;flex-direction:column;gap:40px;max-width:700px;margin:0 auto}.post-card{break-inside:avoid;margin-bottom:4px;position:relative;overflow:hidden;border-radius:0;cursor:pointer;background-color:transparent}.post-image-container{position:relative;width:100%}.post-image-container img{width:100%;height:auto;display:block;object-fit:cover}.post-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(to top,#000000d9,#0000);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.post-caption{color:var(--color-text-primary);font-size:.9rem;line-height:1.5;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.post-meta{display:flex;justify-content:space-between;align-items:center;width:100%}.post-user{display:flex;align-items:center;gap:8px}.username{font-weight:600;color:var(--color-text-primary);font-size:.9rem}.post-actions{display:flex;align-items:center;gap:12px}.action-btn{display:flex;align-items:center;gap:10px;background:#14142399;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 28px;color:#e0e0e0;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 10px #0003}.action-btn:hover{background:#1e1e32cc;border-color:#ffffff26;color:var(--color-text-primary);transform:translateY(-2px)}.action-btn.favorited{background:var(--color-primary);color:var(--color-text-primary);border-color:transparent}.action-btn.favorited svg{fill:var(--color-text-primary);stroke:var(--color-text-primary)}.action-btn svg{width:16px;height:16px;transition:all .3s ease}.action-btn.delete-btn:hover{background:#ef4444;color:#fff}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#ffffffb3}.loading-state .spinner{margin-bottom:16px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{color:#ffffff4d;margin-bottom:16px}.empty-icon svg{width:48px;height:48px;stroke:currentColor;fill:none;stroke-width:2}.empty-state h3{color:#fffc;margin-bottom:8px}.empty-state p{color:#ffffff80}.load-more-container{display:flex;justify-content:center;margin-top:40px;margin-bottom:120px}.load-more-btn{padding:14px 32px;font-size:1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fffc;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.load-more-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;color:#fffffff2;transform:translateY(-2px)}.load-more-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.post-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border:none;border-radius:50%;background:#fff3;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:1001}.modal-close:hover{background:#ffffff4d}.modal-content{max-width:90vw;max-height:95vh;background:#000000fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #000c}.modal-image{width:100%;max-height:60vh;object-fit:contain;background:var(--color-bg-dark);flex-shrink:0}.modal-info{padding:12px 16px;background:#000000d9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid rgba(255,255,255,.15);border-radius:0 0 12px 12px;overflow-y:auto;flex:1;min-height:120px;max-height:30vh;font-size:.7rem;line-height:1.3}.modal-info::-webkit-scrollbar{width:6px}.modal-info::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.modal-info::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.modal-info::-webkit-scrollbar-thumb:hover{background:#ffffff80}.modal-user{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.modal-caption{color:#ffffffe6;font-size:.7rem;line-height:1.3;margin-bottom:10px;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;padding-right:10px}.modal-stats{display:flex;gap:16px;margin-bottom:12px;color:#fff9;font-size:.85rem}.modal-actions{display:flex;gap:12px;flex-wrap:wrap}.modal-action-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;background:#ffffff1a;color:#fffc;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500}.modal-action-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;opacity:1;display:block}.modal-action-btn.like-btn.favorited svg{fill:#ef4444;stroke:#ef4444}.modal-action-btn:hover{background:#fff3;color:#fffffff2;transform:translateY(-1px)}.modal-action-btn.like-btn.favorited{background:#ef444433;color:#ef4444}.modal-action-btn.share-btn:hover{background:#22c55e33;color:#22c55e}.modal-action-btn.report-btn:hover{background:#ef444433;color:#ef4444}.modal-action-btn.delete-btn{background:#ef44441a;color:#ef4401}.modal-action-btn.delete-btn:hover{background:#ef44444d;color:#ef4444}.create-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.create-modal-content{max-width:600px;width:100%;max-height:90vh;background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.create-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.create-modal-header h3{color:#ffffffe6;margin:0}.create-modal-body{padding:20px;overflow-y:auto;flex:1}.selection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.selection-header h4,.caption-input label,.post-preview h4{color:#fffc;margin:0;font-size:.9rem;font-weight:600}.show-all-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#ffffffb3;padding:6px 12px;font-size:.8rem;cursor:pointer;transition:all .3s ease}.show-all-btn:hover{background:#ffffff26;color:#ffffffe6}.images-grid-small{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px;max-height:200px;overflow-y:auto;transition:max-height .3s ease}.images-grid-small.expanded{max-height:400px}.more-images-hint{text-align:center;color:#ffffff80;font-size:.8rem;margin-bottom:24px;padding:8px;background:#ffffff0d;border-radius:6px}.selectable-image{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .3s ease}.selectable-image:hover{border-color:#ffffff4d}.selectable-image.selected{border-color:#667eea}.selectable-image img{width:100%;height:100%;object-fit:cover}.selected-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#667eea4d;display:flex;align-items:center;justify-content:center}.checkmark{width:24px;height:24px;background:#667eea;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.caption-input textarea{width:100%;padding:12px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff1a;color:#ffffffe6;font-family:inherit;resize:vertical;min-height:80px}.caption-input textarea:focus{outline:none;border-color:#667eea}.char-count{text-align:right;font-size:.8rem;color:#ffffff80;margin-top:4px}.post-preview{margin-top:24px}.preview-card{background:#ffffff0d;border-radius:8px;overflow:hidden;max-width:300px}.preview-card img{width:100%;height:200px;object-fit:cover}.preview-caption{padding:12px;color:#fffc;font-size:.9rem;margin:0}.create-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid rgba(255,255,255,.1)}.report-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.report-modal-content{max-width:500px;width:100%;background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.report-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.report-modal-header h3{color:#ffffffe6;margin:0}.report-modal-body{padding:20px}.reported-post{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border-radius:8px;margin-bottom:20px}.reported-post img{width:50px;height:50px;border-radius:6px;object-fit:cover}.reported-post p{color:#fffc;margin:0;font-weight:500}.reason-selection,.description-input{margin-bottom:16px}.reason-selection label,.description-input label{display:block;color:#fffc;margin-bottom:8px;font-size:.9rem;font-weight:500}.reason-selection select,.description-input textarea{width:100%;padding:10px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff1a;color:#ffffffe6;font-family:inherit}.reason-selection select:focus,.description-input textarea:focus{outline:none;border-color:#ef4444}.description-input textarea{resize:vertical;min-height:60px}.report-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid rgba(255,255,255,.1)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c)}@media (max-width: 1200px){.posts-container-inner.grid-view{column-count:3;gap:15px}}@media (max-width: 1024px){.posts-container-inner.grid-view{column-count:2;column-gap:4px}.page-header h2{font-size:2.5rem}}@media (max-width: 768px){.header-content{flex-direction:column;gap:16px;text-align:center}.header-text{text-align:center}.page-header h2{font-size:1.5rem}.yuxels-header{padding:12px 16px;gap:12px}.tab-navigation{max-width:350px;padding:6px;gap:6px}.tab-btn{padding:8px 12px;font-size:.8rem;gap:4px}.tab-btn svg{width:14px;height:14px}.posts-container-inner.grid-view{column-count:2;column-gap:2px}.post-card{margin-bottom:2px}.posts-container-inner.list-view .post-card{flex-direction:column;max-width:100%}.posts-container-inner.list-view .post-card .post-image-container{width:100%;aspect-ratio:1}.post-info{padding:12px}.modal-content{max-width:95vw;max-height:98vh}.modal-image{max-height:50vh}.modal-info{padding:16px;max-height:40vh;min-height:120px}.modal-caption{font-size:.65rem;line-height:1.3}.modal-actions{gap:8px}.modal-action-btn{padding:8px 12px;font-size:.8rem}.create-modal-content,.report-modal-content{max-width:95vw;max-height:95vh}.images-grid-small{grid-template-columns:repeat(2,1fr)}.tab-navigation{margin-top:16px;gap:4px}.tab-btn{padding:10px 16px;font-size:.8rem}}@media (max-width: 480px){.header-actions{flex-direction:column;gap:12px}.layout-toggle{order:2}.create-post-btn{order:1;padding:10px 20px;font-size:.9rem}.posts-container-inner.grid-view{column-count:2;column-gap:1px}.post-card{margin-bottom:1px}.page-header{margin-bottom:24px}.page-header h2{font-size:1.8rem}.post-overlay{padding:12px}.action-btn{padding:8px 12px;font-size:.8rem;gap:6px}.modal-close{top:10px;right:10px;width:36px;height:36px}.modal-actions{flex-direction:column}.modal-action-btn{justify-content:center}.images-grid-small{grid-template-columns:1fr}.create-modal-body,.report-modal-body{padding:16px}.create-modal-footer,.report-modal-footer{padding:16px;flex-direction:column}.create-modal-footer .btn,.report-modal-footer .btn{width:100%;justify-content:center}.tab-navigation{flex-direction:column;gap:8px;max-width:none}.tab-btn{padding:12px;font-size:.9rem}}.loading-more-indicator{text-align:center;margin:40px 0;padding:20px;color:#ffffffb3}.loading-more-indicator .spinner{width:24px;height:24px;margin:0 auto 12px}.loading-more-indicator p{font-size:.9rem;margin:0}.main-app{min-height:100vh;display:flex;position:relative;z-index:1;background-color:var(--color-bg-dark)}.main-content{flex:1;margin-left:250px;margin-top:70px;min-height:calc(100vh - 70px);transition:margin-left .3s ease}.page{padding:40px;max-width:1600px;margin:0 auto;width:100%}.page-header{text-align:center;margin-bottom:50px}.page-header h2{font-family:var(--font-secondary);font-size:2.8rem;font-weight:800;margin-bottom:15px;color:var(--color-text-primary);letter-spacing:-.5px}.page-header h2 span{color:var(--color-primary)}.page-header p{color:var(--color-text-secondary);font-size:1.1rem;max-width:650px;margin:0 auto;line-height:1.7}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.loading-container .spinner{width:48px;height:48px;margin-bottom:25px}.loading-container p{color:var(--color-text-secondary);font-size:1.2rem;font-weight:500}.empty-state{text-align:center;padding:80px 20px;color:var(--color-text-secondary);border:2px dashed var(--glass-border);border-radius:20px;background-color:var(--color-bg-light)}.empty-state h3{font-family:var(--font-secondary);font-size:1.8rem;margin-bottom:15px;color:var(--color-text-primary)}.empty-state p{font-size:1.1rem;margin-bottom:30px;max-width:500px;margin-left:auto;margin-right:auto}@media (max-width: 1024px){.main-content{margin-left:220px}}@media (max-width: 768px){.main-content{margin-left:0;margin-top:60px}.page{padding:30px 20px}.page-header h2{font-size:2.4rem}.page-header p{font-size:1rem}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:998;display:none}.main-app.nav-open .overlay{display:block}}@media (max-width: 480px){.page{padding:20px 15px}.page-header h2{font-size:2rem}}.admin-page{padding:20px 0 60px;min-height:100vh}.admin-page .page-header{text-align:center;margin-bottom:24px}.admin-page .page-header h1{font-size:2rem;font-weight:700;color:#ffffffe6;margin:0 0 8px}.admin-page .page-header p{font-size:1rem;color:#fff9;margin:0}.admin-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:32px;padding:12px;background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;max-width:100%;width:100%;margin-left:auto;margin-right:auto;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0003;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.admin-tabs::-webkit-scrollbar{display:none}.admin-tabs .tab-btn{display:flex;align-items:center;gap:6px;padding:12px 16px;border:none;border-radius:12px;background:transparent;color:#ffffffb3;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.85rem;font-weight:600;white-space:nowrap;min-width:fit-content;justify-content:center;position:relative;overflow:hidden;flex-shrink:0}.admin-tabs .tab-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);opacity:0;transition:opacity .3s ease}.admin-tabs .tab-btn:hover:before{opacity:1}.admin-tabs .tab-btn:hover{color:#ffffffe6;transform:translateY(-2px);box-shadow:0 4px 16px #0003}.admin-tabs .tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-1px);box-shadow:0 8px 24px #667eea66}.admin-container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr;gap:24px}.glass{background:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 8px 32px #00000080;transition:all .3s ease}.glass:hover{background:#ffffff14;border-color:#ffffff26;box-shadow:0 12px 40px #0000004d}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:20px}.stat-item{text-align:center}.stat-item h3{font-size:2rem;font-weight:700;color:#6366f1;margin:0 0 8px}.stat-item p{font-size:.9rem;color:#ffffffb3;margin:0}.admin-actions{display:flex;gap:16px;padding:20px;align-items:center}.admin-form{padding:30px}.form-header{display:flex;align-items:center;gap:12px;margin-bottom:30px;color:#6366f1}.form-header h3{font-size:1.5rem;font-weight:600;margin:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#ffffffe6;font-size:.95rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-family:inherit;font-size:.95rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#6366f1;background:#ffffff14;box-shadow:0 0 0 3px #6366f11a}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}.form-group textarea{resize:vertical;min-height:80px}.form-group select{cursor:pointer}.form-group select option{background:#1a1a2e;color:#fff}.form-options{display:flex;gap:24px;margin-bottom:30px;flex-wrap:wrap}.checkbox{display:flex;align-items:center;cursor:pointer;color:#fffc;font-size:.95rem}.checkbox input{display:none}.checkmark{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:4px;margin-right:8px;position:relative;transition:all .3s ease;flex-shrink:0}.checkbox input:checked+.checkmark{background:#6366f1;border-color:#6366f1}.checkbox input:checked+.checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.submit-btn{width:100%;padding:16px;font-size:1.1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}.image-preview{padding:30px;text-align:center}.preview-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px;color:#10b981}.preview-header h3{font-size:1.3rem;font-weight:600;margin:0}.preview-image{margin-bottom:20px;border-radius:12px;overflow:hidden;display:inline-block;max-width:100%}.preview-image img{max-width:100%;max-height:400px;display:block;border-radius:12px}.preview-info{text-align:left;background:#ffffff08;padding:16px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.preview-info p{margin:8px 0;font-size:.9rem;color:#fffc}.preview-info strong{color:#ffffffe6}.admin-items{padding:30px}.items-header{margin-bottom:30px;text-align:center}.items-header h3{font-size:1.5rem;font-weight:600;color:#ffffffe6;margin:0 0 8px}.items-header p{color:#fff9;margin:0}.loading-state,.empty-state{text-align:center;padding:60px 20px;color:#fff9}.admin-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.admin-item-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transition:all .3s ease}.admin-item-card:hover{transform:translateY(-2px);border-color:#6366f14d}.item-image{width:100%;height:auto;overflow:hidden;border-radius:8px}.item-image img{width:100%;height:auto;display:block;object-fit:cover;transition:transform .3s ease}.item-image img:hover{transform:scale(1.02)}.item-content{padding:16px}.item-prompt{font-size:.9rem;color:#fffc;margin:0 0 12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-stats{display:flex;gap:16px;margin-bottom:12px;font-size:.8rem;color:#fff9}.item-stats span{display:flex;align-items:center;gap:4px}.item-status{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.status-badge{padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase}.status-badge.public{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.status-badge.private{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.3)}.status-badge.featured{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.status-badge.normal{background:#6b728033;color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.status-badge.active{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.status-badge.inactive{background:#6b728033;color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.item-actions{display:flex;gap:8px;margin-bottom:12px}.action-btn{width:32px;height:32px;border:none;border-radius:6px;background:#ffffff1a;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.action-btn:hover{background:#fff3;color:#ffffffe6}.action-btn.featured{background:#f59e0b33;color:#fbbf24}.action-btn.public,.action-btn.active{background:#22c55e33;color:#4ade80}.action-btn.delete{background:#ef444433;color:#f87171}.action-btn.delete:hover{background:#ef44444d}.item-meta{display:flex;justify-content:space-between;font-size:.7rem;color:#ffffff80}.aspect-ratio-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:8px}.aspect-card{display:flex;flex-direction:column;gap:8px;padding:16px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative}.aspect-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.aspect-card.selected{background:#4a90e226;border-color:#4a90e2;box-shadow:0 0 0 1px #4a90e24d}.aspect-card-header{display:flex;align-items:center;gap:12px}.aspect-icon{font-size:2rem;width:40px;text-align:center}.aspect-info{flex:1;display:flex;flex-direction:column;gap:2px}.aspect-label{font-size:1rem;font-weight:600;color:#ffffffe6}.aspect-dimensions{font-size:.85rem;color:#fff9;font-family:Courier New,monospace}.aspect-check{color:#4a90e2;font-weight:700;font-size:1.2rem}.aspect-description{font-size:.8rem;color:#fff9;line-height:1.4;margin-left:52px}.create-form-always-visible{margin-bottom:32px}.create-form-always-visible .form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.create-form-always-visible .form-header h3{display:flex;align-items:center;gap:12px;margin:0;font-size:1.4rem;font-weight:600;color:#ffffffe6}.refresh-btn{padding:8px 16px;font-size:.85rem;min-width:auto}.form-group label{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:500;color:#ffffffe6;font-size:.9rem;flex-wrap:wrap}.label-icon{font-size:1rem}.label-hint{font-size:.75rem;color:#ffffff80;font-weight:400;margin-left:auto}.textarea-wrapper{position:relative}.textarea-wrapper textarea{width:100%;min-height:100px;padding:12px 16px 40px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffe6;font-size:.9rem;line-height:1.5;resize:vertical;transition:all .3s ease;font-family:inherit}.textarea-wrapper textarea:focus{outline:none;border-color:#4a90e2;background:#ffffff14;box-shadow:0 0 0 2px #4a90e233}.textarea-wrapper textarea::placeholder{color:#fff6;font-style:italic}.textarea-footer{position:absolute;bottom:8px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;font-size:.7rem;color:#ffffff80}.char-count{font-family:Courier New,monospace;color:#fff9}.textarea-hint{font-style:italic}.form-options{margin-top:24px}.options-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:.9rem;font-weight:500;color:#ffffffe6}.options-icon{font-size:1rem}.option-cards{display:flex;flex-direction:column;gap:12px}.option-card{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;transition:all .3s ease;position:relative}.option-card:hover{background:#ffffff0f;border-color:#ffffff26}.option-card input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.card-content{flex:1;display:flex;flex-direction:column;gap:6px}.card-header{display:flex;align-items:center;gap:8px}.card-icon{font-size:1.2rem}.card-title{font-size:.9rem;font-weight:500;color:#ffffffe6}.card-toggle{margin-left:auto;width:40px;height:20px;background:#fff3;border-radius:10px;position:relative;transition:all .3s ease}.card-toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fffc;border-radius:50%;transition:all .3s ease}.option-card input[type=checkbox]:checked+.card-content .card-toggle{background:#4a90e2}.option-card input[type=checkbox]:checked+.card-content .card-toggle:after{transform:translate(20px);background:#fff}.card-description{font-size:.75rem;color:#fff9;line-height:1.4}.submit-section{margin-top:32px;display:flex;flex-direction:column;gap:16px}.modern-submit{min-height:60px;padding:0;background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:12px;position:relative;overflow:hidden;transition:all .3s ease}.modern-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #4a90e266}.modern-submit:disabled{background:#ffffff1a;cursor:not-allowed}.submit-content{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px;position:relative;z-index:1}.submit-content>span:first-of-type{font-size:1rem;font-weight:600;color:#fff}.submit-hint{font-size:.75rem;color:#fffc;font-weight:400}.generation-preview{display:flex;flex-direction:column;gap:4px;padding:12px 16px;background:#4a90e21a;border:1px solid rgba(74,144,226,.2);border-radius:8px;font-size:.8rem}.preview-label{color:#ffffffb3;font-weight:500}.preview-details{color:#ffffffe6;font-family:Courier New,monospace}@media (max-width: 768px){.admin-container{padding:0 15px}.admin-stats{grid-template-columns:repeat(2,1fr);gap:16px;padding:16px}.admin-actions{flex-direction:column;align-items:stretch}.admin-form{padding:20px}.form-row{grid-template-columns:1fr;gap:0}.form-options{flex-direction:column;gap:16px}.form-header h3{font-size:1.3rem}.admin-items-grid{grid-template-columns:1fr}.aspect-ratio-cards{grid-template-columns:1fr;gap:12px}.aspect-card{padding:12px}.aspect-icon{font-size:1.5rem;width:32px}.aspect-label{font-size:.9rem}.aspect-dimensions{font-size:.75rem}.aspect-description{font-size:.75rem;margin-left:44px}.create-form-always-visible .form-header{flex-direction:column;gap:16px;align-items:stretch}.create-form-always-visible .form-header h3{font-size:1.2rem}.label-hint{margin-left:0;margin-top:4px;flex-basis:100%}.textarea-footer{position:static;margin-top:8px;padding:0}.textarea-wrapper textarea{padding-bottom:12px}.option-cards{gap:8px}.option-card{padding:12px}.modern-submit{min-height:50px}.submit-content{padding:12px}.generation-preview{padding:10px 12px;font-size:.75rem}}@media (max-width: 480px){.admin-form{padding:15px}.form-group input,.form-group textarea,.form-group select{padding:10px 12px}.submit-btn{padding:14px;font-size:1rem}}.reports-list{display:flex;flex-direction:column;gap:20px}.report-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;transition:all .3s ease}.report-card:hover{transform:translateY(-2px);border-color:#ef44444d;box-shadow:0 8px 32px #ef44441a}.report-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.report-info h4{font-size:1.1rem;font-weight:600;color:#ffffffe6;margin:0 0 8px}.report-info p{font-size:.9rem;color:#ffffffb3;margin:4px 0}.report-status .status-badge{padding:6px 12px;border-radius:16px;font-size:.8rem;font-weight:600;text-transform:uppercase}.status-badge.pending{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.status-badge.reviewed{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.status-badge.resolved{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.status-badge.dismissed{background:#6b728033;color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.report-content{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px}.reported-post{display:flex;gap:12px;background:#ffffff05;padding:12px;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.post-thumbnail{width:80px;height:80px;object-fit:cover;border-radius:6px;flex-shrink:0}.post-details{flex:1}.post-details p{font-size:.8rem;color:#ffffffb3;margin:4px 0;line-height:1.4}.report-description{background:#ef44440d;padding:12px;border-radius:8px;border:1px solid rgba(239,68,68,.1)}.report-description p{font-size:.8rem;color:#ffffffb3;margin:4px 0;line-height:1.4}.report-actions{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap}.report-actions .action-btn{width:auto;height:auto;padding:8px 16px;border-radius:8px;font-size:.8rem;font-weight:500;display:flex;align-items:center;gap:6px;transition:all .3s ease}.report-actions .action-btn:disabled{opacity:.5;cursor:not-allowed}.report-actions .action-btn.reviewed{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.report-actions .action-btn.reviewed:hover:not(:disabled){background:#3b82f64d}.report-actions .action-btn.resolved{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.report-actions .action-btn.resolved:hover:not(:disabled){background:#22c55e4d}.report-actions .action-btn.delete{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.3)}.report-actions .action-btn.delete:hover{background:#ef44444d}.admin-notes{background:#6366f10d;padding:12px;border-radius:8px;border:1px solid rgba(99,102,241,.1);margin-top:12px}.admin-notes p{font-size:.8rem;color:#fffc;margin:0;line-height:1.4}@media (max-width: 1024px){.admin-tabs{max-width:100%;padding:8px;gap:6px}.admin-tabs .tab-btn{padding:10px 12px;font-size:.8rem;gap:4px}.admin-container{max-width:100%;padding:0 16px}.admin-stats{grid-template-columns:repeat(2,1fr);gap:16px;padding:16px}.admin-actions{flex-wrap:wrap;gap:12px;padding:16px}.admin-form{padding:20px}.form-row{grid-template-columns:1fr;gap:16px}}@media (max-width: 768px){.admin-tabs{padding:8px;gap:4px;border-radius:16px}.admin-tabs .tab-btn{padding:8px 10px;font-size:.75rem;gap:3px;border-radius:10px}.admin-tabs .tab-btn svg{width:16px;height:16px}.admin-container{padding:0 12px;gap:20px}.admin-stats{grid-template-columns:1fr;gap:12px;padding:12px}.admin-actions{flex-direction:column;gap:8px;padding:12px}.admin-form{padding:16px}.form-header h3{font-size:1.2rem}.admin-items{padding:16px}.admin-items-grid{grid-template-columns:1fr;gap:16px}.report-content{grid-template-columns:1fr;gap:12px}.reported-post{flex-direction:column;gap:8px}.post-thumbnail{width:100%;height:120px}.report-actions{flex-direction:column;gap:8px}.report-actions .action-btn{width:100%;justify-content:center}}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:16px}.dashboard-grid .stat-item{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;text-align:center;transition:all .3s ease}.dashboard-grid .stat-item:hover{background:#ffffff0a;border-color:#667eea4d;transform:translateY(-2px)}.dashboard-grid .stat-item h3{font-size:1.5rem;font-weight:700;color:#6366f1;margin:0 0 4px}.dashboard-grid .stat-item p{font-size:.8rem;color:#ffffffb3;margin:0}.recent-activity-list{display:flex;flex-direction:column;gap:16px}.activity-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;transition:all .3s ease}.activity-card:hover{transform:translateY(-2px);border-color:#667eea4d;box-shadow:0 8px 32px #667eea1a}.activity-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.activity-info h4{font-size:1.1rem;font-weight:600;color:#ffffffe6;margin:0 0 4px}.activity-info p{font-size:.9rem;color:#ffffffb3;margin:0}.activity-stats{display:flex;flex-direction:column;gap:8px}.activity-stats .stat{display:flex;justify-content:space-between;font-size:.9rem}.activity-stats .label{color:#ffffffb3}.activity-stats .value{color:#ffffffe6;font-weight:500}.status-badge.exceeded{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.3)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;align-items:end}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.9rem;font-weight:500;color:#fffc}.form-group input{padding:10px 12px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#ffffffe6;font-size:.9rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#667eea80;box-shadow:0 0 0 2px #667eea1a;background:#ffffff14}.usage-stats-list{display:flex;flex-direction:column;gap:16px}.usage-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;transition:all .3s ease}.usage-card:hover{transform:translateY(-2px);border-color:#667eea4d;box-shadow:0 8px 32px #667eea1a}.usage-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.usage-info h4{font-size:1.1rem;font-weight:600;color:#ffffffe6;margin:0 0 4px}.usage-info p{font-size:.9rem;color:#ffffffb3;margin:0}.usage-status{display:flex;gap:8px;flex-wrap:wrap}.usage-stats{margin-bottom:12px}.stat-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.9rem;color:#fffc}.usage-actions{display:flex;gap:8px;flex-wrap:wrap}.usage-actions .action-btn{width:auto;height:auto;padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:500;display:flex;align-items:center;gap:4px;transition:all .3s ease}.usage-actions .action-btn.view{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.usage-actions .action-btn.view:hover{background:#3b82f64d}.usage-actions .action-btn.reset{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.usage-actions .action-btn.reset:hover{background:#f59e0b4d}.usage-actions .action-btn.settings{background:#6b728033;color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.usage-actions .action-btn.settings:hover{background:#6b72804d}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:10px}.dashboard-grid .stat-item{padding:10px}.dashboard-grid .stat-item h3{font-size:1.3rem}.dashboard-grid .stat-item p{font-size:.75rem}.form-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}}@media (max-width: 768px){.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:8px}.dashboard-grid .stat-item{padding:8px}.dashboard-grid .stat-item h3{font-size:1.1rem}.dashboard-grid .stat-item p{font-size:.7rem}.form-grid{grid-template-columns:1fr;gap:12px}}@media (max-width: 480px){.dashboard-grid{grid-template-columns:1fr;gap:8px}.dashboard-grid .stat-item{padding:12px}.dashboard-grid .stat-item h3{font-size:1.4rem}.dashboard-grid .stat-item p{font-size:.8rem}.activity-header,.usage-header{flex-direction:column;gap:8px}.stat-row{flex-direction:column;gap:4px}.usage-actions{flex-direction:column;gap:8px}.usage-actions .action-btn{width:100%;justify-content:center}}.aspect-ratio-stats{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.aspect-ratio-stats h4{font-size:.95rem;font-weight:600;color:#ffffffe6;margin:0 0 10px}.ratio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.ratio-item{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:6px;transition:all .3s ease}.ratio-item:hover{background:#ffffff0a;border-color:#667eea33}.ratio-label{font-size:.8rem;color:#ffffffb3}.ratio-value{font-size:.8rem;font-weight:600;color:#ffffffe6}.imagegen-stats-list{display:flex;flex-direction:column;gap:16px}.imagegen-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;transition:all .3s ease}.imagegen-card:hover{transform:translateY(-2px);border-color:#667eea4d;box-shadow:0 8px 32px #667eea1a}.imagegen-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.imagegen-info h4{font-size:1.1rem;font-weight:600;color:#ffffffe6;margin:0 0 4px}.imagegen-info p{font-size:.9rem;color:#ffffffb3;margin:0}.imagegen-status{display:flex;gap:8px;flex-wrap:wrap}.imagegen-stats{margin-bottom:12px}.imagegen-actions{display:flex;gap:8px;flex-wrap:wrap}.imagegen-actions .action-btn{width:auto;height:auto;padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:500;display:flex;align-items:center;gap:4px;transition:all .3s ease}@media (max-width: 1024px){.ratio-grid{grid-template-columns:repeat(2,1fr);gap:6px}.ratio-item{padding:5px 8px}.ratio-label,.ratio-value{font-size:.75rem}}@media (max-width: 768px){.aspect-ratio-stats h4{font-size:.9rem}.ratio-grid{grid-template-columns:1fr;gap:6px}.ratio-item{padding:6px 10px}.imagegen-header,.imagegen-actions{flex-direction:column;gap:8px}.imagegen-actions .action-btn{width:100%;justify-content:center}}.public-page{background-color:var(--color-bg-dark);color:var(--color-text-primary)}.public-top-bar .logo{position:fixed;top:16px;left:24px;display:flex;align-items:center;gap:12px;font-size:1.2rem;font-weight:600;z-index:101;background-color:#000000e6;padding:8px 12px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.public-top-bar .logo img{height:32px;width:32px;border-radius:50%}.floating-login-btn{position:fixed;top:16px;right:24px;background-color:#fff;color:#000;font-weight:700;border-radius:8px;padding:8px 16px;text-decoration:none;z-index:101}.public-content{padding:0}.non-clickable{pointer-events:none}:root{--font-primary: "Poppins", sans-serif;--font-secondary: "Montserrat", sans-serif;--color-bg-dark: #000000;--color-bg-medium: #0a0a0a;--color-bg-light: #111111;--color-primary: #7f5af0;--color-secondary: #2cb67d;--color-accent: #ffc107;--color-text-primary: #ffffff;--color-text-secondary: #a7a9be;--color-text-disabled: #6b7280;--glass-bg: rgba(0, 0, 0, .8);--glass-border: rgba(127, 90, 240, .25)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);background:var(--color-bg-dark);color:var(--color-text-primary);overflow-x:hidden;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.app{min-height:100vh;position:relative}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-bg-dark)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:5px;border:2px solid var(--color-bg-dark)}::-webkit-scrollbar-thumb:hover{background:#9877f2}.container{max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4,h5,h6{font-family:var(--font-secondary);font-weight:700;color:var(--color-text-primary)}.btn{padding:12px 28px;border:none;border-radius:30px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-size:15px;text-transform:uppercase;letter-spacing:.5px}.btn-primary{background:var(--color-primary);color:var(--color-text-primary);box-shadow:0 8px 20px #7f5af040}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 28px #7f5af059}.btn-secondary{background:transparent;color:var(--color-text-primary);border:2px solid var(--color-primary)}.btn-secondary:hover{background:var(--color-primary);color:var(--color-text-primary)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.spinner{width:22px;height:22px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--color-secondary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.glass{background:var(--glass-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #0003}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out forwards}.slide-up{animation:slideUp .5s ease-out forwards}@media (max-width: 768px){.container{padding:0 15px}.btn{padding:10px 22px;font-size:14px}}svg{display:block!important;opacity:1!important;pointer-events:none}button svg,.btn svg{display:block!important;opacity:1!important;flex-shrink:0}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--color-secondary);outline-offset:3px;border-radius:4px}::selection{background:#7f5af066;color:var(--color-text-primary)}