:root{--primary-color: #4CAF50;--background-dark: #0a0a0a;--background-light: #1a1a1a;--text-primary: #ffffff;--text-secondary: #a0a0a0;--gradient-primary: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);--gradient-dark: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);--card-background: rgba(255, 255, 255, .05);--transition-speed: .3s;--wrapper-height: 100vh;--font-family: "Inter", sans-serif;--font-family-header: "Inter", sans-serif;--header-height: 48px;--header-height-mobile: 40px}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;padding:0;background:var(--background-dark);color:var(--text-primary);font-family:var(--font-family);line-height:1.6}.wrapper{min-height:calc(100vh - 60px);width:100%;max-width:1400px;margin:0 auto;padding:60px 20px 80px}.content{width:100%}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#1a1a1a;display:flex;justify-content:space-around;align-items:center;padding:10px 0;box-shadow:0 -2px 10px #0003;z-index:1000}.nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#666;transition:all .3s ease;padding:8px 16px;border-radius:8px}.nav-item:hover{color:var(--primary-color);background:#2a2a2a}.nav-item.active{color:var(--primary-color)}.nav-icon{font-size:24px;margin-bottom:4px}.nav-label{font-size:12px;font-weight:500}.wallet-connect{padding:10px;display:flex;flex-direction:column;align-items:center;position:relative}.connected-status{display:flex;align-items:center;gap:20px;background:#1a1a1a;padding:10px 20px;border-radius:12px;box-shadow:0 2px 4px #0000001a}.welcome-message{color:#fff;font-size:16px;font-weight:500}.wallet-info{display:flex;align-items:center;gap:12px}.connection-status{color:#4caf50;font-size:14px;display:flex;align-items:center}.connection-status:before{content:"";display:inline-block;width:8px;height:8px;background:#4CAF50;border-radius:50%;margin-right:6px}.connect-button,.disconnect-button{padding:8px 16px;border-radius:20px;border:none;cursor:pointer;font-size:14px;transition:all .3s ease}.connect-button{background:var(--primary-color);color:#fff}.connect-button:hover{opacity:.9}.disconnect-button{background:#2a2a2a;color:#fff;border:1px solid #666}.disconnect-button:hover{background:#333;border-color:#999}.error-message{color:#f44;margin-bottom:10px;font-size:14px}.connect-button:disabled{background:#2a2a2a;cursor:not-allowed}.generate-page,.account-page,.home-page{padding-top:60px}@media (max-width: 768px){.wrapper,.generate-page,.account-page,.home-page{padding-top:48px}}.header-hidden{transform:translateY(-100%)}.nav-hidden{transform:translateY(100%)}.bottom-nav,.wallet-header{transition:transform .3s cubic-bezier(.4,0,.2,1)}.nav-hover-area{position:fixed;bottom:0;left:0;right:0;height:20px;z-index:999}.nav-toggle,.header-toggle{position:fixed;background:rgba(26,26,26,.95);border:1px solid rgba(76,175,80,.2);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1001;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease;left:50%;transform:translate(-50%)}.nav-toggle{bottom:20px}.header-toggle{top:20px}.nav-toggle svg,.header-toggle svg{color:#4caf50;font-size:20px}.nav-toggle:hover,.header-toggle:hover{background:rgba(76,175,80,.15);transform:translate(-50%) scale(1.1)}.nav-toggle,.header-toggle{box-shadow:0 2px 8px #0003}@media (hover: hover){.nav-toggle,.header-toggle{display:none}}.nav-toggle svg,.header-toggle svg{transition:transform .2s ease}.nav-toggle:hover svg{transform:translateY(-2px)}.header-toggle:hover svg{transform:translateY(2px)}.navigation{position:fixed;bottom:0;left:0;right:0;height:60px;background:#1a1a1a;border-top:1px solid rgba(76,175,80,.2);display:flex;justify-content:center;align-items:center;z-index:1000}.nav-links{display:flex;gap:40px;align-items:center}.nav-link{display:flex;flex-direction:column;align-items:center;gap:4px;color:#888;text-decoration:none;font-size:12px;transition:all .3s ease}.nav-link svg{font-size:20px}.nav-link:hover,.nav-link.active{color:#4caf50}@media (max-width: 768px){.nav-links{gap:30px}.nav-link{font-size:11px}.nav-link svg{font-size:18px}}.home-container{min-height:100vh;padding:80px 20px;background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);color:#fff}.announcement-section{max-width:1200px;margin:0 auto;text-align:center;animation:fadeIn 1s ease-out;padding:40px}.logo-container{width:100%;max-width:1000px;margin:0 auto;padding:20px;position:relative;z-index:2}.nsfw-logo{width:100%;height:auto;border-radius:0;box-shadow:0 0 80px #4caf504d;transition:all .5s ease;animation:logoFloat 6s ease-in-out infinite}.nsfw-logo:hover{transform:scale(1.02);box-shadow:0 0 50px #4caf504d}h1{font-size:48px;margin-bottom:40px;background:linear-gradient(135deg,#4CAF50 0%,#45a049 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.check-status-button{background:#4CAF50;color:#fff;border:none;padding:12px 30px;border-radius:25px;font-size:18px;cursor:pointer;transition:all .3s ease}.check-status-button:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 5px 15px #4caf504d}.buy-section{margin:0 0 20px}.trader-joe-button{display:flex;align-items:center;justify-content:center;gap:8px;background:#4CAF50;color:#fff;padding:12px 24px;border-radius:20px;font-size:16px;font-weight:600;cursor:pointer;margin:20px auto;transition:all .3s ease;text-decoration:none;border:2px solid rgba(255,255,255,.1);box-shadow:0 4px 15px #4caf504d;width:fit-content;min-width:200px}.trader-joe-button:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.trader-joe-button img{width:20px;height:20px;border-radius:50%}.tooltip{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:rgba(0,0,0,.8);padding:5px 10px;border-radius:5px;font-size:12px;opacity:0;transition:opacity .3s ease}.trader-joe-button:hover .tooltip{opacity:1}.social-links{display:flex;justify-content:center;gap:20px;margin-top:20px;z-index:10}.social-link{background:rgba(255,255,255,.05);border:1px solid rgba(76,175,80,.1);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;transition:all .3s ease;cursor:pointer;text-decoration:none;position:relative}.social-link:hover{transform:translateY(-3px);background:rgba(76,175,80,.2);border-color:#4caf504d;color:#fff}.social-link.dex-icon{padding:6px;background:rgba(255,255,255,.1)}.social-link.dex-icon img{width:20px;height:20px;object-fit:contain}.social-link.dex-icon:hover{background:rgba(255,255,255,.2)}.roadmap-section{margin-top:80px}.roadmap-section h3{font-size:32px;margin-bottom:40px;color:#fff}.roadmap-timeline{display:flex;flex-direction:column;gap:30px;max-width:800px;margin:0 auto}.roadmap-item{background:rgba(255,255,255,.05);border-radius:20px;padding:30px;text-align:left;transition:all .3s ease}.roadmap-item:hover{transform:translate(10px);background:rgba(255,255,255,.08)}.roadmap-date{color:#4caf50;font-size:20px;margin-bottom:15px}.roadmap-content h4{color:#fff;font-size:24px;margin-bottom:15px}.roadmap-content ul{list-style:none;padding:0}.roadmap-content li{color:#ccc;margin-bottom:10px;padding-left:20px;position:relative}.roadmap-content li:before{content:"•";color:#4caf50;position:absolute;left:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){h1{font-size:36px}.roadmap-item{padding:20px}.roadmap-content h4{font-size:20px}.social-link{width:40px;height:40px;font-size:20px}.nsfw-logo{width:150px}}.contract-info{background:rgba(255,255,255,.05);border-radius:20px;padding:30px;margin:0 0 20px}.contract-info h3{font-size:24px;color:#4caf50;margin-bottom:20px}.contract-address{display:flex;align-items:center;justify-content:center;gap:10px;background:#2a2a2a;padding:12px 20px;border-radius:12px;font-family:monospace;font-size:16px;margin-bottom:20px}.copy-button{background:none;border:none;color:#4caf50;cursor:pointer;padding:5px;transition:all .3s ease}.copy-button:hover{color:#45a049;transform:scale(1.1)}.metamask-button{display:flex;align-items:center;gap:10px;background:#FF9800;color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:16px;cursor:pointer;margin:0 auto;transition:all .3s ease}.metamask-button:hover{background:#F57C00;transform:translateY(-2px);box-shadow:0 5px 15px #ff98004d}.metamask-icon{width:24px;height:24px}@media (max-width: 768px){.contract-address{font-size:12px;padding:10px;word-break:break-all}.metamask-button{font-size:14px;padding:10px 20px}.metamask-icon{width:20px;height:20px}}.token-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:0 0 40px;padding:0 20px}.highlight-item{background:rgba(255,255,255,.05);border-radius:20px;padding:25px 20px;text-align:center;transition:all .3s ease;border:1px solid rgba(76,175,80,.1)}.highlight-item:hover{transform:translateY(-5px);background:rgba(255,255,255,.08);border-color:#4caf504d;box-shadow:0 10px 20px #0003}.highlight-item h3{color:#4caf50;font-size:22px;margin-bottom:12px;font-weight:600}.highlight-item p{color:#ccc;font-size:15px;line-height:1.4}.highlight-icon{display:none}@media (max-width: 768px){.token-highlights{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;padding:0}.highlight-item{padding:20px 15px}.highlight-item h3{font-size:18px}.highlight-item p{font-size:13px}}.hero-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,rgba(26,26,26,.95) 0%,rgba(42,42,42,.95) 100%);padding:20px;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(76,175,80,.1) 0%,transparent 70%);z-index:1}.logo-container{width:100%;max-width:500px;margin:0 auto;padding:20px;position:relative;z-index:2}.nsfw-logo{width:100%;height:auto;border-radius:0;box-shadow:0 0 60px #4caf504d;transition:all .5s ease;animation:logoFloat 6s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.nsfw-logo:hover{transform:scale(1.05);box-shadow:0 0 80px #4caf5066}.hero-heading{font-size:3.5rem;text-align:center;margin:40px 0;background:linear-gradient(135deg,#4CAF50 0%,#45a049 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:titleFade 1s ease-out;position:relative;z-index:2;font-weight:700;letter-spacing:2px;text-transform:uppercase}.token-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin:60px 0;padding:0 20px}.highlight-item{background:rgba(255,255,255,.05);border-radius:20px;padding:30px;text-align:center;transition:all .3s ease;border:1px solid rgba(76,175,80,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.highlight-item:hover{transform:translateY(-10px);background:rgba(255,255,255,.08);border-color:#4caf504d;box-shadow:0 20px 40px #0003}@media (max-width: 768px){.hero-section{min-height:60vh;padding:20px}.logo-container{max-width:300px;padding:10px}.hero-heading{font-size:2rem;margin:20px 0;letter-spacing:1px}.token-highlights{grid-template-columns:1fr;gap:20px}.highlight-item{padding:20px}.contract-address{font-size:12px;padding:10px}.social-links{gap:15px}.social-links a{width:40px;height:40px;font-size:20px}}@media (min-width: 769px) and (max-width: 1024px){.hero-section{min-height:70vh}.logo-container{max-width:400px}.hero-heading{font-size:3rem}.token-highlights{grid-template-columns:repeat(2,1fr)}}@keyframes titleFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.tokenomics-section{background:rgba(255,255,255,.05);border-radius:20px;padding:40px;margin:0 0 40px;border:1px solid rgba(76,175,80,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.tokenomics-section:hover{border-color:#4caf504d;box-shadow:0 20px 40px #0003}.tokenomics-chart{max-width:600px;margin:0 auto}.tokenomics-chart h3{font-size:28px;color:#4caf50;text-align:center;margin-bottom:30px}.chart-container{padding:20px;margin-bottom:30px}.tokenomics-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:40px;padding:20px;background:rgba(255,255,255,.03);border-radius:12px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px;border-radius:8px;transition:all .3s ease;background:rgba(76,175,80,.05)}.stat-item:hover{background:rgba(76,175,80,.1);transform:translateY(-2px)}.stat-value{font-size:24px;font-weight:700;color:#4caf50;text-shadow:0 0 20px rgba(76,175,80,.3)}.stat-label{font-size:14px;color:#ccc;text-transform:uppercase;letter-spacing:1px}.chart-container{max-width:500px;margin:0 auto;padding:20px}@media (max-width: 768px){.tokenomics-section{padding:20px;margin:40px 0}.tokenomics-chart h3{font-size:22px;margin-bottom:20px}.stat-value{font-size:20px}.tokenomics-stats{grid-template-columns:repeat(2,1fr);gap:15px;padding:15px}.stat-item{padding:10px}.stat-value{font-size:18px}.stat-label{font-size:12px}.chart-container{padding:10px}}.enhance-experience{background:rgba(255,255,255,.05);border-radius:20px;padding:30px;margin:0 0 40px;text-align:center}.enhance-experience h3{color:#4caf50;font-size:24px;margin-bottom:20px}.enhance-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:20px}.enhance-option{display:flex;align-items:center;gap:20px;padding:20px;background:rgba(0,0,0,.2);border-radius:12px;border:1px solid rgba(76,175,80,.1);transition:all .3s ease;text-decoration:none;color:#fff}.enhance-option:hover{transform:translateY(-5px);border-color:#4caf504d;box-shadow:0 10px 20px #0003}.enhance-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:24px;color:gold;background:rgba(255,215,0,.1);border-radius:12px}.enhance-icon img.coq-icon{width:30px;height:30px;border-radius:50%}.enhance-details{text-align:left;flex:1}.enhance-details h4{font-size:18px;margin-bottom:5px;color:#fff}.enhance-details p{font-size:14px;color:#ccc;margin-bottom:8px}.enhance-link{color:#4caf50;font-size:14px;display:flex;align-items:center;gap:5px}.enhance-link:after{content:"→";transition:transform .3s ease}.enhance-option:hover .enhance-link:after{transform:translate(5px)}@media (max-width: 768px){.enhance-options{grid-template-columns:1fr}.enhance-option{padding:15px}.enhance-icon{width:40px;height:40px;font-size:20px}.enhance-details h4{font-size:16px}.enhance-details p{font-size:13px}}.enhance-icon img{width:100%;height:100%;object-fit:cover;border-radius:8px}.stacked-icon{border:2px solid #ffd700}.enhance-benefits{list-style:none;padding:0;margin:5px 0}.enhance-benefits li{color:#ccc;font-size:14px;margin-bottom:2px;padding-left:15px;position:relative}.enhance-benefits li:before{content:"•";color:#4caf50;position:absolute;left:0}.enhance-note{color:#999;font-size:12px;font-style:italic;margin-top:2px}.chad-rewards{background:rgba(255,255,255,.05);border-radius:12px;padding:20px;margin:40px 0;border:1px solid rgba(76,175,80,.2)}.chad-rewards h4{color:#4caf50;font-size:18px;margin-bottom:15px}.reward-detail{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px;background:rgba(0,0,0,.2);border-radius:8px;width:100%}.reward-value{font-size:20px;color:#4caf50;font-weight:700;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.calculation-note{font-size:12px;color:#888;font-style:italic}.rewards-calculation{display:flex;flex-direction:column;gap:15px;width:100%}.treasury-link{color:#4caf50;font-size:14px;display:flex;align-items:center;justify-content:center;gap:5px;text-decoration:none;transition:all .3s ease;padding:8px 16px;background:rgba(76,175,80,.1);border-radius:8px;width:fit-content;margin:5px auto 0}.treasury-link:hover{color:#45a049;background:rgba(76,175,80,.2);transform:translateY(-2px)}.external-icon{font-size:12px}@media (max-width: 768px){.chad-rewards{padding:15px}.reward-detail{flex-direction:column;gap:5px}.calculation-note{display:block;margin-top:5px}}.reward-value.tba{color:gold;font-style:italic;opacity:.8}.gen-credits-info{background:rgba(76,175,80,.05);border-radius:12px;padding:20px;margin-top:20px;border:1px solid rgba(76,175,80,.1);text-align:center}.gen-credits-info h4{color:#4caf50;font-size:18px;margin-bottom:15px}.credits-details{display:flex;flex-direction:column;gap:15px}.credit-purchase{background:rgba(0,0,0,.2);padding:15px;border-radius:8px;display:flex;justify-content:center;align-items:center;gap:15px}.credit-amount{color:#4caf50;font-size:20px;font-weight:700}.credit-cost{color:gold;font-size:18px}.credit-info-list{list-style:none;padding:0;margin:0;text-align:left}.credit-info-list li{color:#ccc;font-size:14px;margin-bottom:8px;padding-left:20px;position:relative}.credit-info-list li:before{content:"•";color:#4caf50;position:absolute;left:5px}.credit-disclaimer{color:#888;font-size:12px;font-style:italic;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.credit-purchase{flex-direction:column;gap:8px}.credit-amount{font-size:18px}.credit-cost{font-size:16px}}.free-credits-info{background:rgba(255,215,0,.05);padding:15px;border-radius:8px;text-align:left}.free-credits-title{color:gold;font-size:16px;font-weight:700;display:block;margin-bottom:8px}.free-credits-list{list-style:none;padding:0;margin:0}.free-credits-list li{color:#ccc;font-size:14px;margin-bottom:5px;padding-left:20px;position:relative}.free-credits-list li:before{content:"•";color:gold;position:absolute;left:5px}.hero-section{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:40px}.social-links{display:flex;justify-content:center;gap:20px;margin-top:20px}.social-link{background:rgba(255,255,255,.05);border:1px solid rgba(76,175,80,.1)}.social-link:hover{transform:translateY(-3px);background:rgba(76,175,80,.2);border-color:#4caf504d}.disclaimer-section{margin:60px auto;max-width:1000px;padding:30px;background:rgba(0,0,0,.2);border-radius:12px;border:1px solid rgba(255,255,255,.1)}.disclaimer-section h4{color:#f44;font-size:20px;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}.disclaimer-content p{color:#888;font-size:14px;line-height:1.6;margin-bottom:15px}.disclaimer-content p:last-child{margin-bottom:0}@media (max-width: 768px){.disclaimer-section{margin:40px 20px;padding:20px}.disclaimer-section h4{font-size:18px}.disclaimer-content p{font-size:13px}}.dev-contact{margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.dev-contact p{color:#888;font-size:14px;margin-bottom:15px}.contact-links{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.dev-link{display:flex;align-items:center;gap:8px;color:#ffa000;text-decoration:none;font-size:14px;padding:8px 16px;background:rgba(255,152,0,.1);border-radius:20px;transition:all .3s ease}.dev-link.discord{color:#7289da;background:rgba(114,137,218,.1)}.dev-link:hover{background:rgba(255,152,0,.2);transform:translateY(-2px);color:#ffa000}.dev-link.discord:hover{background:rgba(114,137,218,.2);color:#7289da}.dev-link svg{font-size:16px}@media (max-width: 768px){.contact-links{flex-direction:column;align-items:center}}.platform-access{background:rgba(255,255,255,.05);border-radius:12px;padding:20px;margin-bottom:30px;text-align:left}.platform-access h4{color:#4caf50;font-size:18px;margin-bottom:15px;text-align:center}.access-options{display:flex;justify-content:center;gap:20px;margin-bottom:20px;flex-wrap:wrap}.access-options li{background:rgba(0,0,0,.2);padding:10px 20px;border-radius:20px;color:#fff;font-size:14px}.base-benefits{background:rgba(0,0,0,.2);padding:20px;border-radius:12px}.base-benefits h5{color:gold;font-size:16px;margin-bottom:15px;text-align:center}.base-benefits ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.base-benefits li{color:#ccc;padding-left:20px;position:relative}.base-benefits li:before{content:"•";color:#4caf50;position:absolute;left:5px}.token-benefits{background:rgba(0,0,0,.2);border-radius:8px;padding:15px;margin:15px 0}.token-benefits p{color:#4caf50;margin-bottom:10px;font-weight:500}.token-benefits ul{list-style:none;padding:0;margin:0}.token-benefits li{color:#fff;margin-bottom:8px;font-size:14px}.token-benefits .benefit-note{color:#ffffffb3;font-size:12px;font-style:italic}.buy-link{display:inline-flex;align-items:center;gap:4px;color:#4caf50;text-decoration:none;font-size:14px;transition:all .2s ease;margin-top:10px}.buy-link:hover{opacity:.8}.external-link-icon{font-size:12px;margin-top:-2px}.airdrop-timer{display:flex;align-items:center;gap:10px;color:#4caf50}.timer-value{background:rgba(76,175,80,.1);padding:4px 8px;border-radius:4px;font-family:monospace}.rewards-actions{display:flex;gap:15px;justify-content:center;margin-top:20px}.check-chads-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(255,215,0,.1);border:none;border-radius:8px;color:gold;font-size:14px;cursor:pointer;transition:all .3s ease}.check-chads-button:hover{background:rgba(255,215,0,.2);transform:translateY(-2px)}.check-chads-button .chad-icon{font-size:16px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.chad-modal{background:#1a1a1a;border-radius:12px;width:100%;max-width:480px;border:1px solid rgba(255,215,0,.2);overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:rgba(255,215,0,.1)}.modal-header h3{color:gold;margin:0;font-size:20px}.close-button{background:none;border:none;color:gold;font-size:24px;cursor:pointer;padding:0;line-height:1}.modal-content{padding:20px}.chad-stats{display:flex;flex-direction:column;gap:20px}.stat-item{display:flex;align-items:center;gap:15px;padding:15px;background:rgba(0,0,0,.2);border-radius:8px}.stat-details{display:flex;flex-direction:column;gap:5px}.stat-label{color:#888;font-size:14px}.stat-value{color:gold;font-size:20px;font-weight:700}.chad-note{margin-top:20px;padding:15px;background:rgba(255,215,0,.05);border-radius:8px}.chad-note p{color:#888;font-size:14px;margin:0}@media (max-width: 768px){.rewards-actions{flex-direction:column}.chad-modal{margin:20px}.stat-item{flex-direction:column;text-align:center}}.connect-prompt{text-align:center;padding:20px;color:#888}.connect-prompt p{margin:0;font-size:14px}.additional-benefits{margin-top:10px;font-size:14px}.additional-benefits ul{list-style:none;padding:0;margin:5px 0}.additional-benefits li{color:#888;margin:3px 0}.highlight-link{display:inline-flex;align-items:center;gap:6px;color:#4caf50;text-decoration:none;margin-top:8px;padding:4px 8px;border-radius:4px;transition:all .3s ease}.highlight-link:hover{background:rgba(76,175,80,.1);transform:translateY(-1px)}.highlight-link svg{font-size:12px}.create-images-button{position:relative;display:block;margin:20px auto 40px;padding:15px 30px;font-size:24px;font-weight:700;background:linear-gradient(45deg,#4CAF50,#45a049);color:#fff;border:none;border-radius:50px;cursor:pointer;overflow:hidden;transition:all .3s ease;box-shadow:0 6px 20px #4caf504d;z-index:10;text-transform:uppercase;letter-spacing:1px;width:fit-content;text-decoration:none;text-align:center}.create-images-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 30px #4caf5066;background:linear-gradient(45deg,#45a049,#4CAF50)}.create-images-button:active{transform:translateY(1px)}.button-text{position:relative;z-index:1}.button-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 3s infinite}@keyframes shine{0%{left:-100%}20%{left:100%}to{left:100%}}@media (max-width: 768px){.create-images-button{font-size:18px;padding:12px 24px}}.burn-tx-button{display:flex;align-items:center;gap:8px;background:rgba(255,59,48,.2);color:#ff3b30;padding:10px 20px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;margin:20px auto 0;transition:all .3s ease;text-decoration:none;border:1px solid rgba(255,59,48,.3);width:fit-content;pointer-events:auto;z-index:10}.burn-tx-button:hover{background:rgba(255,59,48,.3);transform:translateY(-2px);box-shadow:0 4px 12px #ff3b3033;text-decoration:none;color:#ff3b30}.burn-tx-button svg{font-size:18px}@media (max-width: 768px){.burn-tx-button{font-size:14px;padding:8px 16px}}.image-gallery{width:100%}.storage-capacity{background:rgba(0,0,0,.2);border-radius:12px;padding:20px;margin-bottom:30px;border:1px solid rgba(76,175,80,.2)}.capacity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#fff;font-size:16px}.capacity-header .count{color:#4caf50;font-weight:500}.capacity-bar-container{width:100%;height:8px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden}.capacity-bar{height:100%;background:#4CAF50;transition:width .3s ease}.capacity-bar.near-limit{background:#ffc107}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:20px 0}.gallery-item{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .3s ease}.gallery-item:hover{transform:translateY(-5px)}.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-item.temp{border:2px solid #ffc107;box-shadow:0 0 15px #ffc10733}.gallery-item.saved{border:2px solid #4CAF50;box-shadow:0 0 15px #4caf5033}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{position:relative;background:#1a1a1a;border-radius:12px;max-width:90vw;max-height:90vh;overflow:auto;padding-bottom:160px}.modal-header{position:absolute;top:15px;right:15px;z-index:1003}.close-button,.save-button{width:40px;height:40px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.close-button{display:flex;align-items:center;justify-content:center;gap:6px;background:rgba(76,175,80,.9);color:#fff;padding:8px 16px;border-radius:20px;width:auto;height:auto;border:none;cursor:pointer;transition:all .3s ease}.close-button:before{content:"←";font-size:18px;line-height:1}.close-button:hover{background:rgba(76,175,80,1);transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.close-button:active{transform:translateY(0)}.close-button span,.close-button svg{display:none}.save-button{background:#4CAF50;color:#fff}.save-button:hover:not(:disabled){transform:scale(1.1)}.save-button:disabled{opacity:.7;cursor:not-allowed}.modal-content img{max-width:100%;max-height:calc(90vh - 160px);object-fit:contain;display:block;margin:0 auto}.prompt-section{position:absolute;bottom:80px;left:20px;right:20px;background:rgba(0,0,0,.85);padding:15px;border-radius:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10;border:1px solid rgba(255,255,255,.1)}.prompt-section h3{color:#fff;margin:0 0 10px;font-size:16px;opacity:.9}.prompt-section p{color:#fff;margin:0;line-height:1.5;font-size:14px;opacity:.8}.metadata{display:flex;gap:20px;color:#888;font-size:14px;margin-bottom:20px}.actions{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:12px;background:rgba(0,0,0,.85);padding:12px;border-radius:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);z-index:1001}.action-button{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;color:#fff}.action-button svg{font-size:16px}.action-button.download{background:#2a2a2a}.action-button.download:hover{background:#3a3a3a;transform:translateY(-2px)}.action-button.save{background:#4CAF50;color:#fff!important}.action-button.save:hover:not(:disabled){background:#45a049;transform:translateY(-2px)}.action-button.save:disabled{opacity:.7;cursor:not-allowed}.action-button.delete{background:#ff4444}.action-button.delete:hover{background:#ff2222;transform:translateY(-2px)}.delete-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:1100}.delete-confirm{background:#1a1a1a;padding:30px;border-radius:12px;text-align:center;max-width:400px;border:1px solid rgba(255,255,255,.1)}.delete-confirm h3{color:#f44;margin:0 0 15px}.delete-confirm p{color:#fff;margin:0 0 20px}.confirm-actions{display:flex;gap:12px;justify-content:center}.confirm-delete,.cancel-delete{padding:12px 24px;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;font-weight:500}.confirm-delete:hover{background:#ff2222;transform:translateY(-2px)}.cancel-delete:hover{background:#3a3a3a;transform:translateY(-2px)}.action-button.save .spinner{color:#fff}.modal-content::-webkit-scrollbar{width:12px}.modal-content::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:6px;margin:8px}.modal-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:6px;border:3px solid rgba(0,0,0,.2)}.modal-content::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.modal-content{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) rgba(0,0,0,.2)}.gallery-controls{display:flex;justify-content:flex-end;margin-bottom:20px;padding:0 20px}.view-toggle{display:flex;align-items:center;gap:12px;background:rgba(0,0,0,.2);padding:8px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.view-toggle span{color:#fff;font-size:14px}.toggle-button{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;font-size:24px;color:#4caf50;transition:all .3s ease}.toggle-button:hover{transform:scale(1.1)}.toggle-button svg:first-child{color:#666}@media (max-width: 768px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:10px}.gallery-controls{flex-direction:column;gap:10px;padding:10px}.gallery-filters{width:100%;justify-content:space-between}.filter-button{padding:6px 12px;font-size:13px}.storage-info{width:100%;padding:8px;font-size:13px}.gallery-item{aspect-ratio:1}.image-actions{padding:8px;gap:8px}.action-button{padding:6px;font-size:12px}.action-button svg{font-size:14px}.modal-actions{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:15px;border-radius:12px;width:auto;min-width:200px;display:flex;flex-direction:column;gap:10px;z-index:1002}.modal-action-button{width:100%;padding:12px;font-size:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.modal-action-button.save-gallery{background:rgba(76,175,80,.8)}.modal-action-button.download{background:rgba(33,150,243,.8)}.modal-action-button.delete{background:rgba(244,67,54,.8)}.modal-action-button:active{transform:scale(.95)}.prompt-section{position:fixed;bottom:0;left:0;right:0;z-index:1001}.close-button{display:flex;align-items:center;justify-content:center;gap:6px;background:rgba(76,175,80,.9);color:#fff;padding:8px 16px;border-radius:20px;width:auto;height:auto}.close-button:before{content:"←";font-size:18px;line-height:1}.close-button span,.close-button svg{display:none}.modal-content{position:relative;overflow:visible}.modal-action-button.iphone-download{background:rgba(33,150,243,.8);border:1px solid rgba(255,255,255,.3)}.modal-actions{display:flex;flex-direction:column;gap:10px}@supports (-webkit-touch-callout: none){.modal-action-button.download{display:none}}}@media (max-width: 768px){.image-modal{padding:10px}.modal-content{display:flex;flex-direction:column;padding-bottom:0;max-height:85vh}.modal-image-container{flex:1;min-height:0;position:relative}.prompt-section{position:relative;bottom:auto;background:rgba(0,0,0,.8);padding:15px;margin:0}.modal-actions{position:relative;transform:none;top:auto;left:auto;width:100%;background:rgba(0,0,0,.9);border-radius:0 0 12px 12px;padding:15px;flex-direction:column;gap:8px}.modal-action-button{width:100%;padding:12px;font-size:14px}}@media (max-width: 480px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.gallery-filters{flex-wrap:wrap}.filter-button{flex:1;min-width:calc(50% - 4px);padding:6px 8px;font-size:12px}.modal-content{max-height:80vh}.prompt-section,.modal-actions{padding:12px}.modal-action-button{padding:10px;font-size:13px}}.modal-actions{display:flex;gap:10px;padding:15px;justify-content:center;flex-wrap:wrap}.modal-action-button{padding:12px 24px;font-size:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;cursor:pointer;min-width:160px;text-decoration:none}.modal-action-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.modal-action-button:active{transform:translateY(0)}.modal-action-button svg{font-size:16px}.modal-action-button.save-gallery{background:rgba(76,175,80,.8)}.modal-action-button.save-gallery:hover{background:rgba(76,175,80,.9);box-shadow:0 4px 12px #4caf504d}.modal-action-button.download,.modal-action-button.iphone-download{background:rgba(33,150,243,.8)}.modal-action-button.download:hover,.modal-action-button.iphone-download:hover{background:rgba(33,150,243,.9);box-shadow:0 4px 12px #2196f34d}.modal-action-button.delete{background:rgba(244,67,54,.8)}.modal-action-button.delete:hover{background:rgba(244,67,54,.9);box-shadow:0 4px 12px #f443364d}.modal-action-button.copy-prompt{background:rgba(156,39,176,.8)}.modal-action-button.copy-prompt:hover{background:rgba(156,39,176,.9);box-shadow:0 4px 12px #9c27b04d}.modal-action-button.copy-prompt.copied{background:rgba(76,175,80,.8);pointer-events:none}@media (max-width: 768px){.modal-actions{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;width:auto;min-width:200px;flex-direction:column;z-index:1002}.modal-action-button{width:100%;min-width:unset;padding:12px}.modal-action-button.copy-prompt{order:2}}@media (max-width: 480px){.modal-actions{width:90%}.modal-action-button{padding:10px;font-size:13px}}.account-page{max-width:1200px;margin:0 auto;padding:40px 20px;color:#fff}.profile-header{background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);border-radius:20px;padding:40px;margin-bottom:40px;box-shadow:0 8px 32px #0003;border:1px solid rgba(255,255,255,.1)}.profile-section{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center}.profile-image-container{position:relative;width:200px;height:200px;cursor:pointer}.profile-image{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid #4CAF50;transition:all .3s ease}.upload-progress{position:absolute;bottom:-30px;left:0;right:0;height:4px;background:rgba(76,175,80,.2);border-radius:2px;overflow:hidden}.profile-info{display:flex;flex-direction:column;gap:20px}.nickname-display{display:flex;align-items:center;gap:20px}.nickname-display h2{font-size:32px;margin:0;color:#fff}.edit-button{background:none;border:2px solid #4CAF50;color:#4caf50;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.edit-nickname{display:flex;gap:10px;align-items:center}.edit-nickname input{background:#2a2a2a;border:2px solid #4CAF50;color:#fff;padding:10px 20px;border-radius:25px;font-size:16px;width:300px}.edit-nickname button{background:#4CAF50;color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;transition:all .3s ease}.credits-display{background:rgba(76,175,80,.1);padding:20px;border-radius:12px;border:1px solid rgba(76,175,80,.2)}.credit-balance{display:flex;align-items:center;gap:15px;font-size:20px;margin:0}.chad-status{display:flex;align-items:center;gap:5px;color:gold;font-size:14px;padding:4px 12px;background:rgba(255,215,0,.1);border-radius:12px}.gallery-section{margin-top:40px}.gallery-section h2{margin-bottom:20px;color:#fff}.loading{text-align:center;padding:40px;color:#888;font-style:italic}.error{text-align:center;padding:40px;color:#f44;font-style:italic}.credit-history{margin-top:20px;background:rgba(156,39,176,.1);border-radius:12px;overflow:hidden}.credit-history-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;cursor:pointer;transition:background-color .3s ease}.credit-history-header:hover{background:rgba(255,255,255,.05)}.credit-history-header h3{margin:0;color:#fff;font-size:16px}.credit-history-summary{display:flex;align-items:center;gap:10px;color:#ffffffb3;font-size:14px}.expand-button{background:none;border:none;color:#4caf50;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:transform .3s ease}.credit-history-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.credit-history-content.expanded{max-height:500px;transition:max-height .3s ease-in}.transactions{padding:0 20px}.transaction-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.transaction-details{display:flex;flex-direction:column;gap:4px}.amount{color:#4caf50;font-weight:500}.cost{color:#888;font-size:12px}.cost.burn{color:#f44}.date{color:#888;font-size:12px}.transaction-link{color:#4caf50;opacity:.7;transition:opacity .3s ease}.transaction-link:hover{opacity:1}.credit-summary{padding:20px;border-top:1px solid rgba(255,255,255,.1);color:#888;font-size:14px}.credit-summary p{margin:5px 0}.no-transactions{padding:20px;text-align:center;color:#888;font-style:italic}.gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.clear-all-button{background:#ff4444;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.clear-all-button:hover{background:#ff2222;transform:translateY(-2px)}.delete-all-confirm{background:#1a1a1a;padding:40px;border-radius:16px;text-align:center;max-width:400px;border:1px solid rgba(255,68,68,.2);box-shadow:0 8px 32px #0006}.delete-all-confirm h3{color:#f44;margin:0 0 20px;font-size:24px}.warning-icon{font-size:48px;margin:20px 0}.delete-all-confirm p{color:#fff;margin:0 0 15px;font-size:16px;line-height:1.5}.warning-text{color:#f44!important;font-weight:500;font-size:14px!important}.confirm-actions{display:flex;gap:16px;justify-content:center;margin-top:30px}.confirm-delete,.cancel-delete{padding:12px 28px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:15px}.confirm-delete{background:#ff4444;color:#fff}.confirm-delete:hover{background:#ff2222;transform:translateY(-2px);box-shadow:0 4px 12px #ff44444d}.cancel-delete{background:#2a2a2a;color:#fff}.cancel-delete:hover{background:#3a3a3a;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@media (max-width: 768px){.profile-section{grid-template-columns:1fr;gap:20px;padding:20px}.profile-image-container{width:150px;height:150px;margin:0 auto}.profile-info{text-align:center}.nickname-display{justify-content:center;flex-wrap:wrap;gap:10px}.edit-nickname{flex-direction:column;align-items:center}.edit-nickname input{width:100%;max-width:300px}.credits-display{padding:15px}.credit-balance{font-size:16px;flex-direction:column;align-items:center;gap:8px}.chad-status{padding:4px 8px;font-size:12px}.gallery-header{flex-direction:column;gap:10px;align-items:flex-start}.clear-all-button{width:100%;padding:8px;font-size:13px}}@media (max-width: 480px){.profile-header{padding:20px 15px}.profile-image-container{width:120px;height:120px}.nickname-display h2{font-size:24px}.credit-history-header{flex-direction:column;gap:10px}.transaction-item{flex-direction:column;gap:5px;padding:10px}.transaction-details{flex-direction:column;align-items:flex-start}}.generate-page{display:flex;flex-direction:column;gap:20px;padding:20px;max-width:1400px;margin:0 auto}.prompt-builder{width:100%;background:#1a1a1a;border-radius:12px;overflow:hidden}.coming-soon-container{background:rgba(26,26,26,.9);border-radius:20px;padding:40px;text-align:center;max-width:600px;width:100%;box-shadow:0 4px 20px #0003;border:1px solid rgba(76,175,80,.2)}.coming-soon-icon{font-size:48px;margin-bottom:20px;animation:float 6s ease-in-out infinite}.coming-soon-container h1{color:#4caf50;font-size:2.5em;margin-bottom:10px}.coming-soon-container h2{color:#fff;font-size:1.8em;margin-bottom:20px}.description{color:#888;font-size:1.1em;line-height:1.6;margin-bottom:30px}.feature-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:30px}.feature{background:rgba(76,175,80,.1);padding:15px;border-radius:10px;color:#4caf50;font-size:1.1em;border:1px solid rgba(76,175,80,.2);transition:transform .3s ease}.feature:hover{transform:translateY(-5px)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media (max-width: 768px){.coming-soon-container{padding:30px 20px}.coming-soon-container h1{font-size:2em}.coming-soon-container h2{font-size:1.5em}.feature-preview{grid-template-columns:1fr;gap:15px}.description{font-size:1em}}.sneak-peek-section{margin-top:40px;padding-top:30px;border-top:1px solid rgba(76,175,80,.2)}.sneak-peek-section h3{color:#4caf50;font-size:1.3em;margin-bottom:20px;animation:pulse 2s infinite}.sneak-peek-link{display:flex;flex-direction:column;align-items:center;gap:15px;text-decoration:none;color:#fff;transition:transform .3s ease}.sneak-peek-link:hover{transform:translateY(-5px)}.sneak-peek-logo{width:120px;height:120px;border-radius:50%;border:2px solid #4CAF50;padding:10px;background:rgba(76,175,80,.1);transition:all .3s ease}.sneak-peek-link:hover .sneak-peek-logo{border-color:#fff;box-shadow:0 0 20px #4caf504d}.sneak-peek-link span{font-size:1.1em;font-weight:700;color:#4caf50;text-decoration:underline}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}@media (max-width: 768px){.sneak-peek-section{margin-top:30px;padding-top:20px}.sneak-peek-section h3{font-size:1.1em}.sneak-peek-logo{width:100px;height:100px}}.prompt-builder{background:#1a1a1a;border-radius:12px;padding:20px;overflow:hidden;width:calc(100% - 20px);max-width:1200px;margin:10px auto}.prompt-builder h2{color:#fff;text-align:center;margin-bottom:15px;font-size:24px}.step-description{color:#888;text-align:center;margin-bottom:30px;font-size:1.1em;max-width:800px;margin-left:auto;margin-right:auto}.prompt-section.hidden{opacity:0;height:0;padding:0;margin:0}.prompt-section label{font-size:13px;margin-bottom:6px}.prompt-section select,.prompt-section .custom-input{padding:10px;font-size:13px;background:#2a2a2a;border:1px solid #333;border-radius:6px;color:#fff;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.prompt-section select:focus,.prompt-section .custom-input:focus{outline:none;border-color:#4caf50}.compose-button{width:100%;padding:15px;background:#4CAF50;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:all .3s ease;margin:20px 0;display:flex;align-items:center;justify-content:center;gap:8px}.compose-button:hover:not(:disabled){background:#45a049;transform:translateY(-2px);box-shadow:0 4px 12px #4caf5033}.compose-button:disabled{background:#2a2a2a;cursor:not-allowed;transform:none;box-shadow:none}@keyframes compose{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.compose-button:not(:disabled):hover svg{animation:compose .5s ease}.final-prompt{margin:15px 10px;padding:15px;background:#2a2a2a;border-radius:8px;border-left:4px solid #4CAF50}.final-prompt h3{font-size:16px;margin-bottom:8px}.final-prompt p{font-size:13px;line-height:1.5}@media (max-width: 768px){.prompt-sections{grid-template-columns:1fr}.prompt-builder{padding:20px}}.step-header:hover{background:rgba(76,175,80,.05)}.step-header h2{margin:0;display:flex;align-items:center;gap:10px;font-size:18px}.expand-button{background:none;border:2px solid #4CAF50;color:#4caf50;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all .3s ease;padding:0;line-height:1}.step-content{position:relative;max-height:0;overflow:hidden;opacity:0;visibility:hidden;transition:all .3s ease-out}.step-content.expanded{max-height:none;opacity:1;visibility:visible;padding:20px;overflow:visible}.step-content.expanded .prompt-sections{margin-top:20px;margin-bottom:20px}.step-content .saved-prompts,.step-content .final-prompt{margin-top:30px}.prompt-builder{position:relative;z-index:0;background:#1a1a1a;border-radius:12px;margin-top:20px;overflow:visible}@media (max-width: 768px){.step-header{padding:12px}.step-content.expanded{padding:15px}.expand-button{width:24px;height:24px;font-size:16px}}.step-header-left{display:flex;align-items:center;gap:10px}.randomize-button{background:none;border:2px solid #4CAF50;color:#4caf50;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:all .3s ease;padding:0}.randomize-button:hover{background:#4CAF50;color:#fff;transform:rotate(180deg)}@keyframes roll{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.randomize-button svg{transition:transform .3s ease}.randomize-button:active svg{animation:roll .5s ease}.step-header{padding:12px;display:flex;justify-content:space-between;align-items:center}@media (max-width: 768px){.randomize-button{width:28px;height:28px;font-size:12px}}.select-container{position:relative;display:flex;align-items:center;gap:8px}.select-container select{width:100%;padding:8px 12px;background:#2a2a2a;border:1px solid rgba(76,175,80,.2);border-radius:8px;color:#fff;font-size:14px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4CAF50 rgba(0,0,0,.2)}.select-container select::-webkit-scrollbar{width:8px}.select-container select::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:4px}.select-container select::-webkit-scrollbar-thumb{background-color:#4caf50;border-radius:4px}.select-container select option{padding:8px 12px;background:#2a2a2a;color:#fff}.select-container select option:hover{background:rgba(76,175,80,.1)}.select-container select option.custom-option{color:#4caf50;border-left:2px solid #4CAF50}@media (max-width: 768px){.select-container select{max-height:250px;font-size:13px}}.edit-button{background:none;border:2px solid #4CAF50;color:#4caf50;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;transition:all .3s ease;padding:0;flex-shrink:0}.edit-button:hover{background:#4CAF50;color:#fff;transform:rotate(15deg)}.custom-input{width:100%;padding:10px;background:#2a2a2a;border:1px solid #4CAF50;border-radius:6px;color:#fff;font-size:13px}.custom-input:focus{outline:none;box-shadow:0 0 0 2px #4caf5033}@media (max-width: 768px){.edit-button{width:28px;height:28px;font-size:12px}}.prompt-part{cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .2s ease}.prompt-part:hover{background:rgba(76,175,80,.1)}.prompt-part.highlighted{background:rgba(76,175,80,.2);border:1px solid rgba(76,175,80,.3)}.prompt-part[title]{text-decoration:none;border-bottom:1px dashed rgba(76,175,80,.3)}.prompt-part[title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:4px 8px;background:rgba(0,0,0,.8);color:#fff;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000}.prompt-section{transition:all .3s ease;padding:15px;border-left:4px solid transparent;border-radius:8px;margin-bottom:5px}.prompt-section.highlighted{background:rgba(76,175,80,.05);border-left-color:#4caf50}.final-prompt p{color:#fff;line-height:1.8;white-space:pre-wrap}.prompt-part:hover:after{content:"Click to edit this part";position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%);background:#4CAF50;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;white-space:normal;pointer-events:none;z-index:1000;max-width:200px;text-align:center}.prompt-sections{scroll-behavior:smooth}.prompt-section.highlighted .custom-input{box-shadow:0 0 0 2px #4caf504d}.custom-option{color:#4caf50;font-style:italic}select option{padding:8px;background:#2a2a2a}select option.custom-option{border-left:2px solid #4CAF50}.header-buttons{display:flex;align-items:center;gap:10px}.clear-customs-button{background:none;border:2px solid #ff4444;color:#f44;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:all .3s ease;padding:0}.clear-customs-button:hover{background:#ff4444;color:#fff;transform:rotate(15deg)}@media (max-width: 768px){.clear-customs-button{width:32px;height:32px;font-size:16px}}@media (min-width: 768px){.prompt-sections{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.prompt-builder{padding:30px}.final-prompt{margin:20px 15px;padding:20px}.final-prompt h3{font-size:18px}.final-prompt p{font-size:14px}}.prompt-part{padding:1px 3px;font-size:13px}.prompt-part:hover:after{font-size:11px;padding:3px 6px;white-space:normal;max-width:200px;text-align:center}.compose-button{margin:15px 0;padding:12px;font-size:15px}.step-description{font-size:13px;margin-bottom:20px;padding:0 5px}.step-content{transition:all .3s ease-out}.step-content.expanded{padding:15px 10px 0}.select-container{position:relative}.select-container:after{content:"▼";font-size:10px;color:#4caf50;position:absolute;right:45px;top:50%;transform:translateY(-50%);pointer-events:none}.prompt-section select option{background:#2a2a2a;color:#fff;padding:10px}.prompt-section select option.custom-option{color:#4caf50!important;background:#222;border-left:2px solid #4CAF50}.prompt-section select{color:#fff;background:#2a2a2a;border:1px solid #333;border-radius:6px;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding:10px;font-size:13px}.prompt-section select:invalid,.prompt-section select option[value=""]{color:#888}.prompt-section select:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 1px #4caf5033}.prompt-section select option[class=custom-option]:checked{color:#4caf50;background:#222}.prompt-section label{color:#4caf50;font-size:13px;font-weight:500;margin-bottom:8px;display:block}.prompt-section select:hover{border-color:#4caf50;background:#333}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-right:4px}.visibility-toggle{background:none;border:none;color:#4caf50;cursor:pointer;padding:4px;font-size:14px;opacity:.7;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.visibility-toggle:hover{opacity:1;transform:scale(1.1)}.visibility-toggle.hidden{color:#666;opacity:1}.section-header .visibility-toggle{opacity:.7;display:flex!important}.prompt-section.has-hidden .select-container{opacity:.5}.section-header .visibility-toggle{opacity:.7}.section-header:hover .visibility-toggle{opacity:1}@media (max-width: 768px){.visibility-toggle{opacity:1;font-size:12px;padding:8px}.section-header{margin-bottom:6px}}.prompt-section.hidden-component .select-container{opacity:.5;position:relative}.prompt-section.hidden-component .select-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);border-radius:6px;pointer-events:none;z-index:1}.prompt-section.hidden-component select{border-color:#666;color:#666}.prompt-section.hidden-component label{color:#666}.step-header{display:flex;justify-content:space-between;align-items:center;padding:12px;cursor:pointer;border-bottom:1px solid rgba(76,175,80,.2);transition:background-color .3s ease}.step-header-left{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:5px 0}.step-header-left h2{margin:0;font-size:18px}.header-buttons{display:flex;align-items:center;gap:10px;margin-left:auto}.expand-button{background:none;border:2px solid #4CAF50;color:#4caf50;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:all .3s ease;padding:0;line-height:1;flex-shrink:0}.expand-button:hover{background:#4CAF50;color:#fff}.expand-button.expanded{transform:rotate(180deg)}@media (max-width: 768px){.expand-button{width:24px;height:24px;font-size:16px}}.saved-prompts{margin:20px 0;background:rgba(0,0,0,.2);border-radius:12px;overflow:hidden}.saved-prompts-header{padding:15px 20px;background:rgba(76,175,80,.1);border:1px solid rgba(76,175,80,.2);display:flex;justify-content:space-between;align-items:center}.saved-prompts+.final-prompt{margin-top:20px}.header-left h3{margin:0;color:#4caf50;font-size:16px}.prompt-count{color:#888;font-size:14px;padding:4px 12px;background:rgba(76,175,80,.1);border-radius:12px;border:1px solid rgba(76,175,80,.2)}.saved-prompts-list{max-height:400px;overflow-y:auto;padding:10px;scrollbar-width:thin;scrollbar-color:#4CAF50 #1a1a1a}.saved-prompts-list::-webkit-scrollbar{width:8px}.saved-prompts-list::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.saved-prompts-list::-webkit-scrollbar-thumb{background:#4CAF50;border-radius:4px}.saved-prompt-item{position:relative;display:grid;grid-template-columns:40px 1fr auto;gap:15px;padding:12px 15px;background:#1a1a1a;border-radius:6px;margin-bottom:10px;border:1px solid rgba(76,175,80,.1);transition:all .3s ease}.saved-prompt-item:hover{border-color:#4caf504d;transform:translate(5px)}.prompt-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;color:#666;font-size:12px}.prompt-number{color:#4caf50;font-weight:500}.prompt-text{color:#fff;font-size:13px;line-height:1.5;margin:0;text-align:left}.load-prompt-button{position:relative;background:none;border:2px solid #4CAF50;color:#4caf50;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;align-self:center}.load-prompt-button:hover{background:#4CAF50;color:#fff;transform:scale(1.1)}.load-prompt-button:hover svg{transform:rotate(180deg);transition:transform .3s ease}.prompt-actions{display:flex;align-items:center;gap:8px;align-self:center;margin-left:auto}.saved-prompt-item:hover .prompt-actions{opacity:1}.delete-prompt-button{position:static;background:none;border:2px solid #ff4444;color:#f44;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.delete-prompt-button:hover{background:#ff4444;color:#fff;transform:scale(1.1)}@media (max-width: 768px){.saved-prompt-item{gap:10px;padding:10px 12px}.favorite-button,.delete-prompt-button{width:28px;height:28px}}@media (max-width: 380px){.saved-prompt-item{gap:8px;padding:8px 10px}.favorite-button,.delete-prompt-button{width:26px;height:26px}}.favorite-button{position:static;background:none;border:2px solid #ffd700;color:gold;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.favorite-button:hover{background:#ffd700;color:#1a1a1a;transform:scale(1.1)}.favorite-button.favorited{background:#ffd700;color:#1a1a1a}.favorite-button.favorited:hover{background:none;color:gold}@media (max-width: 768px){.favorite-button{width:28px;height:28px}}.header-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:nowrap}.filter-favorites-button{background:none;border:2px solid #ffd700;color:gold;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;opacity:.6}.filter-favorites-button:hover{opacity:1;transform:scale(1.1)}.filter-favorites-button.active{background:#ffd700;color:#1a1a1a;opacity:1}.no-prompts-message{text-align:center;color:#666;padding:30px;font-style:italic}.prompt-count{color:#666;font-size:14px;min-width:80px;text-align:right}@media (max-width: 768px){.header-right{gap:10px}.filter-favorites-button{width:24px;height:24px;font-size:12px}}.final-prompt .prompt-part{cursor:pointer;position:relative;padding:2px 4px;border-radius:4px;transition:background-color .2s ease;border-bottom:1px dashed rgba(76,175,80,.3)}.final-prompt .prompt-part:hover{background:rgba(76,175,80,.1)}.final-prompt .prompt-part:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:4px 8px;background:rgba(0,0,0,.8);color:#fff;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.final-prompt .prompt-part:hover:after{opacity:1;visibility:visible}.delete-prompt-button.disabled{border-color:#666;color:#666;cursor:not-allowed;opacity:.5}.delete-prompt-button.disabled:hover{background:none;color:#666;transform:none}.delete-unfavorited-button{background:none;border:2px solid #ff4444;color:#f44;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;opacity:.6}.delete-unfavorited-button:hover{opacity:1;transform:scale(1.1);background:#ff4444;color:#fff}.header-right{display:flex;align-items:center;gap:10px}.final-prompt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.final-prompt-actions{display:flex;gap:8px}.copy-prompt-button,.enhance-prompt-button{background:none;border:2px solid #4CAF50;color:#4caf50;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;opacity:.8}.copy-prompt-button:hover,.save-prompt-button:hover,.enhance-prompt-button:hover:not(:disabled),.edit-prompt-button:hover,.delete-prompt-button:hover{opacity:1;transform:scale(1.1);background:rgba(76,175,80,.1)}.enhance-prompt-button{border-color:#9c27b0;color:#9c27b0}.enhance-prompt-button:hover:not(:disabled){background:rgba(156,39,176,.1)}.enhance-prompt-button.enhanced{border-color:#4caf50;color:#4caf50;background:rgba(76,175,80,.1)}.enhance-prompt-button.cooldown{border-color:#666;color:#666;cursor:not-allowed;opacity:.7}.enhance-prompt-button .cooldown-text{font-size:12px;font-weight:700}@keyframes copySuccess{0%{transform:scale(1)}50%{transform:scale(1.2);background:#4CAF50;color:#fff}to{transform:scale(1)}}.copy-success{animation:copySuccess .5s ease}.enhanced-prompt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.toggle-enhanced-button{display:flex;align-items:center;gap:6px;background:rgba(156,39,176,.1);border:1px solid #9c27b0;color:#9c27b0;padding:4px 10px;border-radius:12px;font-size:12px;cursor:pointer;transition:all .3s ease}.toggle-enhanced-button svg{margin-right:2px}.toggle-enhanced-button .enhanced-count{background:#9c27b0;color:#fff;padding:2px 6px;border-radius:10px;font-size:11px;min-width:20px;text-align:center}.spinner{width:16px;height:16px;border:2px solid rgba(156,39,176,.3);border-top-color:#9c27b0;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.copy-prompt-button,.save-prompt-button,.enhance-prompt-button,.edit-prompt-button,.delete-prompt-button{width:28px;height:28px;font-size:14px}.toggle-enhanced-button{padding:4px 10px;font-size:12px}}.minimal-mode-toggle{display:flex;align-items:center;gap:10px;padding:10px;background:rgba(76,175,80,.1);border-radius:6px}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#2a2a2a;transition:.4s;border-radius:24px;border:1px solid #4CAF50}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:3px;background-color:#4caf50;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#4caf5033}input:checked+.toggle-slider:before{transform:translate(26px)}.toggle-label{display:flex;flex-direction:column;gap:2px;font-size:13px;color:#4caf50}.toggle-sublabel{font-size:11px;opacity:.8}.copy-prompt-button{background:none;border:2px solid #4CAF50;color:#4caf50;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;opacity:.8}.copy-prompt-button:hover{opacity:1;transform:scale(1.1);background:rgba(76,175,80,.1)}.copy-prompt-button.copy-success{animation:copySuccess .5s ease}@keyframes copySuccess{0%{transform:scale(1)}50%{transform:scale(1.2);background:#4CAF50;color:#fff;border-color:#4caf50}to{transform:scale(1)}}@media (max-width: 768px){.minimal-mode-toggle{flex-direction:row;align-items:center;gap:8px}.toggle-label{font-size:12px}.toggle-sublabel{font-size:10px}.copy-prompt-button{width:28px;height:28px;font-size:14px}}@media (max-width: 380px){.toggle-switch{width:44px;height:22px}.toggle-slider:before{height:14px;width:14px;left:3px;bottom:3px}input:checked+.toggle-slider:before{transform:translate(22px)}}.enhanced-prompt-actions{display:flex;gap:8px}.enhanced-prompt-actions button{background:none;border:2px solid #4CAF50;color:#4caf50;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;opacity:.8}.enhanced-prompt-actions button svg{width:14px;height:14px}.enhanced-prompt-actions button:hover{opacity:1;transform:scale(1.1);background:rgba(76,175,80,.1)}@media (max-width: 768px){.enhanced-prompt-actions button{width:22px;height:22px;border-width:2px}.enhanced-prompt-actions button svg{width:12px;height:12px}}.enhanced-child-actions button{background:none;border:2px solid #4CAF50;color:#4caf50;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;opacity:.8}.enhanced-child-actions button svg{width:14px;height:14px}.enhanced-child-actions button:hover{opacity:1;transform:scale(1.1);background:rgba(76,175,80,.1)}@media (max-width: 768px){.enhanced-child-actions button{width:22px;height:22px;border-width:2px}.enhanced-child-actions button svg{width:12px;height:12px}}.nuclear-delete-button{background:none;border:2px solid #ff4444;color:#f44;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.nuclear-delete-button:hover{background:rgba(255,68,68,.1);box-shadow:0 0 12px #ff44444d}.nuclear-delete-button svg{width:16px;height:16px;transition:all .3s ease}.nuclear-delete-button:hover svg{animation:diskPulse 2s infinite}@keyframes diskPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.nuclear-delete-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(255,68,68,.2) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.nuclear-delete-button:hover:before{opacity:1}@media (max-width: 768px){.nuclear-delete-button{width:28px;height:28px}.nuclear-delete-button svg{width:14px;height:14px}}.collapse-all-button{background:none;border:2px solid #9c27b0;color:#9c27b0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;opacity:.8;margin-right:8px}.collapse-all-button:hover{opacity:1;transform:scale(1.1);background:rgba(156,39,176,.1)}.collapse-all-button svg{width:14px;height:14px}.header-right{display:flex;align-items:center;gap:8px}@media (max-width: 768px){.collapse-all-button{width:22px;height:22px}.collapse-all-button svg{width:12px;height:12px}}.elements-nuclear-button{background:none;border:2px solid #ff4444;color:#f44;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;opacity:.8;margin-left:8px}.elements-nuclear-button:hover{opacity:1;background:rgba(255,68,68,.1)}.elements-nuclear-button svg{width:14px;height:14px}@media (max-width: 768px){.elements-nuclear-button{width:22px;height:22px}.elements-nuclear-button svg{width:12px;height:12px}}.coming-soon-section{background:rgba(255,255,255,.05);border-radius:20px;padding:40px;margin:20px 0;text-align:center;border:1px solid rgba(76,175,80,.1)}.placeholder-content{max-width:600px;margin:0 auto}.placeholder-content h3{color:#4caf50;font-size:28px;margin-bottom:15px}.placeholder-content p{color:#ccc;font-size:16px;line-height:1.5}.chad-holder-info{margin-top:40px;padding:30px;background:rgba(76,175,80,.1);border-radius:15px}.chad-holder-info h4{color:#fff;font-size:20px;margin-bottom:15px}.coq-link{display:inline-block;background:#4CAF50;color:#fff;padding:12px 30px;border-radius:25px;text-decoration:none;font-size:18px;margin:20px 0;transition:all .3s ease}.coq-link:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 5px 15px #4caf504d}.info-text{font-size:14px;color:#888;margin-top:15px}@media (max-width: 768px){.coming-soon-section{padding:30px 20px}.chad-holder-info{padding:20px}.placeholder-content h3{font-size:24px}.coq-link{padding:10px 20px;font-size:16px}}.saved-prompts-header .expand-button{background:none;border:2px solid #4CAF50;color:#4caf50;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:all .3s ease;padding:0;line-height:1}.saved-prompts-header .expand-button:hover{background:#4CAF50;color:#fff}.saved-prompts-header .expand-button.expanded{transform:rotate(180deg)}.save-prompt-button{background:none;border:2px solid #4CAF50;color:#4caf50;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.save-prompt-button:hover,.final-prompt-actions .save-prompt-button:hover{background:#4CAF50;color:#fff;transform:scale(1.1)}.step-header{background:rgba(76,175,80,.05);border-bottom:2px solid rgba(76,175,80,.2);padding:15px 20px;transition:all .3s ease}.step-header:hover{background:rgba(76,175,80,.1)}.step-header-left{display:flex;align-items:center;gap:15px}.step-header-left h2{font-size:20px;font-weight:600;color:#4caf50;margin:0}.step-description-container{background:rgba(0,0,0,.2);border-radius:8px;padding:20px;margin:20px 0;border:1px solid rgba(76,175,80,.2)}.step-description{color:#ccc;font-size:14px;line-height:1.6;margin:0}.step-description strong{color:#4caf50;font-weight:600}.prompt-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:20px;background:rgba(0,0,0,.2);border-radius:8px;margin-top:30px;position:relative;z-index:1}.prompt-section{position:relative;background:rgba(42,42,42,.6);border:1px solid rgba(76,175,80,.2);border-radius:8px;padding:15px;transition:all .3s ease;top:auto;left:auto;width:100%;margin-bottom:5px}.prompt-section:hover{border-color:#4caf5066;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.prompt-section.highlighted{background:rgba(76,175,80,.1);border-color:#4caf50;box-shadow:0 0 15px #4caf5033}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(76,175,80,.2)}.section-header label{color:#4caf50;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.select-container{position:relative;display:flex;gap:10px}.select-container select{flex:1;padding:10px 12px;background:#1a1a1a;border:1px solid rgba(76,175,80,.3);border-radius:6px;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease}.select-container select:hover{background:#222;border-color:#4caf50}.select-container select:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}.select-container select option{background:#1a1a1a;color:#fff;padding:8px}.select-container select option.custom-option{color:#4caf50;border-left:2px solid #4CAF50;padding-left:10px}.edit-button{background:none;border:2px solid #4CAF50;color:#4caf50;width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.edit-button:hover{background:#4CAF50;color:#fff;transform:scale(1.05)}.minimal-mode-toggle{background:rgba(76,175,80,.1);border:1px solid rgba(76,175,80,.3);border-radius:8px;padding:12px 15px;margin:15px 0 30px}.toggle-switch{position:relative;width:52px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{background:#1a1a1a;border:2px solid #4CAF50}.toggle-slider:before{background:#4CAF50;height:18px;width:18px}.toggle-label{color:#4caf50;font-size:14px;font-weight:500}.toggle-sublabel{color:#888;font-size:12px}.compose-button{background:linear-gradient(45deg,#388E3C,#4CAF50);border:none;border-radius:8px;padding:15px 30px;font-size:16px;font-weight:600;letter-spacing:.5px;margin:25px auto;max-width:300px;box-shadow:0 4px 15px #4caf5033}.compose-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4caf504d}.compose-button:disabled{background:linear-gradient(45deg,#666,#888);cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.prompt-sections{grid-template-columns:1fr;padding:15px;gap:15px}.step-header-left h2{font-size:18px}.section-header label,.select-container select{font-size:13px}.compose-button{padding:12px 25px;font-size:15px}}.prompt-section.hidden-component{opacity:.6;background:rgba(32,32,32,.6)}.prompt-section.hidden-component .section-header label{color:#888}.prompt-section.hidden-component select{background:rgba(26,26,26,.6);border-color:#8888884d}.visibility-toggle{padding:6px;border-radius:6px;opacity:.7;transition:all .3s ease}.visibility-toggle:hover{background:rgba(76,175,80,.1);opacity:1}.visibility-toggle.hidden{color:#888}.visibility-toggle.hidden:hover{color:#4caf50}.saved-prompts{background:rgba(0,0,0,.2);border-radius:8px;margin-top:25px;overflow:hidden}.saved-prompts-header{background:rgba(156,39,176,.1);border-bottom:2px solid rgba(156,39,176,.2);padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:12px}.header-left h3{color:#9c27b0;font-size:18px;font-weight:500;margin:0}.saved-prompts-list{padding:20px}.saved-prompt{background:rgba(42,42,42,.6);border:1px solid rgba(156,39,176,.2);border-radius:8px;padding:15px;margin-bottom:15px;transition:all .3s ease}.saved-prompt:hover{border-color:#9c27b066;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.prompt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.prompt-date{color:#888;font-size:12px}.enhanced-children{margin-top:12px;padding-left:20px;border-left:2px solid rgba(156,39,176,.3);overflow:hidden;max-height:0;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.saved-prompt-item.has-enhanced .enhanced-children{max-height:1000px}.toggle-enhanced-button{display:flex;align-items:center;gap:6px;background:rgba(156,39,176,.1);border:1px solid rgba(156,39,176,.3);color:#9c27b0;padding:6px 12px;border-radius:15px;font-size:13px;cursor:pointer;transition:all .3s ease}.toggle-enhanced-button.expanded{background:rgba(156,39,176,.2)}.toggle-enhanced-button:hover{background:rgba(156,39,176,.15);transform:translateY(-1px)}.enhanced-child{background:rgba(156,39,176,.05);border:1px solid rgba(156,39,176,.2);border-radius:8px;padding:12px;margin:8px 0;transition:all .3s ease;opacity:0;transform:translateY(10px);animation:fadeInUp .3s forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.enhanced-child:hover{background:rgba(156,39,176,.08);transform:translateY(-1px);box-shadow:0 2px 8px #9c27b01a}.enhanced-child-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.enhanced-icon{color:#9c27b0;font-size:14px}.enhanced-date{color:#888;font-size:12px}.enhanced-child p{color:#fff;font-size:13px;line-height:1.5;margin:0}.enhanced-version-controls{display:flex;align-items:center;gap:15px;background:rgba(156,39,176,.08);padding:8px 16px;border-radius:20px;border:1px solid rgba(156,39,176,.2)}.version-nav-button{background:none;border:2px solid #9c27b0;color:#9c27b0;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;padding:0}.version-nav-button svg{width:20px;height:20px}.version-nav-button:hover:not(:disabled){background:#9c27b0;color:#fff;transform:scale(1.1)}.version-nav-button:disabled{opacity:.4;cursor:not-allowed;border-color:#9c27b04d}.version-counter{display:flex;align-items:center;gap:8px;color:#9c27b0;font-size:15px;min-width:90px;justify-content:center;font-weight:500}.version-counter .magic-icon{color:#9c27b0;font-size:18px}.enhanced-prompt p{color:#fff;font-size:15px;line-height:1.6;margin:0;padding:15px;background:rgba(156,39,176,.05);border-radius:8px}@media (max-width: 768px){.enhanced-prompt{padding:15px}.enhanced-version-controls{padding:6px 12px}.version-nav-button{width:32px;height:32px}.version-nav-button svg{width:18px;height:18px}.version-counter{font-size:14px}}.category-input{position:relative;display:flex;align-items:center;gap:8px;width:100%}.category-input select{flex:1;padding:8px 12px;background:#2a2a2a;border:1px solid rgba(76,175,80,.2);border-radius:8px;color:#fff;font-size:14px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none}.category-input .edit-button{background:none;border:2px solid #4CAF50;color:#4caf50;width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;padding:0;flex-shrink:0}.category-input .edit-button:hover{background:#4CAF50;color:#fff;transform:scale(1.05)}.category-input .custom-input{position:absolute;top:0;left:0;width:calc(100% - 42px);padding:8px 12px;background:#2a2a2a;border:1px solid #4CAF50;border-radius:8px;color:#fff;font-size:14px;z-index:2}.category-input .custom-input:focus{outline:none;box-shadow:0 0 0 2px #4caf5033}@media (max-width: 768px){.category-input .edit-button{width:30px;height:30px}.category-input select,.category-input .custom-input{font-size:13px}}.requirement-item{display:flex;align-items:center;gap:10px;padding:10px;background:rgba(255,255,255,.05);border-radius:8px;border:1px solid rgba(255,255,255,.1)}.requirement-item .check{color:#4caf50;font-size:18px}.requirement-item .balance{margin-left:auto;color:#888}.or-divider{text-align:center;color:#888;font-size:14px;margin:5px 0}.buy-link{display:flex;align-items:center;gap:6px;background:#4CAF50;color:#fff;padding:4px 12px;border-radius:15px;font-size:12px;text-decoration:none;margin-left:auto;transition:all .3s ease}.buy-link:hover{background:#45a049;transform:translateY(-1px);box-shadow:0 2px 8px #4caf5033}.buy-link svg{font-size:10px}.requirement-item{display:flex;align-items:center;gap:10px;padding:10px;background:rgba(255,255,255,.05);border-radius:8px;border:1px solid rgba(255,255,255,.1);flex-wrap:wrap}@media (max-width: 768px){.requirement-item{flex-direction:column;align-items:flex-start;gap:8px}.buy-link{width:100%;justify-content:center;margin-top:8px}}.final-prompt{background:rgba(42,42,42,.6);border:1px solid rgba(76,175,80,.2);border-radius:12px;padding:20px;margin-top:25px}.final-prompt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.save-prompt-unified{display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,#388E3C,#4CAF50);color:#fff;border:none;width:40px;height:40px;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #4caf5033}.save-prompt-unified svg{width:20px;height:20px;transition:transform .3s ease}.save-prompt-unified:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d;background:linear-gradient(45deg,#43A047,#66BB6A)}.save-prompt-unified:hover:not(:disabled) svg{transform:scale(1.1)}.save-prompt-unified:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #4caf5033}.save-prompt-unified:disabled{opacity:.7;cursor:not-allowed;background:linear-gradient(45deg,#9E9E9E,#BDBDBD);box-shadow:none}.save-prompt-unified.saving svg{animation:spin 1s linear infinite}@media (max-width: 768px){.save-prompt-unified{width:36px;height:36px}.save-prompt-unified svg{width:18px;height:18px}}.credits-header{display:flex;align-items:flex-start;justify-content:space-between}.credits-refresh{display:flex;align-items:center;gap:6px;color:#888;font-size:13px}.credits-refresh svg{color:#4caf50;font-size:12px}.credits-balance{color:#4caf50;font-weight:500;font-size:16px}.purchase-credits-button .spinner{animation:spin 1s linear infinite}.credits-refresh-info{display:flex;align-items:center;gap:6px;color:#888;font-size:13px;margin-top:4px}.chad-bonus{display:flex;align-items:center;gap:6px;color:gold;font-weight:500}.chad-bonus svg{color:gold;font-size:14px}.credits-info{display:flex;flex-direction:column;gap:4px}.credits-refresh{display:flex;align-items:center;gap:6px;color:#888;font-size:13px;border-left:2px solid rgba(76,175,80,.2);padding-left:8px;margin:4px 0}.step-note{font-size:.8em;color:#888;font-weight:400;margin-left:8px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.confirm-modal{background:#1a1a1a;border-radius:12px;padding:30px;max-width:500px;width:90%;border:1px solid rgba(255,68,68,.2);box-shadow:0 0 20px #ff44441a;animation:modalAppear .3s ease}.modal-icon{color:#f44;font-size:48px;text-align:center;margin-bottom:20px;animation:pulse 2s infinite}.confirm-modal h2{color:#f44;text-align:center;margin-bottom:15px;font-size:24px}.confirm-modal p{color:#fff;margin-bottom:15px;line-height:1.6}.confirm-modal ul{color:#888;margin:20px 0;padding-left:20px}.confirm-modal li{margin:10px 0;line-height:1.4}.modal-buttons{display:flex;justify-content:flex-end;gap:15px;margin-top:30px}.cancel-button,.confirm-button{padding:12px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.cancel-button{background:transparent;border:1px solid #666;color:#666}.cancel-button:hover{border-color:#888;color:#888}.confirm-button{background:#ff4444;border:none;color:#fff}.confirm-button:hover{background:#ff6666}@keyframes modalAppear{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@media (max-width: 768px){.confirm-modal{padding:20px}.modal-buttons{flex-direction:column}.cancel-button,.confirm-button{width:100%}}.requirement-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(26,26,26,.95);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:900;border-radius:12px}.requirement-content{text-align:center;padding:40px;max-width:400px;width:90%;background:rgba(0,0,0,.5);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lock-icon{font-size:56px;color:#4caf50;margin-bottom:25px;animation:bounce 3s ease infinite}.requirement-content h2{color:#4caf50;margin-bottom:15px;font-size:24px}.requirement-content p{color:#fff;margin-bottom:20px;line-height:1.6}.requirement-message{color:#fff;font-size:1.2em;margin:20px 0;line-height:1.6;font-weight:500}.balance-info{background:rgba(42,42,42,.5);padding:25px;border-radius:12px;margin:25px 0;border-left:4px solid #4CAF50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.balance-info p{margin:10px 0;color:#888}.balance,.required{color:#4caf50;font-weight:700;font-size:1.1em}.requirement-actions{margin-top:30px;display:flex;flex-direction:column;align-items:center;gap:15px}.buy-button{display:flex;align-items:center;gap:10px;padding:15px 30px;background:linear-gradient(135deg,#4CAF50 0%,#45a049 100%);color:#fff;text-decoration:none;border-radius:25px;font-weight:600;font-size:1.1em;transition:all .3s ease;border:none;box-shadow:0 4px 15px #4caf504d}.buy-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066;background:linear-gradient(135deg,#45a049 0%,#4CAF50 100%)}.external-link-icon{font-size:.8em;opacity:.8}.helper-text{color:#888;font-size:.9em;margin-top:10px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-12px);color:#45a049}60%{transform:translateY(-6px);color:#4caf50}}@media (max-width: 768px){.requirement-content{padding:20px;width:95%}.requirements-list{gap:10px}.requirement-item{flex-direction:column;align-items:center;text-align:center;padding:12px}.balance{margin:4px 0}.buy-link{width:100%;margin-top:8px;padding:8px}.or-divider{margin:4px 0}.token-icon{width:32px;height:32px}}.requirements-list{display:flex;flex-direction:column;gap:15px;margin:20px 0}.requirement-item{background:rgba(42,42,42,.5);padding:15px;border-radius:8px;display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.1)}.requirement-item.met{border-color:#4caf50;background:rgba(76,175,80,.1)}.or-divider{color:#888;text-align:center;font-weight:500;margin:5px 0}.check{color:#4caf50;font-size:18px}.balance{color:#888;margin-left:auto}.token-icon{width:24px;height:24px;border-radius:50%;object-fit:cover}.nav-toggle{z-index:950}.requirement-content .connect-wallet-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;background:#4CAF50;color:#fff;border:none;border-radius:25px;font-size:16px;cursor:pointer;transition:all .3s ease;width:100%;max-width:200px;margin:20px auto 0}.requirement-content .connect-wallet-button:hover:not(:disabled){background:#45a049;transform:translateY(-2px);box-shadow:0 5px 15px #4caf504d}.requirement-content .connect-wallet-button:disabled{opacity:.7;cursor:not-allowed;background:#666}.image-generation{padding:20px;background:rgba(0,0,0,.2);border-radius:12px}.prompt-input-section{display:flex;flex-direction:column;gap:20px;padding-bottom:20px;border-bottom:1px solid rgba(76,175,80,.2)}.prompt-textarea{width:100%;padding:15px;background:#2a2a2a;border:1px solid rgba(76,175,80,.2);border-radius:8px;color:#fff;font-size:14px;resize:vertical;min-height:100px;margin-top:0;transition:all .3s ease}.prompt-textarea:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a}.generate-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;background:#4CAF50;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:all .3s ease;margin-bottom:10px}.generate-button:hover:not(:disabled){background:#45a049;transform:translateY(-2px)}.generate-button:disabled{opacity:.7;cursor:not-allowed}.generate-button.generating{background:#666;cursor:wait}@keyframes spin{to{transform:rotate(360deg)}}.error-message{padding:12px;background:rgba(255,68,68,.1);border:1px solid #ff4444;color:#f44;border-radius:8px;margin-bottom:20px}.generated-image{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.gallery-item{position:relative;aspect-ratio:var(--aspect-ratio, 1/1);border-radius:12px;overflow:hidden;background:rgba(0,0,0,.2);margin-bottom:20px}.gallery-item:hover .image-overlay{opacity:1}.image-info{display:flex;flex-direction:column;gap:8px}.image-prompt{font-size:14px;margin:0;color:#fff;line-height:1.4}.image-metadata{display:flex;justify-content:space-between;font-size:12px;color:#ffffffb3}.gallery-item.temporary{border:3px solid #ffd700;box-shadow:0 0 15px #ffd7004d}.gallery-item.saved{border:3px solid #4CAF50;box-shadow:0 0 15px #4caf504d}.save-permanent-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:12px 24px;background:rgba(76,175,80,.9);color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:16px;font-weight:500;opacity:0;z-index:2;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 12px #0000004d}.gallery-item.temporary:hover .save-permanent-button{opacity:1;transform:translate(-50%,-50%) scale(1)}.save-permanent-button:hover{background:rgba(76,175,80,1);transform:translate(-50%,-50%) scale(1.05);box-shadow:0 6px 16px #4caf5066;border-color:#ffffff80}.save-permanent-button:active{transform:translate(-50%,-50%) scale(.98)}.save-permanent-button svg{font-size:18px;transition:transform .3s ease}.save-permanent-button:hover svg{transform:scale(1.1)}.gallery-item.temporary:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);opacity:0;transition:opacity .3s ease;z-index:1}.gallery-item.temporary:hover:before{opacity:1}.save-permanent-button.saving{background:rgba(128,128,128,.9);cursor:wait}.save-permanent-button.saving svg{animation:spin 1s linear infinite}.save-permanent-button.success{background:rgba(76,175,80,.9)}.save-permanent-button.success svg{animation:successPop .3s ease-out}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.image-container{position:relative;overflow:hidden}.image-overlay{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);padding:10px;transform:translateY(100%);transition:transform .3s ease}.image-container:hover .image-overlay{transform:translateY(0)}.image-prompt{color:#fff;font-size:12px;margin:0 0 10px;max-height:60px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4CAF50 rgba(0,0,0,.2)}.image-prompt::-webkit-scrollbar{width:4px}.image-prompt::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}.image-prompt::-webkit-scrollbar-thumb{background:#4CAF50;border-radius:2px}.download-button{position:absolute;bottom:10px;right:10px;padding:8px 16px;background:rgba(76,175,80,.9);color:#fff;border:none;border-radius:20px;text-decoration:none;font-size:14px;transition:all .3s ease}.download-button:hover{background:#4CAF50;transform:translateY(-2px)}@media (max-width: 768px){.image-generation{padding:15px}.generate-button{padding:10px 20px;font-size:14px}.generated-images{grid-template-columns:1fr}.purchase-credits-button,.burn-credits-button{width:100%;min-width:unset;padding:8px 12px;font-size:13px}.purchase-credits-button:after,.burn-credits-button:after{content:""}.purchase-credits-button svg,.burn-credits-button svg{font-size:16px}}@media (max-width: 480px){.purchase-credits-button,.burn-credits-button{padding:6px 10px}.purchase-credits-button svg,.burn-credits-button svg{font-size:14px}}.generated-images .image-container{position:relative;width:100%;max-width:800px;margin:0 auto;aspect-ratio:var(--aspect-ratio, 1/1);border-radius:12px;overflow:hidden;background:#2a2a2a;transition:transform .3s ease}.generated-images .image-container img{width:100%;height:100%;object-fit:cover;display:block}.aspect-ratio-debug{position:fixed;bottom:10px;right:10px;background:rgba(0,0,0,.8);color:#fff;padding:10px;border-radius:5px;font-size:12px;z-index:1000}.aspect-ratio-section{background:rgba(0,0,0,.2);border-radius:12px;overflow:hidden}.aspect-ratio-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;cursor:pointer;background:rgba(76,175,80,.1);border:1px solid rgba(76,175,80,.2);transition:all .3s ease}.aspect-ratio-header:hover{background:rgba(76,175,80,.15)}.header-content{display:flex;align-items:center;gap:15px}.header-title{font-size:16px;font-weight:500;color:#4caf50}.selected-ratio{font-size:14px;color:#888;padding:4px 12px;background:rgba(76,175,80,.1);border-radius:12px;border:1px solid rgba(76,175,80,.2)}.expand-icon{color:#4caf50;transition:transform .3s ease}.expand-icon.expanded{transform:rotate(180deg)}.aspect-ratio-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out;background:rgba(0,0,0,.2)}.aspect-ratio-content.expanded{max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4CAF50 rgba(0,0,0,.2)}.aspect-ratio-content.expanded::-webkit-scrollbar{width:8px}.aspect-ratio-content.expanded::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:4px}.aspect-ratio-content.expanded::-webkit-scrollbar-thumb{background-color:#4caf50;border-radius:4px}@media (max-width: 768px){.aspect-ratio-content.expanded{max-height:250px}}.aspect-ratio-selector{margin:0;padding:20px;background:transparent}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.aspect-ratio-content.expanded .aspect-ratio-selector{animation:slideDown .3s ease-out}@media (max-width: 768px){.prompt-version-controls{flex-direction:column;align-items:stretch}.enhanced-navigation{margin-top:8px;justify-content:center}.aspect-ratio-header{padding:12px 15px}.header-title{font-size:14px}.selected-ratio{font-size:12px;padding:3px 10px}}.prompt-version-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px;padding:8px 12px;background:rgba(76,175,80,.1);border-radius:8px;border:1px solid rgba(76,175,80,.2)}.version-control-button{background:none;border:2px solid #4CAF50;color:#4caf50;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.version-control-button:hover{background:rgba(76,175,80,.2);transform:scale(1.1)}.version-control-button:disabled{opacity:.5;cursor:not-allowed}.version-indicator{display:flex;align-items:center;gap:8px;color:#4caf50;font-size:14px;min-width:100px;justify-content:center}.version-icon{font-size:16px;opacity:.8}.version-toggle-button{display:flex;align-items:center;gap:8px;padding:6px 12px;background:none;border:2px solid #4CAF50;color:#4caf50;border-radius:20px;cursor:pointer;transition:all .3s ease;font-size:14px}.version-toggle-button:hover{background:rgba(76,175,80,.1)}.version-toggle-button.enhanced{background:rgba(76,175,80,.2)}.enhanced-navigation{display:flex;align-items:center;gap:8px}.save-button{position:absolute;bottom:10px;right:10px;padding:8px 16px;background:rgba(76,175,80,.9);color:#fff;border:none;border-radius:20px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease}.save-button:hover{background:#4CAF50;transform:translateY(-2px)}.save-button.saving{opacity:.7;cursor:wait}.save-button:disabled{opacity:.5;cursor:not-allowed}.saved-indicator{display:flex;align-items:center;gap:8px;color:#4caf50;font-size:14px;padding:8px 16px;background:rgba(0,0,0,.7);border-radius:20px}.saved-indicator svg{font-size:16px}.dev-controls{margin:20px 0;padding:15px;background:rgba(255,0,0,.1);border:1px solid rgba(255,0,0,.2);border-radius:8px}.cleanup-button{background:#ff4444;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;transition:all .3s ease}.cleanup-button:hover:not(:disabled){background:#ff0000;transform:translateY(-2px)}.cleanup-button:disabled{opacity:.5;cursor:not-allowed}.generated-image-container{position:relative;border-radius:12px;overflow:hidden;margin:20px 0}.generated-image{width:100%;height:auto;display:block}.image-actions{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:10px;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:15px;border-radius:12px;width:80%;max-width:300px;z-index:10;opacity:0;transition:opacity .3s ease}.image-container:hover .image-actions{opacity:1}.image-action-button{width:100%;padding:12px;display:flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease}.image-action-button.save{background:rgba(76,175,80,.8)}.image-action-button.download,.image-action-button.open-tab{background:rgba(33,150,243,.8)}.image-action-button:hover{transform:translateY(-2px)}.image-action-button:active{transform:translateY(0)}@supports (-webkit-touch-callout: none){.image-action-button.download{display:none}}.save-image-button{display:flex;align-items:center;gap:8px;padding:12px 24px;background:rgba(76,175,80,.9);color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:16px;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.save-image-button:hover:not(:disabled){background:#4CAF50;transform:scale(1.05)}.save-image-button:disabled{opacity:.7;cursor:not-allowed}.generated-image-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);opacity:0;transition:opacity .3s ease}.generated-image-container:hover:before{opacity:1}.temporary-images-section{margin-top:30px;padding:20px;background:rgba(0,0,0,.2);border-radius:12px}.temporary-images-section h3{color:#4caf50;margin-bottom:15px;font-size:18px}.temporary-images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.temporary-images-grid .gallery-item{position:relative;border-radius:12px;overflow:hidden;background:#2a2a2a;aspect-ratio:var(--aspect-ratio, 1/1)}.temporary-images-grid .gallery-item img{width:100%;height:100%;object-fit:cover}.temporary-images-grid .image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));padding:15px;transform:translateY(100%);transition:transform .3s ease}.temporary-images-grid .gallery-item:hover .image-overlay{transform:translateY(0)}.temporary-images-grid .image-info{margin-bottom:10px}.temporary-images-grid .image-prompt{color:#fff;font-size:12px;margin:0 0 5px;line-height:1.4}.temporary-images-grid .image-metadata{display:flex;justify-content:space-between;font-size:11px;color:#ffffffb3}.temporary-images-grid .save-permanent-button{width:100%;padding:8px;background:rgba(76,175,80,.9);color:#fff;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .3s ease}.temporary-images-grid .save-permanent-button:hover:not(:disabled){background:#4CAF50;transform:translateY(-2px)}.temporary-images-grid .save-permanent-button:disabled{opacity:.7;cursor:not-allowed}.gallery-item.saved{position:relative;border:2px solid #4CAF50;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #4caf5033;transition:all .3s ease;animation:savedBorderPulse 2s infinite}.gallery-item.saved:hover{transform:translateY(-5px);box-shadow:0 8px 20px #4caf504d}@keyframes savedBorderPulse{0%{border-color:#4caf5099}50%{border-color:#4caf50}to{border-color:#4caf5099}}.saving-indicator{display:flex;align-items:center;gap:8px}.saving-indicator .spin{animation:spin 1s linear infinite}.saving-indicator .dots span{opacity:0;animation:dots 1.4s infinite}.saving-indicator .dots span:nth-child(2){animation-delay:.2s}.saving-indicator .dots span:nth-child(3){animation-delay:.4s}.test-refresh-button{background:#ff4444;color:#fff;padding:8px 16px;border-radius:4px;border:none;margin-top:10px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;transition:all .3s ease}.test-refresh-button:hover{background:#ff2222;transform:translateY(-2px)}.test-refresh-button:active{transform:translateY(0)}.purchase-credits-button{background:#4CAF50;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.purchase-credits-button:hover:not(:disabled){background:#45a049;transform:translateY(-1px);box-shadow:0 4px 12px #4caf5033}.purchase-credits-button:disabled{opacity:.7;cursor:not-allowed;background:#666}.credits-message{font-size:14px;padding:8px 12px;border-radius:6px;margin-top:8px}.credits-message.error{background:rgba(255,68,68,.1);border:1px solid rgba(255,68,68,.2);color:#f44}.credits-message.success{background:rgba(76,175,80,.1);border:1px solid rgba(76,175,80,.2);color:#4caf50}.credits-actions{display:flex;gap:10px}.burn-credits-button{background:#ff4444;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.burn-credits-button:hover:not(:disabled){background:#ff2222;transform:translateY(-1px);box-shadow:0 4px 12px #f443}.burn-credits-button:disabled{opacity:.7;cursor:not-allowed;background:#666}.burn-credits-button .spinner{animation:spin 1s linear infinite}.prompt-builder{padding:20px;background:rgba(0,0,0,.2);border-radius:12px}.prompt-elements-container{margin-top:20px;padding:20px;background:rgba(0,0,0,.2);border-radius:8px;display:flex;flex-direction:column;gap:15px}.prompt-element{background:#1a1a1a;border-radius:8px;padding:15px;border:1px solid rgba(76,175,80,.1)}.prompt-element h3{color:#4caf50;font-size:14px;margin-bottom:10px;text-transform:uppercase}.gallery-item.error{border:2px solid #ff4444;display:flex;align-items:center;justify-content:center;min-height:200px}.gallery-item.error:after{content:"Failed to load image";color:#f44;font-size:14px}.error-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#f44;font-size:14px;text-align:center;padding:20px;background:rgba(255,68,68,.1)}.gallery-item.error{border:2px solid #ff4444}.gallery-item.error:before{content:"Failed to load image";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#f44;font-size:14px;text-align:center;z-index:1}.generated-image,.error-placeholder,.gallery-item.error:before,.gallery-item.error:after{display:none}.gallery-item img:not([alt="Generated image"]){width:100%;height:100%;object-fit:cover;display:block}.image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));padding:15px;color:#fff;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:2}.generated-images .gallery-item,.gallery-item.saved,.gallery-item.temporary{position:relative;aspect-ratio:var(--aspect-ratio, 1/1);border-radius:12px;overflow:hidden;background:rgba(0,0,0,.2);margin-bottom:20px}.prompt-actions{display:flex;justify-content:flex-end;gap:10px;margin-bottom:10px}.tshirtify-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#2a2a2a;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease}.tshirtify-button:hover{background:#333;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.tshirtify-button svg{font-size:16px;color:#4caf50}.tshirtify-button:active{transform:translateY(0)}.enhance-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#2a2a2a;color:#fff;border:1px solid rgba(156,39,176,.3);border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease}.enhance-button:hover:not(:disabled){background:#333;transform:translateY(-2px);box-shadow:0 4px 12px #9c27b033}.enhance-button svg{font-size:16px;color:#9c27b0}.enhance-button:disabled{opacity:.5;cursor:not-allowed}.enhance-button.loading{cursor:wait}.enhance-button .spinner{animation:spin 1s linear infinite}.enhance-button.cooldown{cursor:wait}.enhance-button .cooldown-text{font-size:12px;font-weight:700;color:#888}.credits-display{display:flex;flex-direction:column;gap:10px;background:rgba(76,175,80,.1);border:1px solid rgba(76,175,80,.2);padding:15px;border-radius:8px;margin-bottom:15px}.credits-header{display:flex;flex-direction:column;gap:15px}.credits-info{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.credits-balance{font-size:18px;font-weight:600;color:#4caf50;padding:4px 12px;background:rgba(76,175,80,.1);border-radius:20px;white-space:nowrap}.credits-refresh{display:flex;align-items:center;gap:6px;color:#888;font-size:13px;padding:4px 12px;background:rgba(255,255,255,.05);border-radius:20px;white-space:nowrap}.credits-refresh svg{color:#4caf50}.chad-bonus{display:flex;align-items:center;gap:6px;color:gold;font-weight:500;padding:4px 12px;background:rgba(255,215,0,.1);border-radius:20px;white-space:nowrap}.credits-actions{display:flex;gap:10px;flex-wrap:wrap}.purchase-credits-button,.burn-credits-button{flex:1;min-width:200px;padding:10px 15px;font-size:14px;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:8px}@media (max-width: 768px){.credits-display{padding:12px}.credits-header{gap:12px}.credits-info{flex-direction:column;align-items:flex-start;gap:8px}.credits-balance{width:100%;text-align:center;font-size:16px}.credits-refresh,.chad-bonus{width:100%;justify-content:center;font-size:12px}.credits-actions{flex-direction:column;width:100%}.purchase-credits-button,.burn-credits-button{width:100%;min-width:unset}.purchase-credits-button span,.burn-credits-button span{display:none}.purchase-credits-button:after,.burn-credits-button:after{content:""}.purchase-credits-button svg,.burn-credits-button svg{font-size:16px}}@media (max-width: 480px){.credits-info{position:relative}.credits-balance{cursor:pointer}.credits-refresh,.chad-bonus{font-size:11px}.credits-message{font-size:12px;padding:8px}}.prompt-actions{display:flex;gap:10px;margin-top:10px}.paste-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(156,39,176,.1);border:1px solid rgba(156,39,176,.3);border-radius:8px;color:#9c27b0;font-size:14px;cursor:pointer;transition:all .3s ease}.paste-button:hover{background:rgba(156,39,176,.2);transform:translateY(-2px);box-shadow:0 4px 12px #9c27b033}.paste-button:active{transform:translateY(0)}.paste-button svg{font-size:16px}@media (max-width: 768px){.prompt-actions{flex-wrap:wrap}.paste-button{padding:6px 12px;font-size:13px}}.image-action-button.save.saving{background:rgba(76,175,80,.5);cursor:wait;position:relative;overflow:hidden}.image-action-button.save.saving:after{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:saving-shine 1.5s infinite}@keyframes saving-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.save-spinner{animation:spin 1s linear infinite}.degen-toggle-container{display:flex;align-items:center;gap:8px;padding:4px 12px;border-radius:8px;font-size:14px;color:#888}.degen-toggle{position:relative;width:44px;height:24px}.degen-toggle input{opacity:0;width:0;height:0}.degen-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#2a2a2a;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:24px;border:1px solid #444;overflow:hidden}.degen-toggle-slider:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(255,87,34,.4) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.degen-toggle input:checked+.degen-toggle-slider:after{opacity:1}.degen-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#888;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:50%;z-index:2}input:checked+.degen-toggle-slider{background-color:#ff572233;border-color:#ff5722}input:checked+.degen-toggle-slider:before{transform:translate(20px);background-color:#ff5722;box-shadow:0 0 10px #ff572280}.degen-toggle-label{display:flex;align-items:center;gap:6px;font-size:14px;color:#888;transition:color .3s ease}.degen-skull{font-size:16px;color:#888;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}input:checked~.degen-toggle-label{color:#ff5722}input:checked~.degen-toggle-label .degen-skull{color:#ff5722;animation:skullAnimation 1.5s infinite;filter:drop-shadow(0 0 5px rgba(255,87,34,.5))}@keyframes skullAnimation{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.2) rotate(-5deg)}50%{transform:scale(1.1) rotate(5deg)}75%{transform:scale(1.2) rotate(-5deg)}to{transform:scale(1) rotate(0)}}.style-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#2a2a2a;color:#fff;border:1px solid rgba(76,175,80,.2);border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease}.style-button:hover{background:#333;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.style-button svg{font-size:16px;color:#4caf50}.aspect-ratio-selector{margin:20px 0;padding:20px;background:rgba(0,0,0,.2);border-radius:12px}.aspect-ratios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;justify-items:center;opacity:0;transform:translateY(-10px);animation:fadeIn .3s ease-out forwards}.aspect-ratio-option{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px;background:#2a2a2a;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .3s ease;width:100%;max-width:150px}.aspect-ratio-option:hover{background:#333;transform:translateY(-2px);border-color:#4caf504d}.aspect-ratio-option.selected{border-color:#4caf50;background:rgba(76,175,80,.1)}.ratio-preview{position:relative;transform:scale(.7);transition:all .3s ease;border:2px solid rgba(76,175,80,.5);border-radius:4px;background:rgba(76,175,80,.05)}.ratio-inner{position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid #4CAF50;background:rgba(76,175,80,.1);border-radius:4px}.ratio-label{display:flex;flex-direction:column;align-items:center;gap:4px}.ratio-value{font-size:14px;font-weight:700;color:#4caf50}.ratio-name{font-size:12px;color:#888}@media (max-width: 768px){.aspect-ratios-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.aspect-ratio-option{padding:8px;max-width:120px}.ratio-preview{transform:scale(.6)}.ratio-value{font-size:12px}.ratio-name{font-size:10px}}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000}.storage-limit-modal{background:#1a1a1a;padding:24px;border-radius:12px;border:2px solid #ff4444;max-width:400px;text-align:center;animation:modalSlideIn .3s ease-out;z-index:1001}.limit-warning-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px;color:#f44}.limit-warning-header svg{font-size:24px}.limit-warning-header h3{margin:0;font-size:20px}.limit-warning-content{color:#fff;margin-bottom:24px}.limit-warning-content p{margin:8px 0;line-height:1.5}.limit-warning-actions{display:flex;gap:12px;justify-content:center}.limit-warning-actions button{padding:10px 20px;border-radius:8px;border:none;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500}.limit-warning-actions .secondary-button{background:rgba(255,255,255,.1);color:#fff}.limit-warning-actions .primary-button{background:#4CAF50;color:#fff}.limit-warning-actions button:hover{transform:translateY(-2px)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.character-modal{background:#1a1a1a;border-radius:12px;max-width:600px;width:90%;max-height:80vh;position:relative;overflow:hidden;border:1px solid rgba(76,175,80,.2)}.characters-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:10px}.character-item{background:#2a2a2a;border:1px solid rgba(76,175,80,.2);border-radius:6px;padding:8px 12px;color:#fff;cursor:pointer;transition:all .3s ease;text-align:left}.character-item:hover{background:rgba(76,175,80,.2);transform:translateY(-2px)}.character-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#2a2a2a;color:#fff;border:1px solid rgba(76,175,80,.2);border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease}.character-button:hover{background:#333;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.character-button svg{font-size:16px;color:#4caf50}.style-modal{background:#1a1a1a;border-radius:12px;max-width:600px;width:90%;max-height:80vh;position:relative;overflow:hidden;border:1px solid rgba(76,175,80,.2)}.modal-header{padding:15px 20px;border-bottom:1px solid rgba(76,175,80,.2);display:flex;justify-content:space-between;align-items:center;background:#1a1a1a;position:sticky;top:0;z-index:10}.modal-header h3{margin:0;color:#4caf50;font-size:18px;flex-grow:1;text-align:center}.close-button{background:none;border:none;color:#888;cursor:pointer;padding:5px;font-size:20px;transition:color .3s ease;position:absolute;left:15px;top:50%;transform:translateY(-50%)}.close-button:hover{color:#4caf50}.modal-content{padding:20px;overflow-y:auto;max-height:calc(80vh - 60px);margin-top:10px}.category-section{margin-bottom:15px;position:relative;z-index:1}.category-header,.subcategory-header{padding:12px 15px;background:rgba(76,175,80,.1);border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.category-header:hover,.subcategory-header:hover{background:rgba(76,175,80,.2)}.expand-icon{transition:transform .3s ease}.expanded .expand-icon{transform:rotate(180deg)}.subcategories{margin-top:10px;padding-left:20px}.subcategory-section{margin-bottom:10px}.styles-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:10px}.style-item{position:relative;background:#2a2a2a;border:1px solid rgba(76,175,80,.2);border-radius:6px;padding:8px 12px;color:#fff;cursor:pointer;transition:all .3s ease;text-align:left}.style-item:hover{background:rgba(76,175,80,.2);transform:translateY(-2px)}.style-item[title]{cursor:help}.style-item[title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:8px 12px;background:rgba(0,0,0,.9);color:#fff;border-radius:4px;font-size:14px;white-space:normal;max-width:300px;z-index:1000;pointer-events:none;box-shadow:0 2px 10px #0003}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000}.edit-page{min-height:100vh;width:100%;position:relative;padding:100px 20px 80px;display:flex;align-items:center;justify-content:center}.edit-page h1{color:#4caf50;margin-bottom:20px;font-size:24px}.selection-container{display:flex;gap:20px;justify-content:center;padding:40px 20px}.selection-option{flex:1;min-width:250px;max-width:300px;display:flex;flex-direction:column;align-items:center;gap:15px;padding:30px;background:rgba(0,0,0,.2);border:1px solid rgba(76,175,80,.2);border-radius:12px;cursor:pointer;transition:all .3s ease}.selection-option:hover{transform:translateY(-5px);background:rgba(0,0,0,.3);border-color:#4caf50}.option-icon{font-size:48px;color:#4caf50;margin-bottom:15px}.selection-option span{display:block;font-size:18px;font-weight:500;color:#fff;margin-bottom:10px}.selection-option p{color:#888;font-size:14px;margin:0}.upload-container{background:rgba(0,0,0,.2);border-radius:12px;padding:20px;border:1px solid rgba(76,175,80,.2)}.upload-area{display:flex;flex-direction:column;align-items:center;gap:15px;padding:40px;border:2px dashed rgba(76,175,80,.3);border-radius:12px;cursor:pointer;transition:all .3s ease}.upload-area:hover{border-color:#4caf50;background:rgba(76,175,80,.1)}.upload-icon{font-size:48px;color:#4caf50}.hidden{display:none}.error-message{color:#f44;padding:10px;margin-top:10px;background:rgba(255,68,68,.1);border-radius:6px;text-align:center}.loading-container{display:flex;flex-direction:column;align-items:center;gap:15px;padding:40px}.spinner{animation:spin 1s linear infinite;font-size:24px;color:#4caf50}.selected-image-preview{margin-top:20px;text-align:center}.selected-image-preview img{max-width:100%;max-height:500px;border-radius:8px}.proceed-button{margin-top:20px;padding:12px 24px;background:#4CAF50;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.saved-images-container{background:rgba(0,0,0,.2);border-radius:12px;padding:20px;border:1px solid rgba(76,175,80,.2)}.selection-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1001;padding:20px}.selection-modal{background:#1a1a1a;border-radius:12px;padding:40px;width:100%;max-width:800px;border:1px solid rgba(76,175,80,.2);box-shadow:0 4px 20px #0000004d}.selection-modal h2{color:#4caf50;text-align:center;margin-bottom:40px;font-size:28px}.selection-options{display:flex;gap:30px;justify-content:center;flex-wrap:wrap}.delete-button{position:absolute;top:20px;right:20px;background:rgba(255,68,68,.1);border:none;color:#f44;padding:8px 16px;border-radius:20px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.delete-button:hover{background:rgba(255,68,68,.2)}.confirmation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1003;padding:20px}.confirmation-modal{background:#1a1a1a;border-radius:12px;padding:30px;width:100%;max-width:400px;border:1px solid rgba(255,68,68,.2);text-align:center}.confirmation-modal h3{color:#f44;margin-bottom:15px;font-size:24px}.confirmation-modal p{color:#888;margin-bottom:25px;line-height:1.4}.confirmation-actions{display:flex;gap:15px;justify-content:center}.cancel-button{padding:10px 20px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:6px;cursor:pointer;transition:all .3s ease}.cancel-button:hover{background:rgba(0,0,0,.5)}.confirm-delete-button{padding:10px 20px;background:rgba(255,68,68,.1);border:1px solid rgba(255,68,68,.3);color:#f44;border-radius:6px;cursor:pointer;transition:all .3s ease}.confirm-delete-button:hover{background:rgba(255,68,68,.2)}.upload-section,.saved-section{position:relative;padding:20px;min-height:calc(100vh - 100px)}.upload-section h2,.saved-section h2{color:#4caf50;text-align:center;margin-bottom:30px;font-size:24px}.loading-preview{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;color:#4caf50}.selected-image-preview{margin-top:20px;padding:20px;background:rgba(0,0,0,.2);border-radius:12px;border:1px solid rgba(76,175,80,.2)}.selected-image-preview img{max-width:100%;max-height:600px;border-radius:8px;margin-bottom:15px}.image-details{margin:15px 0;padding:10px;background:rgba(0,0,0,.2);border-radius:6px}.image-details p{margin:5px 0;color:#888;font-size:14px;display:flex;align-items:center;gap:10px}.detail-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#fff}.detail-row>span:first-child{color:#888}.aspect-ratio-info{display:flex;align-items:center;gap:8px}.ratio-preview{display:flex;align-items:center;gap:6px}.ratio-box{width:24px;height:24px;border:1px solid rgba(255,255,255,.2);border-radius:4px;position:relative;overflow:hidden}.ratio-inner{position:absolute;top:2px;left:2px;right:2px;bottom:2px;background:rgba(76,175,80,.2);border:1px solid rgba(76,175,80,.3);border-radius:2px}.ratio-box[data-ratio="1:1"] .ratio-inner{top:2px;left:2px;right:2px;bottom:2px}.ratio-box[data-ratio="16:9"] .ratio-inner{top:4px;bottom:4px}.ratio-box[data-ratio="2:3"] .ratio-inner,.ratio-box[data-ratio="3:4"] .ratio-inner{left:6px;right:6px}.ratio-label{color:#888;font-size:12px}.spinner{animation:spin 1s linear infinite}.ratio-box[data-ratio="2:3"] .ratio-inner,.ratio-box[data-ratio="4:5"] .ratio-inner,.ratio-box[data-ratio="9:16"] .ratio-inner,.ratio-box[data-ratio="3:4"] .ratio-inner{width:60%}.ratio-box[data-ratio="3:2"] .ratio-inner,.ratio-box[data-ratio="16:9"] .ratio-inner,.ratio-box[data-ratio="5:4"] .ratio-inner,.ratio-box[data-ratio="4:3"] .ratio-inner{height:60%}.description-section{margin-top:15px;border-top:1px solid rgba(76,175,80,.2);padding-top:15px}.description-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.description-actions{display:flex;gap:8px}.action-button{background:rgba(76,175,80,.1);border:1px solid rgba(76,175,80,.3);border-radius:4px;padding:6px;color:#4caf50;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.action-button:hover{background:rgba(76,175,80,.2)}.action-button.active{background:#4CAF50;color:#fff}.action-button:disabled{opacity:.5;cursor:not-allowed}.description-input{width:100%;background:rgba(0,0,0,.2);border:1px solid rgba(76,175,80,.3);border-radius:4px;padding:8px;color:#fff;font-size:14px;resize:vertical;min-height:80px;margin-top:10px}.description-input:focus{outline:none;border-color:#4caf50}.description-text{color:#888;font-size:14px;line-height:1.4;margin-top:10px;padding:8px;background:rgba(0,0,0,.2);border-radius:4px}.action-buttons{margin-top:20px;width:100%}.edit-actions{display:flex;gap:20px;justify-content:center}.edit-button{position:relative;width:60px;height:60px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;border:none;background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.edit-button svg{font-size:24px;transition:transform .3s ease}.edit-button.upscale{color:#4caf50;border:2px solid #4CAF50}.edit-button.upscale:hover{background:rgba(76,175,80,.2);transform:translateY(-5px)}.edit-button.upscale:hover svg{transform:scale(1.2)}.edit-button.inpaint{color:#2196f3;border:2px solid #2196F3}.edit-button.inpaint:hover{background:rgba(33,150,243,.2);transform:translateY(-5px)}.edit-button.inpaint:hover svg{transform:scale(1.2)}.edit-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.edit-button:disabled svg{transform:none!important}.button-tooltip{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:rgba(0,0,0,.8);color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease}.edit-button:hover .button-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(-5px)}.button-tooltip:after{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%);border-width:0 5px 5px 5px;border-style:solid;border-color:transparent transparent rgba(0,0,0,.8) transparent}.edit-button.upscale .button-tooltip{background:rgba(76,175,80,.9)}.edit-button.upscale .button-tooltip:after{border-bottom-color:#4caf50e6}.edit-button.inpaint .button-tooltip{background:rgba(33,150,243,.9)}.edit-button.inpaint .button-tooltip:after{border-bottom-color:#2196f3e6}.no-images-message{text-align:center;padding:40px;color:#888;background:rgba(0,0,0,.2);border-radius:8px}.no-images-message p{margin:0;font-size:14px;line-height:1.4}.header-hover-area{position:fixed;top:0;left:0;right:0;height:20px;z-index:1002}.nav-toggle{position:fixed;top:0;left:50%;transform:translate(-50%);background:rgba(0,0,0,.9);border:none;border-radius:0 0 12px 12px;padding:8px 16px;color:#fff;cursor:pointer;z-index:1002;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.nav-toggle-bottom{position:fixed;bottom:0;left:50%;transform:translate(-50%);background:rgba(0,0,0,.9);border:none;border-radius:12px 12px 0 0;padding:8px 16px;color:#fff;cursor:pointer;z-index:1002;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.nav-toggle:hover,.nav-toggle-bottom:hover{background:rgba(0,0,0,.95)}.generate-new-button{margin-top:30px;padding:12px 24px;background:#4CAF50;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:16px;width:100%;max-width:200px;display:block;margin-left:auto;margin-right:auto}.generate-new-button:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.upscale-button{padding:12px 24px;background:#4CAF50;color:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;margin:20px 0}.upscale-button:disabled{background:#666;cursor:not-allowed}.upscale-button .spin{animation:spin 1s linear infinite}.upscaled-image-container{margin-top:20px;border-radius:8px;overflow:hidden}.upscaled-image{width:100%;height:auto;display:block}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1001;padding:20px;overflow-y:auto}.upscale-modal{background:#1a1a1a;border-radius:12px;padding:20px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;position:relative;margin:auto;border:1px solid rgba(76,175,80,.2);box-shadow:0 4px 20px #0000004d}.upscale-modal::-webkit-scrollbar{width:8px}.upscale-modal::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:4px}.upscale-modal::-webkit-scrollbar-thumb{background:rgba(76,175,80,.3);border-radius:4px}.upscale-modal::-webkit-scrollbar-thumb:hover{background:rgba(76,175,80,.5)}@media (max-width: 768px){.modal-overlay{padding:20px 10px 10px;align-items:flex-start}.upscale-modal{width:95%;max-height:85vh;padding:15px;margin:20px auto}.comparison-controls,.modal-actions{flex-direction:column;gap:10px}.modal-actions button{width:100%}}.upscale-modal h3{margin-bottom:20px;position:sticky;top:0;background:#1a1a1a;padding:10px 0;z-index:2}.comparison-controls{display:flex;gap:10px;margin-bottom:20px;position:sticky;top:50px;background:#1a1a1a;padding:10px 0;z-index:2}.modal-actions{position:sticky;bottom:0;background:#1a1a1a;padding:15px 0;margin-top:20px;border-top:1px solid rgba(76,175,80,.1);display:flex;gap:10px;z-index:2}.image-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;flex:1;min-height:0}.original-image,.upscaled-image{display:flex;flex-direction:column;gap:10px;height:100%}.original-image h4,.upscaled-image h4{color:#888;text-align:center}.original-image img,.upscaled-image img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.modal-actions{display:flex;gap:12px;margin-top:20px;justify-content:center}.save-upscale-button,.discard-button{padding:12px 24px;border-radius:8px;border:none;cursor:pointer;font-size:14px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:160px}.button-content{display:flex;align-items:center;gap:8px}.save-upscale-button{background:#4CAF50;color:#fff}.save-upscale-button:hover:not(:disabled){background:#45a049;transform:translateY(-2px)}.save-upscale-button:disabled{background:#444;cursor:not-allowed;opacity:.7;transform:none}.discard-button{background:rgba(255,68,68,.1);color:#f44;border:1px solid rgba(255,68,68,.3)}.discard-button:hover:not(:disabled){background:rgba(255,68,68,.2);transform:translateY(-2px)}.discard-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.comparison-controls{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.comparison-mode-button{padding:8px 16px;border:1px solid rgba(76,175,80,.2);background:transparent;color:#fff;border-radius:6px;cursor:pointer;transition:all .3s ease}.comparison-mode-button.active{background:#4CAF50;border-color:#4caf50}.image-comparison-slider{position:relative;width:100%;flex:1;margin-bottom:20px;display:flex;flex-direction:column}.comparison-container{position:relative;width:100%;flex:1;overflow:hidden;border-radius:8px;background:#000;display:flex;align-items:center;justify-content:center}.comparison-original,.comparison-upscaled{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.comparison-original{clip-path:inset(0 var(--clip-right) 0 0)}.comparison-upscaled{clip-path:inset(0 0 0 var(--clip-left))}.comparison-original img,.comparison-upscaled img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.slider-handle{position:absolute;top:0;bottom:0;width:40px;transform:translate(-50%);cursor:ew-resize;display:flex;align-items:center;justify-content:center;z-index:10}.slider-line{position:absolute;width:4px;height:100%;background:white;box-shadow:0 0 10px #000c}.slider-button{width:48px;height:48px;background:white;border-radius:50%;box-shadow:0 0 15px #000c;position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.slider-button:before,.slider-button:after{content:"";position:absolute;width:0;height:0;border-style:solid}.slider-button:before{left:8px;border-width:8px 8px 8px 0;border-color:transparent #666 transparent transparent}.slider-button:after{right:8px;border-width:8px 0 8px 8px;border-color:transparent transparent transparent #666}.comparison-labels{display:flex;justify-content:space-between;margin-top:15px;color:#fff;font-size:16px;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.8);padding:0 20px}.settings-modal{background:#1a1a1a;border-radius:12px;padding:30px;width:90%;max-width:500px;border:1px solid rgba(76,175,80,.2)}.settings-group{display:flex;flex-direction:column;gap:25px;margin:20px 0}.settings-group label{display:flex;flex-direction:column;gap:10px;color:#fff;font-size:16px}.slider-container input[type=range]{width:100%;-webkit-appearance:none;height:4px;background:#333;border-radius:2px;outline:none}.slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#4CAF50;border-radius:50%;cursor:pointer;transition:all .3s ease}.slider-container input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.setting-hint{color:#888;font-size:13px;font-style:italic}.scale-options{display:flex;gap:10px;margin-top:5px}.scale-option{padding:8px 16px;background:#333;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .3s ease}.scale-option:hover{background:#444}.scale-option.active{background:#4CAF50}.settings-actions{display:flex;flex-direction:column;gap:16px;margin-top:30px}.primary-actions{display:flex;justify-content:flex-end;gap:12px}.restore-defaults-button{align-self:center;padding:8px 16px;background:transparent;border:1px solid #4CAF50;color:#4caf50;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s ease}.restore-defaults-button:hover{background:rgba(76,175,80,.1)}.proceed-button,.cancel-button{padding:12px 24px;border-radius:8px;border:none;cursor:pointer;font-size:14px;transition:all .3s ease}.proceed-button{background:#4CAF50;color:#fff}.proceed-button:hover{background:#45a049;transform:translateY(-2px)}.cancel-button{background:#333;color:#fff}.cancel-button:hover{background:#444;transform:translateY(-2px)}.setting-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.setting-range{color:#888;font-size:14px}.tooltip-container,.info-icon,.tooltip,.range-note{display:none}.slider-container{position:relative;padding:10px 0;margin-bottom:20px}.slider-labels{display:flex;justify-content:space-between;color:#888;font-size:14px;margin-top:8px}.edit-button.upscale:disabled{background:#444;cursor:not-allowed;opacity:.7}.edit-button.upscale:disabled:hover{transform:none;background:#444}.edit-button.upscale:disabled:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:8px;background:rgba(0,0,0,.8);color:#fff;border-radius:4px;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .3s ease}.edit-button.upscale:disabled:hover:after{opacity:1}.upscaled-status{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.upscaled-status.yes{background:rgba(76,175,80,.2);color:#4caf50}.upscaled-status.no{background:rgba(255,255,255,.1);color:#888}.credits-display{background:rgba(0,0,0,.2);border-radius:8px;padding:12px;margin-bottom:20px;border:1px solid rgba(76,175,80,.2)}.credits-info{display:flex;flex-direction:column;gap:8px}.credits-balance{display:flex;align-items:center;gap:8px;color:#4caf50;font-weight:500}.credits-refresh{display:flex;align-items:center;gap:8px;color:#888;font-size:14px}.chad-status{display:flex;align-items:center;gap:8px;color:gold;font-size:14px}.proceed-button:disabled{background:#444;cursor:not-allowed;opacity:.7}.proceed-button:disabled:hover{transform:none;background:#444}.proceed-button:disabled:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:8px;background:rgba(0,0,0,.8);color:#fff;border-radius:4px;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .3s ease}.proceed-button:disabled:hover:after{opacity:1}.credits-required{display:flex;align-items:center;gap:8px;color:#ff9800;font-size:14px;font-weight:500}.credits-actions{display:flex;margin-top:15px}.purchase-credits-button{width:100%;padding:12px;border:none;border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;background:#4CAF50;color:#fff}.purchase-credits-button:hover:not(:disabled){background:#45a049;transform:translateY(-2px)}.purchase-credits-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.edit-button.download{background:#2196F3;color:#fff;transition:all .3s ease}.edit-button.download:hover{background:#1976D2;transform:translateY(-2px)}.edit-button.download:active{transform:translateY(0)}.upscale-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:2000}.loading-content{text-align:center;color:#fff;padding:40px}.loading-spinner{margin-bottom:20px}.loading-spinner .spin{font-size:48px;color:#4caf50;animation:upscale-spin 2s ease-in-out infinite}.loading-content h3{font-size:24px;margin-bottom:12px;color:#4caf50}.loading-content p{color:#888;margin-bottom:20px}.progress-dots{display:flex;justify-content:center;gap:4px}.progress-dots span{animation:dots 1.4s infinite;font-size:24px;color:#4caf50}.progress-dots span:nth-child(2){animation-delay:.2s}.progress-dots span:nth-child(3){animation-delay:.4s}@keyframes upscale-spin{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.5) rotate(180deg)}to{transform:scale(1) rotate(360deg)}}@keyframes dots{0%,20%{transform:translateY(0);opacity:.2}50%{transform:translateY(-5px);opacity:1}80%,to{transform:translateY(0);opacity:.2}}.floating-credits{position:fixed;top:20px;left:20px;z-index:1000;background:rgba(0,0,0,.8);border-radius:8px;padding:12px;border:1px solid rgba(76,175,80,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #0003}.floating-credits .credits-info{display:flex;flex-direction:column;gap:8px;min-width:180px}.floating-credits .credits-balance{font-size:16px}.floating-credits .credits-refresh,.floating-credits .chad-status{font-size:12px}.floating-credits:hover{background:rgba(0,0,0,.9);transform:translateY(-2px);transition:all .3s ease}.edit-button.remove-bg{background:#9C27B0;color:#fff;transition:all .3s ease}.edit-button.remove-bg:hover:not(:disabled){background:#7B1FA2;transform:translateY(-2px)}.edit-button.remove-bg:disabled{background:#444;cursor:not-allowed;opacity:.7}.edit-button.remove-bg:active:not(:disabled){transform:translateY(0)}.settings-presets{margin:15px 0;display:flex;justify-content:center}.recommended-button{padding:8px 16px;background:rgba(76,175,80,.1);border:1px solid #4CAF50;color:#4caf50;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s ease}.recommended-button:hover{background:rgba(76,175,80,.2);transform:translateY(-2px)}.recommended-button:active{transform:translateY(0)}.back-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;font-size:14px;transition:all .3s ease;margin-bottom:20px}.back-button:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}.back-button:active{transform:translateY(0)}.back-button svg{font-size:16px}.modal-content{margin:20px 0;text-align:center}.modal-actions{display:flex;justify-content:center;gap:12px;margin-top:20px}.cancel-button{padding:8px 16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:6px;cursor:pointer;transition:all .3s ease}.cancel-button:hover:not(:disabled){background:rgba(255,255,255,.15);transform:translateY(-2px)}.proceed-button{padding:8px 16px;background:#4CAF50;border:none;color:#fff;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.proceed-button:hover:not(:disabled){background:#45a049;transform:translateY(-2px)}.proceed-button:disabled{opacity:.7;cursor:not-allowed}.preview-modal{background:#1a1a1a;border-radius:12px;padding:30px;max-width:90vw;max-height:90vh;overflow:auto}.preview-modal h3{color:#fff;text-align:center;margin-bottom:20px}.preview-modal .image-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.preview-modal .original-image,.preview-modal .processed-image{text-align:center}.preview-modal h4{color:#888;margin-bottom:10px}.preview-modal img{max-width:100%;max-height:60vh;border-radius:8px}.preview-modal .processed-image img{background-image:linear-gradient(45deg,#808080 25%,transparent 25%),linear-gradient(-45deg,#808080 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#808080 75%),linear-gradient(-45deg,transparent 75%,#808080 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.preview-modal .save-button{background:#4CAF50;color:#fff}.preview-modal .save-button:hover:not(:disabled){background:#45a049}.preview-modal .discard-button{background:#ff4444;color:#fff}.preview-modal .discard-button:hover:not(:disabled){background:#ff2222}.important-note{margin:15px 0;padding:12px;background:rgba(255,193,7,.1);border:1px solid rgba(255,193,7,.3);border-radius:8px;display:flex;align-items:center;gap:10px}.important-note svg{color:#ffc107;flex-shrink:0;font-size:18px}.important-note p{margin:0;color:#ffc107;font-size:14px;line-height:1.4}.coming-soon-modal{background:rgba(26,26,26,.95);border-radius:16px;padding:40px;position:relative;overflow:hidden;border:2px solid #4CAF50;box-shadow:0 0 30px #4caf504d;max-width:400px;width:90%}.coming-soon-content{position:relative;z-index:2;text-align:center}.coming-soon-modal h2{color:#4caf50;font-size:32px;margin-bottom:20px;text-shadow:0 0 10px rgba(76,175,80,.5)}.coming-soon-modal p{color:#fff;font-size:18px;margin:15px 0}.dust-text{color:gold!important;font-style:italic;font-size:16px!important}.construction-line{position:relative;height:4px;background:rgba(76,175,80,.2);margin:30px 0;border-radius:2px;overflow:hidden}.progress-track{position:absolute;left:-20%;width:40%;height:100%;background:linear-gradient(90deg,transparent,#4CAF50,transparent);animation:progress 2s linear infinite}.hammer{position:absolute;top:-15px;left:0;animation:hammer 2s linear infinite}.dust-particles{position:absolute;top:0;left:0;right:0;bottom:0}.dust{position:absolute;width:4px;height:4px;background:rgba(255,215,0,.5);border-radius:50%;left:var(--position);animation:float var(--delay) ease-in infinite}.close-button{background:#4CAF50;border:none;padding:12px 24px;border-radius:8px;color:#fff;font-size:16px;cursor:pointer;transition:all .3s ease;margin-top:20px}.close-button:hover{transform:translateY(-2px);background:#45a049;box-shadow:0 4px 12px #4caf504d}@keyframes progress{0%{left:-40%}to{left:100%}}@keyframes hammer{0%,to{transform:rotate(0);left:0}25%{transform:rotate(-20deg)}50%{transform:rotate(0);left:100%}75%{transform:rotate(-20deg)}}@keyframes float{0%{transform:translateY(0) scale(1);opacity:0}50%{transform:translateY(-100px) scale(.5);opacity:.5}to{transform:translateY(-200px) scale(0);opacity:0}}.edit-button.video{background:rgba(33,150,243,.1);border:1px solid rgba(33,150,243,.3);color:#2196f3}.edit-button.video:hover:not(:disabled){background:rgba(33,150,243,.2);transform:translateY(-2px)}.edit-button.video:disabled{opacity:.7;cursor:not-allowed}.edit-button.video .spin{animation:spin 1s linear infinite}.video-modal{background:#1a1a1a;border-radius:12px;padding:30px;max-width:90vw;max-height:90vh;overflow:auto}.video-modal h3{color:#2196f3;text-align:center;margin-bottom:20px}.video-options{display:grid;gap:15px;margin:20px 0}.video-preview{width:100%;max-width:600px;margin:20px auto;border-radius:8px;overflow:hidden}.video-actions{display:flex;justify-content:center;gap:12px;margin-top:20px}.video-modal .prompt-textarea{width:100%;padding:12px;background:rgba(33,150,243,.1);border:1px solid rgba(33,150,243,.3);border-radius:8px;color:#fff;font-size:14px;resize:vertical;min-height:100px;transition:all .3s ease}.video-modal .prompt-textarea:focus{outline:none;border-color:#2196f3;background:rgba(33,150,243,.15)}.video-modal .error-message{color:#f44;background:rgba(255,68,68,.1);border:1px solid rgba(255,68,68,.3);padding:12px;border-radius:8px;margin:12px 0}.video-modal .generate-button:disabled{opacity:.7;cursor:not-allowed}.video-modal .video-preview{margin:20px 0;border-radius:8px;overflow:hidden;background:rgba(0,0,0,.2);padding:15px}.video-modal .video-preview h4{color:#2196f3;margin-bottom:10px}.video-modal .video-preview img{width:100%;max-width:400px;border-radius:4px;display:block;margin:0 auto}.video-modal .progress-message{display:flex;align-items:center;gap:10px;padding:12px;background:rgba(33,150,243,.1);border:1px solid rgba(33,150,243,.3);border-radius:8px;margin:12px 0;color:#2196f3}.video-modal .progress-message .spin{animation:spin 1s linear infinite}.video-modal .important-note{display:flex;align-items:center;gap:10px;padding:12px;background:rgba(255,193,7,.1);border:1px solid rgba(255,193,7,.3);border-radius:8px;margin:12px 0}.video-modal .important-note svg{color:#ffc107;flex-shrink:0}.video-modal .important-note p{margin:0;color:#ffc107;font-size:14px;line-height:1.4}.video-modal .generation-progress{background:rgba(33,150,243,.1);border:1px solid rgba(33,150,243,.3);border-radius:8px;padding:15px;margin:15px 0}.video-modal .progress-indicator{display:flex;align-items:flex-start;gap:10px;color:#2196f3;margin-bottom:10px}.video-modal .progress-note{font-size:14px;color:#888;line-height:1.4}.video-modal .progress-indicator .spin{animation:spin 1s linear infinite}.video-modal .progress-logs{display:flex;flex-direction:column;gap:4px}.video-modal .progress-logs div{font-size:14px;line-height:1.4}.video-modal .generate-button{padding:12px 24px;background:#2196f3;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.video-modal .generate-button:disabled{background:#666;cursor:not-allowed;opacity:.7}.video-modal .prompt-textarea:disabled{opacity:.7;cursor:not-allowed;background:rgba(0,0,0,.2)}.video-modal .important-note{background:rgba(255,193,7,.1);border-color:#ffc1074d;margin-bottom:20px}.video-modal .important-note p{color:#ffc107}.edit-image-selector{width:100%;padding:20px 0}.selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.selector-item{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.selector-item:hover{transform:translateY(-5px);border-color:#4caf50}.selector-item img{width:100%;height:100%;object-fit:cover}.selector-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(76,175,80,.3);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.selector-item:hover .selector-overlay{opacity:1}.select-icon{color:#fff;font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.prompt-preview{position:absolute;bottom:0;left:0;right:0;padding:10px;background:rgba(0,0,0,.7);color:#fff;font-size:12px;line-height:1.4;opacity:0;transition:opacity .2s}.selector-item:hover .prompt-preview{opacity:1}.wallet-info,.balance-item,.token-icon{display:none}.nav-toggle.bottom-toggle{bottom:0;top:auto;border-radius:12px 12px 0 0}.wallet-header{display:flex;align-items:center;justify-content:flex-end;padding:12px 20px;background:rgba(0,0,0,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;top:0;right:0;left:0;z-index:1000;transition:transform .3s ease}.wallet-header.header-hidden{transform:translateY(-100%)}.header-hover-area{position:fixed;top:0;left:0;right:0;height:20px;z-index:999}.wallet-balances{display:flex;gap:12px;margin-right:20px}.balance-item{display:flex;align-items:center;background:rgba(255,255,255,.1);padding:4px 8px;border-radius:12px;gap:8px}.token-icon{width:24px;height:24px;min-width:24px;object-fit:contain;display:block}.balance-item span{font-size:14px;color:#fff}.wallet-controls{display:flex;align-items:center;gap:12px}.wallet-address{background:rgba(255,255,255,.1);padding:6px 12px;border-radius:12px;color:#fff}.disconnect-button{background:rgba(255,68,68,.1);color:#f44;border:1px solid #ff4444;padding:6px 12px;border-radius:12px;cursor:pointer;transition:all .2s}.disconnect-button:hover{background:rgba(255,68,68,.2)}.connect-wallet-button{background:#4CAF50;color:#fff;border:none;padding:8px 16px;border-radius:12px;cursor:pointer;transition:background-color .2s}.connect-wallet-button:hover{background:#45a049}.connect-wallet-button:disabled{opacity:.7;cursor:not-allowed}.network-warning{display:flex;align-items:center;gap:10px;background:rgba(255,68,68,.1);padding:6px 12px;border-radius:12px;color:#f44;margin-right:12px}.switch-network-button{background:#ff4444;color:#fff;border:none;padding:4px 8px;border-radius:8px;cursor:pointer}.profile-reminder{display:flex;align-items:center;gap:10px;background:rgba(76,175,80,.1);padding:6px 12px;border-radius:12px;color:#4caf50;margin-right:12px;animation:slideIn .3s ease}.setup-profile-button{background:#4CAF50;color:#fff;border:none;padding:4px 8px;border-radius:8px;cursor:pointer}.nav-toggle{position:fixed;top:0;left:50%;transform:translate(-50%);background:rgba(0,0,0,.9);border:none;border-radius:0 0 12px 12px;padding:8px 16px;color:#fff;cursor:pointer;z-index:98;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.nav-toggle:hover{background:rgba(0,0,0,.95)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.wallet-header{padding:8px 12px;flex-wrap:wrap;gap:8px}.wallet-balances{order:2;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px}.wallet-balances::-webkit-scrollbar{display:none}.balance-item{flex-shrink:0;font-size:12px;padding:4px 8px}.token-icon{width:16px;height:16px}.wallet-controls{order:1;margin-left:auto}.wallet-address,.disconnect-button,.network-warning,.profile-reminder{font-size:12px;padding:4px 8px}.switch-network-button,.setup-profile-button{padding:2px 6px;font-size:11px}}.profile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.profile-modal{background:#1a1a1a;padding:2rem;border-radius:12px;width:90%;max-width:500px;box-shadow:0 4px 20px #0000004d;border:1px solid rgba(76,175,80,.2)}.profile-modal h2{color:#fff;margin-bottom:1.5rem;text-align:center;font-size:24px}.profile-modal p{color:#888;text-align:center;margin-bottom:2rem;font-size:.9em}.profile-image-section{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;cursor:pointer}.profile-image-container{position:relative;width:120px;height:120px;cursor:pointer}.profile-preview{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #4CAF50;transition:all .3s ease}.no-image{width:100%;height:100%;border-radius:50%;background:#2a2a2a;display:flex;align-items:center;justify-content:center;color:#666;font-size:14px;border:3px solid #4CAF50;text-align:center;padding:10px}.profile-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;color:#fff;font-size:14px}.profile-image-container:hover .profile-image-overlay{opacity:1}.hidden{display:none!important}.image-input{display:none}.input-group{margin-bottom:1.5rem}.input-group label{display:block;color:#fff;margin-bottom:.5rem;font-size:14px}.input-group input{width:100%;padding:10px;border:1px solid #333;border-radius:6px;background:#2a2a2a;color:#fff;font-size:16px;transition:border-color .3s ease}.input-group input:focus{outline:none;border-color:#4caf50}.upload-button{display:inline-block;padding:8px 16px;background:#2a2a2a;color:#fff;cursor:pointer;border-radius:20px;margin-top:10px;font-size:14px;border:1px solid #4CAF50;transition:all .3s ease}.upload-button:hover{background:#4CAF50;color:#fff}.submit-button{width:100%;padding:12px;background:#4CAF50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;transition:background .3s ease;margin-top:1rem}.submit-button:hover{background:#45a049}.submit-button:disabled{background:#2a2a2a;cursor:not-allowed}.error-message{color:#f44;text-align:center;margin:10px 0;font-size:14px}@media (max-width: 480px){.profile-modal{padding:1.5rem}.profile-modal h2{font-size:20px}.submit-button{padding:10px;font-size:14px}}.upload-progress{position:absolute;bottom:-20px;left:0;right:0;height:4px;background:rgba(76,175,80,.2);border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:#4CAF50;transition:width .3s ease}