.header{background:linear-gradient(90deg,#0a0c1af2,#0b0f23f2);border-bottom:1px solid var(--border);padding:20px 0;box-shadow:0 4px 12px #00f7ff1a}.header-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center}.logo-main{display:flex;align-items:center;gap:15px}.logo-image{width:60px;height:60px;border-radius:50%;filter:drop-shadow(0 0 10px rgba(0,247,255,.5));animation:pulse 2s ease-in-out infinite}.logo-icon{font-size:48px;filter:drop-shadow(0 0 10px rgba(0,247,255,.5));animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 10px rgba(0,247,255,.5))}50%{transform:scale(1.05);filter:drop-shadow(0 0 20px rgba(255,61,247,.6))}}.logo-text{display:flex;flex-direction:column;gap:2px}.logo h1{font-size:32px;font-weight:900;letter-spacing:1px;background:linear-gradient(90deg,var(--neonMagenta),var(--neonAqua));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0;line-height:1}.tagline{font-size:11px;color:#eafff980;font-weight:400;letter-spacing:.5px}.waldo-labs{font-weight:700;background:linear-gradient(90deg,var(--neonAqua),var(--neonMagenta));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase}.header-actions{display:flex;gap:15px;align-items:center}.header-actions>.btn-secondary:first-child{padding:10px 16px;white-space:nowrap;text-align:center}.user-menu{display:flex;gap:10px;align-items:center;padding:10px 15px;background:#ff3df71a;border:1px solid var(--neonMagenta);border-radius:8px;flex-wrap:wrap;justify-content:center}.logout-btn{order:10}.user-name{font-size:14px;color:var(--text);font-weight:600}.tier-badge{background:linear-gradient(135deg,#00f7ff33,#ff3df733);border:1px solid var(--neonAqua);color:var(--neonAqua);padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:700}.wlo-balance{background:linear-gradient(135deg,#ffd70033,#ffed4e33);border:1px solid #ffd700;color:gold;padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:700}.premium-badge{background:linear-gradient(90deg,var(--neonMagenta),var(--neonAqua));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;font-size:12px}.btn-premium{background:linear-gradient(90deg,var(--neonMagenta),var(--neonAqua));color:#fff;border:none;padding:10px 18px;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff3df766}.btn-premium:hover{transform:translateY(-2px);box-shadow:0 6px 25px #ff3df799}@media(max-width:768px){.header{padding:16px 0}.header-content{flex-direction:column;gap:15px;padding:0 16px}.header-actions{width:100%;justify-content:center}.user-menu{flex-direction:column;gap:8px;width:100%}.user-menu .btn-secondary{width:100%;margin:0}.logout-btn{margin-top:8px;width:100%}}.twitter-linked{display:inline-flex;align-items:center;gap:5px;padding:8px 12px;background:#1da1f226;border:1px solid rgba(29,161,242,.4);border-radius:8px;color:#1da1f2;font-size:13px;font-weight:500}.meme-generator{width:100%;max-width:100%;box-sizing:border-box}.generator-grid{display:grid;grid-template-columns:2fr 1fr;gap:30px;max-width:100%;box-sizing:border-box}.templates-panel{grid-column:1;max-height:90vh;overflow-y:scroll;overflow-x:hidden;max-width:100%;box-sizing:border-box}.templates-panel::-webkit-scrollbar{width:12px}.templates-panel::-webkit-scrollbar-track{background:#0000004d;border-radius:6px}.templates-panel::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--neonMagenta),var(--neonAqua));border-radius:6px}.templates-panel::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--neonAqua),var(--neonMagenta))}.templates-header{margin-bottom:20px}.templates-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.templates-header h2{margin:0}.tier-badge{font-size:12px;padding:6px 12px;border-radius:20px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:2px solid}.tier-badge.tier-free{background:#80808033;border-color:#888;color:#ccc}.tier-badge.tier-waldocoin{background:linear-gradient(90deg,#ffd70033,#ffa50033);border-color:gold;color:gold;animation:shimmer 2s ease-in-out infinite}.tier-badge.tier-premium{background:linear-gradient(90deg,#ff3df74d,#00f7ff4d);border-color:var(--neonMagenta);color:var(--neonMagenta);animation:shimmer 2s ease-in-out infinite}.tier-badge.tier-gold{background:linear-gradient(90deg,#ffd7004d,#ffa5004d);border-color:gold;color:gold;animation:shimmer-gold 2s ease-in-out infinite}.tier-badge.tier-platinum{background:linear-gradient(90deg,#e5e4e24d,#c0c0c04d);border-color:#e5e4e2;color:#e5e4e2;animation:shimmer-platinum 2s ease-in-out infinite;text-shadow:0 0 10px rgba(229,228,226,.5)}.tier-badge.tier-king{background:linear-gradient(90deg,#ffd70066,#ff3df766,#00f7ff66);border-color:gold;color:gold;animation:shimmer-king 2s ease-in-out infinite;text-shadow:0 0 15px rgba(255,215,0,.8)}@keyframes shimmer-gold{0%,to{box-shadow:0 0 10px #ffd7004d}50%{box-shadow:0 0 25px #ffd700cc}}@keyframes shimmer-platinum{0%,to{box-shadow:0 0 10px #e5e4e24d}50%{box-shadow:0 0 25px #e5e4e2cc}}@keyframes shimmer-king{0%,to{box-shadow:0 0 15px #ffd70080;border-color:gold}50%{box-shadow:0 0 30px #ff3df7cc,0 0 40px #ffd70099;border-color:var(--neonMagenta)}}@keyframes shimmer{0%,to{box-shadow:0 0 10px #ffd7004d}50%{box-shadow:0 0 20px #ffd70099}}.template-count{font-size:14px;color:var(--neonAqua);background:#00f7ff1a;padding:6px 12px;border-radius:20px;border:1px solid var(--neonAqua);font-weight:600}.tier-features{display:flex;gap:15px;padding:12px 15px;background:#0003;border-radius:8px;margin-bottom:15px;flex-wrap:wrap}.feature-item{display:flex;gap:6px;align-items:center;font-size:13px}.feature-label{color:#eafff999}.feature-value{color:var(--neonAqua);font-weight:600}.fee-highlight{color:gold;background:#ffd7001a;padding:2px 8px;border-radius:4px;border:1px solid #FFD700}.upgrade-banner{background:linear-gradient(90deg,#ff3df733,#00f7ff33);border:2px solid var(--neonMagenta);border-radius:8px;padding:12px 15px;margin-bottom:15px;text-align:center;font-size:14px;font-weight:600;color:var(--neonMagenta);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 10px #ff3df74d}50%{box-shadow:0 0 20px #ff3df799}}.search-box{width:100%;display:flex;gap:10px;flex-direction:column}.template-actions{display:flex;gap:10px;width:100%}.search-input{width:100%;padding:12px 15px;background:#0000004d;border:2px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;transition:all .3s ease}.nft-browse-button{flex:1;padding:12px 15px;background:linear-gradient(90deg,#8a2be24d,#4b00824d);border:2px solid #8B5CF6;border-radius:8px;color:#c4b5fd;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.nft-browse-button:hover{background:linear-gradient(90deg,#8a2be280,#4b008280);box-shadow:0 0 15px #8b5cf666;transform:translateY(-2px)}.upload-button{flex:1;padding:12px 15px;background:linear-gradient(90deg,#ff6b6b4d,#ee5a6f4d);border:2px solid #ff6b6b;border-radius:8px;color:#ffa8a8;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center;display:block}.upload-button:hover{background:linear-gradient(90deg,#ff6b6b80,#ee5a6f80);box-shadow:0 0 15px #ff6b6b66;transform:translateY(-2px)}.gif-browse-button{flex:1;padding:12px 15px;background:linear-gradient(90deg,#ffa5004d,#ff8c004d);border:2px solid #ffa500;border-radius:8px;color:gold;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.gif-browse-button:hover{background:linear-gradient(90deg,#ffa50080,#ff8c0080);box-shadow:0 0 15px #ffa50066;transform:translateY(-2px)}.search-input::placeholder{color:#eafff966}.no-results{grid-column:1 / -1;text-align:center;padding:40px 20px;color:#eafff980}.no-results p{margin-bottom:15px;font-size:16px}.editor-panel{grid-column:2;max-height:90vh;overflow-y:scroll;overflow-x:hidden;max-width:100%;box-sizing:border-box}.editor-panel::-webkit-scrollbar{width:12px}.editor-panel::-webkit-scrollbar-track{background:#0000004d;border-radius:6px}.editor-panel::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--neonMagenta),var(--neonAqua));border-radius:6px}.editor-panel::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--neonAqua),var(--neonMagenta))}.preview-panel{grid-column:2}.templates-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:5px}.template-item{cursor:pointer;border:2px solid transparent;border-radius:8px;overflow:hidden;transition:all .3s ease;position:relative}.new-badge{position:absolute;top:4px;right:4px;background:linear-gradient(135deg,gold,#fa0,gold);background-size:200% 200%;color:#1a1a2e;font-size:8px;font-weight:900;padding:2px 5px;border-radius:3px;z-index:10;text-shadow:0 0 2px rgba(255,215,0,.5);box-shadow:0 0 8px #ffd70099,0 0 4px #fa0c;animation:spin-glow 3s linear infinite;letter-spacing:.5px}@keyframes spin-glow{0%{background-position:0% 50%;box-shadow:0 0 8px #ffd70099,0 0 4px #fa0c;transform:rotate(0) scale(1)}25%{transform:rotate(3deg) scale(1.05)}50%{background-position:100% 50%;box-shadow:0 0 12px #ffd700e6,0 0 6px #fa0;transform:rotate(0) scale(1)}75%{transform:rotate(-3deg) scale(1.05)}to{background-position:0% 50%;box-shadow:0 0 8px #ffd70099,0 0 4px #fa0c;transform:rotate(0) scale(1)}}.template-item:hover{border-color:var(--neonAqua);transform:scale(1.05)}.template-item.selected{border-color:var(--neonMagenta);box-shadow:0 0 10px #ff3df780}.template-item img{width:100%;height:150px;object-fit:cover}.template-item p{padding:12px;font-size:13px;text-align:center;background:#0000004d;font-weight:500}.preview-box{position:relative;width:100%;min-height:400px;background:#0000004d;border-radius:8px;margin-bottom:20px;display:flex;align-items:flex-start;justify-content:center;border:2px solid var(--border);padding:10px}.expand-button{position:absolute;top:15px;right:15px;width:40px;height:40px;background:#000000b3;border:2px solid var(--neonAqua);border-radius:8px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.expand-button:hover{background:var(--neonAqua);transform:scale(1.1)}.meme-canvas{max-width:100%;width:auto;height:auto;display:block;border-radius:4px;cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:none}.meme-canvas:active{cursor:grabbing}.drag-hint{margin:10px 0;padding:10px 15px;background:linear-gradient(135deg,#00f7ff1a,#ff3df71a);border-left:3px solid var(--neon-aqua);border-radius:4px;font-size:.9rem;color:var(--text-secondary);text-align:center}.drag-hint strong{color:var(--neon-aqua)}.no-template{padding:60px 20px;text-align:center;color:#eafff980;font-size:18px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--neonAqua)}.form-group input,.form-group select{width:100%;padding:10px;background:#0000004d;border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:14px}.form-group input[type=color]{height:40px;cursor:pointer;padding:2px}.form-group input[type=range]{padding:0;cursor:pointer}.styling-section{margin:20px 0;padding:20px;background:#00f7ff0d;border:1px solid var(--border);border-radius:8px}.styling-section h3{margin:0 0 15px;font-size:16px;color:var(--neonAqua)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:15px}.form-row:last-child{margin-bottom:0}.background-row{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.background-controls{display:flex;gap:8px;align-items:center}.background-controls input[type=color]{width:40px;height:32px;padding:0;border:none;border-radius:6px;cursor:pointer}.background-controls input[type=color]:disabled{opacity:.5;cursor:not-allowed}.bg-toggle{width:32px;height:32px;border-radius:6px;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;font-size:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.bg-toggle:hover{background:#fff3;border-color:#ffffff80}.bg-toggle.active{background:#10b981;border-color:#10b981}.text-boxes-section{margin:20px 0}.text-boxes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.text-boxes-header h3{margin:0;font-size:16px;color:var(--neonAqua)}.btn-small{padding:6px 12px;font-size:12px;background:linear-gradient(90deg,var(--neonMagenta),var(--neonAqua));color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.btn-small:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00f7ff4d}.text-box-item{background:#0003;border:2px solid var(--border);border-radius:8px;padding:15px;margin-bottom:15px;cursor:pointer;transition:all .3s ease}.text-box-item:hover{border-color:var(--neonAqua)}.text-box-item.active{border-color:var(--neonMagenta);background:#ff3df70d}.text-box-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.text-box-header span{font-weight:600;color:var(--neonAqua);font-size:14px}.text-input-group{display:flex;gap:8px;align-items:flex-start}.text-input-group input,.text-input-group textarea{flex:1}.text-input-group textarea{resize:vertical;min-height:50px;max-height:100px;font-family:inherit;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;font-size:14px}.text-input-group textarea::placeholder{color:#ffffff80}.text-input-group textarea:focus{outline:none;border-color:var(--accent-color, #FFD700)}.ai-suggest-btn{padding:8px 12px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.ai-suggest-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #667eea66}.ai-suggest-btn:disabled{opacity:.5;cursor:not-allowed}.btn-remove{background:#f003;border:1px solid rgba(255,0,0,.5);color:#f44;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:18px;line-height:1;padding:0;transition:all .3s ease}.btn-remove:hover{background:#f006;transform:scale(1.1)}.text-box-controls{margin-top:15px;padding-top:15px;border-top:1px solid var(--border);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0;overflow:hidden}to{opacity:1;max-height:500px}}.meme-preview{width:100%;border-radius:8px;margin-bottom:15px;max-height:400px;object-fit:contain}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tier-modal{background:var(--cardBg);border:2px solid var(--border);border-radius:16px;padding:40px;max-width:1200px;width:90%;max-height:90vh;overflow-y:auto;position:relative}.tier-modal h2{text-align:center;margin-bottom:30px;font-size:32px;background:linear-gradient(90deg,var(--neonMagenta),var(--neonAqua));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-close{position:absolute;top:20px;right:20px;background:#f003;border:1px solid rgba(255,0,0,.5);color:#f44;width:40px;height:40px;border-radius:50%;font-size:28px;cursor:pointer;transition:all .3s ease}.modal-close:hover{background:#f006;transform:scale(1.1)}.tier-comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.tier-card{background:#0000004d;border:2px solid;border-radius:12px;padding:30px;transition:all .3s ease}.tier-card:hover{transform:translateY(-5px)}.tier-free-card{border-color:#888}.tier-waldocoin-card{border-color:gold;box-shadow:0 0 20px #ffd70033}.tier-premium-card{border-color:var(--neonMagenta);box-shadow:0 0 20px #ff3df74d}.tier-card-header{text-align:center;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid var(--border)}.tier-card-header h3{font-size:24px;margin-bottom:10px}.tier-price{font-size:18px;font-weight:600;color:var(--neonAqua)}.tier-features-list{list-style:none;padding:0;margin:0 0 25px}.tier-features-list li{padding:10px 0;font-size:14px;border-bottom:1px solid rgba(234,255,249,.1)}.tier-features-list li:last-child{border-bottom:none;font-size:16px;margin-top:10px;padding-top:15px;border-top:1px solid var(--border)}.tier-button{width:100%;padding:12px 20px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.tier-button-free{background:#8080804d;color:#888;cursor:not-allowed}.tier-button-waldocoin{background:linear-gradient(90deg,gold,orange);color:#000}.tier-button-waldocoin:hover{transform:translateY(-2px);box-shadow:0 5px 20px #ffd70080}.tier-button-premium{background:linear-gradient(90deg,var(--neonMagenta),var(--neonAqua));color:#fff}.tier-button-premium:hover{transform:translateY(-2px);box-shadow:0 5px 20px #ff3df780}.tier-card.current-tier{border-width:3px;box-shadow:0 0 30px #0f86;position:relative}.tier-card.current-tier:before{content:"✓ YOUR TIER";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(90deg,#0f8,#00cc6a);color:#000;padding:4px 16px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:1px}.tier-button-current{background:linear-gradient(90deg,#0f8,#00cc6a)!important;color:#000!important;font-weight:700;cursor:default}@media(max-width:1200px){.generator-grid{grid-template-columns:1fr}.templates-panel,.editor-panel,.preview-panel{grid-column:1}.tier-comparison{grid-template-columns:1fr}}@media(max-width:768px){.generator-grid{gap:16px}.templates-panel,.editor-panel{max-height:none}.templates-title-row{flex-wrap:wrap;gap:10px}.templates-header h2{font-size:1.2rem;flex-shrink:0}.tier-info{flex-wrap:wrap;gap:8px}.tier-badge{font-size:10px;padding:4px 8px}.template-count{font-size:12px;padding:4px 8px}.preview-box{min-height:280px;padding:6px}.templates-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.template-item img{height:110px}.template-item p{font-size:12px;padding:8px}.drag-hint{margin:8px 0;padding:8px 10px;font-size:.8rem}}.nft-modal{background:var(--cardBg);border:2px solid #8B5CF6;border-radius:16px;padding:40px;max-width:1000px;width:90%;max-height:90vh;overflow-y:auto;position:relative}.nft-modal h2{text-align:center;margin-bottom:10px;font-size:32px;background:linear-gradient(90deg,#8b5cf6,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nft-subtitle{text-align:center;color:#eafff999;margin-bottom:30px;font-size:14px}.no-nfts{text-align:center;padding:60px 20px;color:#eafff980}.no-nfts p{margin:10px 0}.nft-hint{font-size:14px;color:var(--neonAqua)}.nft-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.nft-item{background:#0000004d;border:2px solid #8B5CF6;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease}.nft-item:hover{transform:translateY(-5px);box-shadow:0 5px 20px #8b5cf666;border-color:#c4b5fd}.nft-item img{width:100%;height:200px;object-fit:cover}.nft-info{padding:12px}.nft-name{font-weight:600;color:var(--text);margin:0 0 5px;font-size:14px}.nft-collection{font-size:12px;color:#8b5cf6;margin:0}.tier-payment{font-size:12px;color:#eafff999;margin-top:5px}.share-modal{background:var(--cardBg);border:2px solid var(--neonAqua);border-radius:16px;padding:40px;max-width:500px;width:90%;position:relative}.share-modal h2{text-align:center;margin-bottom:10px;font-size:28px;background:linear-gradient(90deg,var(--neonAqua),var(--neonMagenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.share-subtitle{text-align:center;color:#eafff999;margin-bottom:25px;font-size:14px}.caption-input{width:100%;padding:15px;background:#0000004d;border:2px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;font-family:inherit;resize:vertical;transition:all .3s ease}.caption-input:focus{outline:none;border-color:var(--neonAqua);box-shadow:0 0 10px #00f7ff4d}.char-count{text-align:right;font-size:12px;color:#eafff980;margin-top:5px;margin-bottom:20px}.share-actions{display:flex;gap:15px}.btn-cancel{flex:1;padding:12px 20px;background:#ffffff0d;border:2px solid var(--border);border-radius:8px;color:var(--text);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel:hover{background:#ffffff1a;border-color:var(--neonAqua)}.btn-share{flex:1;padding:12px 20px;background:linear-gradient(90deg,var(--neonAqua),var(--neonMagenta));border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-share:hover{transform:translateY(-2px);box-shadow:0 5px 20px #00f7ff80}.meme-actions-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.btn-primary{flex:1 1 auto;min-width:120px;padding:12px 16px;background:linear-gradient(135deg,var(--neonAqua),var(--neonMagenta));color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-align:center}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #4ecdc466}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{flex:1 1 auto;min-width:120px;padding:12px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-align:center}.btn-secondary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.meme-actions-buttons{flex-direction:column}.btn-primary,.btn-secondary{width:100%;min-width:unset}}.gif-modal{background:var(--cardBg);border:2px solid #ffa500;border-radius:16px;padding:40px;max-width:800px;width:90%;max-height:80vh;overflow-y:auto;position:relative}.gif-search-box{display:flex;gap:10px;margin-bottom:20px}.gif-search-box input{flex:1;padding:12px;background:#0000004d;border:2px solid var(--border);border-radius:8px;color:var(--text);font-size:14px}.gif-search-box button{padding:12px 24px;background:linear-gradient(135deg,orange,#ff8c00);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.gif-search-box button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 15px #ffa50066}.gif-search-box button:disabled{opacity:.5;cursor:not-allowed}.gif-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-top:20px}.gif-item{background:#0000004d;border:2px solid var(--border);border-radius:12px;padding:10px;cursor:pointer;transition:all .3s ease;overflow:hidden}.gif-item:hover{border-color:orange;transform:translateY(-5px);box-shadow:0 8px 20px #ffa5004d}.gif-item img{width:100%;height:150px;object-fit:cover;border-radius:8px}.gif-title{margin-top:8px;font-size:12px;color:var(--textSecondary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gif-export-btn{background:linear-gradient(135deg,#9333ea,#c084fc)!important;border:none!important;animation:pulse-gif 2s infinite}.gif-export-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 20px #9333ea80}.gif-export-btn:disabled{opacity:.7;cursor:wait}@keyframes pulse-gif{0%,to{box-shadow:0 0 #9333ea66}50%{box-shadow:0 0 0 10px #9333ea00}}.video-export-btn{background:linear-gradient(135deg,#ff6b35,#f7c59f)!important;border:none!important;animation:pulse-video 2s infinite}.video-export-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 20px #ff6b3580}.video-export-btn:disabled{opacity:.7;cursor:wait}@keyframes pulse-video{0%,to{box-shadow:0 0 #ff6b3566}50%{box-shadow:0 0 0 10px #ff6b3500}}.submit-template-button{background:linear-gradient(135deg,#10b981,#34d399);color:#fff;border:none;padding:10px 16px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease}.submit-template-button:hover{transform:scale(1.05);box-shadow:0 4px 15px #10b98166}.submit-modal{background:var(--cardBg);border:2px solid #10B981;border-radius:16px;padding:40px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;position:relative}.submit-modal h2{text-align:center;margin-bottom:10px;font-size:28px;background:linear-gradient(90deg,#10b981,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.submit-subtitle{text-align:center;color:#eafff9b3;margin-bottom:25px;font-size:14px;line-height:1.6}.creator-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:30px;padding:20px;background:#10b9811a;border-radius:12px;border:1px solid rgba(16,185,129,.3)}.stat-item{text-align:center}.stat-value{display:block;font-size:24px;font-weight:700;color:#10b981}.stat-label{font-size:11px;color:#eafff999;text-transform:uppercase}.submit-form .form-group{margin-bottom:20px}.submit-form label{display:block;margin-bottom:8px;font-weight:700;color:#eafff9e6}.submit-form input[type=text]{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:8px;background:#0000004d;color:var(--lightText);font-size:16px}.submit-form input[type=text]:focus{outline:none;border-color:#10b981}.submit-form input[type=file]{width:100%;padding:12px;border:2px dashed var(--border);border-radius:8px;background:#0003;color:var(--lightText);cursor:pointer}.form-hint{font-size:12px;color:#eafff980;margin-top:5px}.preview-upload{margin:20px 0;text-align:center}.preview-upload img{max-width:100%;max-height:200px;border-radius:8px;border:2px solid #10B981}.submit-btn{width:100%;padding:15px;font-size:18px;background:linear-gradient(135deg,#10b981,#34d399)!important}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.submit-note{text-align:center;font-size:12px;color:#eafff980;margin-top:15px}@media(max-width:600px){.creator-stats{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:20px}}.premium-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #ff3df7;border-radius:20px;padding:40px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 0 40px #ff3df766}.premium-header{text-align:center;margin-bottom:30px}.premium-header h2{font-size:32px;margin-bottom:10px;background:linear-gradient(90deg,#ff3df7,#00f5ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.premium-subtitle{color:#aaa;font-size:16px}.duration-selector{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:30px}.duration-btn{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;color:#fff;text-align:center}.duration-btn:hover{background:#ffffff1a;border-color:#ff3df780}.duration-btn.active{background:#ff3df733;border-color:#ff3df7;box-shadow:0 0 20px #ff3df74d}.duration-label{font-size:14px;color:#aaa;margin-bottom:5px}.duration-price{font-size:24px;font-weight:700;color:#00f5ff}.duration-savings{font-size:12px;color:#4ade80;margin-top:5px;font-weight:600}.payment-selector{margin-bottom:30px}.payment-selector h3{font-size:18px;margin-bottom:15px;color:#fff}.payment-options{display:grid;grid-template-columns:1fr 1fr;gap:15px}.payment-btn{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;color:#fff;text-align:center}.payment-btn:hover{background:#ffffff1a;border-color:#00f5ff80}.payment-btn.active{background:#00f5ff33;border-color:#00f5ff;box-shadow:0 0 20px #00f5ff4d}.payment-icon{font-size:32px;margin-bottom:10px}.payment-label{font-size:14px;color:#aaa;margin-bottom:5px}.payment-amount{font-size:20px;font-weight:700;color:#00f5ff;margin-bottom:5px}.payment-usd{font-size:12px;color:#888}.premium-benefits{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;margin-bottom:25px}.premium-benefits h3{font-size:18px;margin-bottom:15px;color:#fff}.premium-benefits ul{list-style:none;padding:0;margin:0}.premium-benefits li{padding:8px 0;color:#ddd;font-size:14px}.subscribe-btn{width:100%;padding:18px;background:linear-gradient(90deg,#ff3df7,#00f5ff);border:none;border-radius:12px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;margin-bottom:15px}.subscribe-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 25px #ff3df780}.subscribe-btn:disabled{opacity:.5;cursor:not-allowed}.wallet-warning{text-align:center;color:#ff6b6b;font-size:14px;margin:0}.loading-spinner{text-align:center;padding:40px;color:#aaa;font-size:16px}.wallet-warning{color:#ff6b6b;font-size:.9rem;text-align:center;margin-top:10px}.confirmation-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;border-radius:20px}.confirmation-popup{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:30px;border-radius:15px;max-width:400px;width:90%;border:2px solid #4ecdc4;box-shadow:0 10px 40px #4ecdc44d}.confirmation-popup h3{color:#4ecdc4;margin-bottom:20px;text-align:center;font-size:1.5rem}.confirmation-details{background:#ffffff0d;padding:20px;border-radius:10px;margin-bottom:20px}.confirmation-details p{margin:10px 0;color:#fff;font-size:1rem}.confirmation-details strong{color:#4ecdc4}.no-refund-warning{background:#ff6b6b33;padding:10px;border-radius:8px;border:1px solid #ff6b6b;margin-top:15px!important;text-align:center;font-size:.95rem!important}.confirmation-buttons{display:flex;gap:15px}.confirm-btn-yes,.confirm-btn-no{flex:1;padding:15px;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.confirm-btn-yes{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff}.confirm-btn-yes:hover{transform:translateY(-2px);box-shadow:0 5px 20px #4ecdc466}.confirm-btn-no{background:#ff6b6b33;color:#ff6b6b;border:1px solid #ff6b6b}.confirm-btn-no:hover{background:#ff6b6b4d}.qr-overlay{position:absolute;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;border-radius:20px}.qr-popup{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:30px;border-radius:15px;max-width:450px;width:90%;border:2px solid #4ecdc4;box-shadow:0 10px 40px #4ecdc44d;text-align:center}.qr-popup h3{color:#4ecdc4;margin-bottom:10px;font-size:1.5rem}.qr-instructions{color:#aaa;margin-bottom:20px;font-size:.95rem}.qr-code-image{width:300px;height:300px;margin:20px auto;border:3px solid #4ecdc4;border-radius:10px;background:#fff;padding:10px}.qr-details{background:#ffffff0d;padding:15px;border-radius:10px;margin:20px 0}.qr-details p{margin:8px 0;color:#fff;font-size:.95rem}.qr-details strong{color:#4ecdc4}.qr-waiting{color:gold!important;font-weight:600;margin-top:15px!important;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.qr-cancel-btn{background:#ff6b6b33;color:#ff6b6b;border:1px solid #ff6b6b;padding:12px 30px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.qr-cancel-btn:hover{background:#ff6b6b4d;transform:translateY(-2px)}@media(max-width:768px){.premium-modal{padding:25px;max-width:95%}.premium-header h2{font-size:24px}.duration-selector,.payment-options{grid-template-columns:1fr}.payment-icon{font-size:24px}.payment-amount{font-size:18px}}.community-gallery{width:100%;max-width:1400px;margin:0 auto;padding:20px}.gallery-header{text-align:center;margin-bottom:40px}.gallery-header h1{font-size:3rem;margin-bottom:10px;background:linear-gradient(135deg,var(--neonAqua),var(--neonMagenta));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.gallery-subtitle{color:var(--textSecondary);font-size:1.1rem;margin-bottom:30px}.gallery-controls{display:flex;justify-content:center;gap:20px;margin-top:20px}.sort-buttons{display:flex;gap:10px;background:#ffffff0d;padding:5px;border-radius:12px;border:1px solid var(--border)}.sort-btn{padding:12px 24px;background:transparent;border:none;color:var(--textSecondary);font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}.sort-btn:hover{background:#ffffff1a;color:var(--textPrimary)}.sort-btn.active{background:linear-gradient(135deg,var(--neonAqua),var(--neonMagenta));color:#fff;box-shadow:0 4px 15px #4ecdc44d}.loading-state,.empty-state{text-align:center;padding:80px 20px;color:var(--textSecondary)}.spinner{width:50px;height:50px;border:4px solid rgba(78,205,196,.2);border-top-color:var(--neonAqua);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.memes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;padding:20px 0}.meme-card{background:var(--cardBg);border:2px solid var(--border);border-radius:16px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.meme-card.highlight{border-color:var(--neonMagenta);box-shadow:0 0 0 3px #ff6bf899;animation:meme-highlight-pulse 1.6s ease-out 2}.meme-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #4ecdc433;border-color:var(--neonAqua)}.meme-image-container{width:100%;height:350px;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center}.meme-image{width:100%;height:100%;object-fit:contain}.meme-info{padding:15px;flex-grow:1}.meme-caption{font-size:1rem;color:var(--textPrimary);margin-bottom:10px;font-weight:500;line-height:1.4}.meme-meta{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--textSecondary);gap:10px}.meme-creator,.meme-date{display:flex;align-items:center;gap:5px}.meme-actions{display:flex;gap:10px;padding:15px;border-top:1px solid var(--border);background:#0003}.vote-btn{flex:1;padding:12px;border:2px solid var(--border);border-radius:10px;background:#ffffff0d;color:var(--textPrimary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.vote-btn:hover:not(:disabled){transform:scale(1.05);border-color:var(--neonAqua);background:#4ecdc41a}.vote-btn:disabled{opacity:.5;cursor:not-allowed}.vote-btn.upvote.active{background:linear-gradient(135deg,#4ecdc4,#44a08d);border-color:#4ecdc4;box-shadow:0 4px 15px #4ecdc44d}.vote-btn.downvote.active{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-color:#ff6b6b;box-shadow:0 4px 15px #ff6b6b4d}.highlight-warning{margin:10px auto 0;max-width:800px;padding:10px 14px;border-radius:8px;background:#ff6b6b14;border:1px solid rgba(255,107,107,.4);color:var(--textSecondary);font-size:.9rem}@keyframes meme-highlight-pulse{0%{transform:translateY(0);box-shadow:0 0 #ff6bf899}50%{transform:translateY(-4px);box-shadow:0 0 0 6px #ff6bf840}to{transform:translateY(0);box-shadow:0 0 #ff6bf800}}@media(max-width:768px){.memes-grid{grid-template-columns:1fr;gap:20px}.gallery-header h1{font-size:2rem}.meme-image-container{height:300px}}.captcha-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.captcha-modal{background:var(--cardBg, #1a1a2e);border:2px solid var(--neonAqua, #4ecdc4);border-radius:16px;padding:24px;width:90%;max-width:420px;box-shadow:0 20px 60px #00000080,0 0 40px #4ecdc433;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.captcha-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.captcha-header h3{margin:0;font-size:1.4rem;color:var(--textPrimary, #fff)}.captcha-close{background:none;border:none;font-size:1.8rem;color:var(--textSecondary, #888);cursor:pointer;padding:0;line-height:1;transition:color .2s}.captcha-close:hover{color:var(--neonMagenta, #ff6bf8)}.captcha-content{margin-bottom:20px}.captcha-question{background:linear-gradient(135deg,#4ecdc41a,#ff6bf81a);border:1px solid rgba(78,205,196,.3);border-radius:12px;padding:20px;font-size:1.2rem;text-align:center;color:var(--textPrimary, #fff);margin-bottom:16px}.captcha-input{width:100%;padding:14px 16px;font-size:1.1rem;border:2px solid var(--border, #333);border-radius:10px;background:#ffffff0d;color:var(--textPrimary, #fff);transition:border-color .3s,box-shadow .3s;box-sizing:border-box}.captcha-input:focus{outline:none;border-color:var(--neonAqua, #4ecdc4);box-shadow:0 0 0 3px #4ecdc433}.captcha-input::placeholder{color:var(--textSecondary, #888)}.captcha-error{color:#ff6b6b;font-size:.9rem;margin-top:10px;text-align:center}.captcha-info{display:flex;flex-direction:column;gap:8px;margin-top:12px;font-size:.85rem;color:var(--textSecondary, #888)}.votes-remaining{text-align:center}.tier-notice{text-align:center;color:var(--neonMagenta, #ff6bf8);background:#ff6bf81a;padding:8px 12px;border-radius:8px}.captcha-actions{display:flex;gap:12px}.captcha-cancel,.captcha-submit{flex:1;padding:14px 20px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.captcha-cancel{background:transparent;border:2px solid var(--border, #333);color:var(--textSecondary, #888)}.captcha-cancel:hover:not(:disabled){border-color:var(--textSecondary, #888);color:var(--textPrimary, #fff)}.captcha-submit{background:linear-gradient(135deg,var(--neonAqua, #4ecdc4),var(--neonMagenta, #ff6bf8));border:none;color:#fff;box-shadow:0 4px 15px #4ecdc44d}.captcha-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4ecdc466}.captcha-cancel:disabled,.captcha-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:480px){.captcha-modal{padding:20px;width:95%}.captcha-question{font-size:1.1rem;padding:16px}.captcha-actions{flex-direction:column}}.ai-bot{width:100%;max-width:800px;margin:0 auto}.ai-container{background:#1e293bcc;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;max-height:800px;height:auto}.ai-header{padding:20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.ai-header h2{background:linear-gradient(90deg,var(--neonMagenta),var(--neonAqua));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0}.mode-toggle{display:flex;gap:8px;background:#0f172a99;padding:4px;border-radius:8px}.mode-btn{padding:8px 16px;background:transparent;border:none;border-radius:6px;color:var(--text);cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.mode-btn:hover{background:#ffffff1a}.mode-btn.active{background:linear-gradient(135deg,var(--neonMagenta),var(--neonAqua));color:#fff;box-shadow:0 0 15px #ff00ff80}.model-selector{display:flex;gap:10px;align-items:center}.model-selector label{font-weight:600;color:var(--text)}.model-selector select{padding:8px 12px;background:#0f172acc;border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer}.chat-box{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:15px}.empty-state{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;text-align:center;color:#eafff999}.empty-state p{margin:10px 0}.message{display:flex;margin-bottom:10px}.message.user{justify-content:flex-end}.message.bot{justify-content:flex-start}.message-content{max-width:95%;padding:12px 16px;border-radius:8px;word-wrap:break-word}.message.user .message-content{background:linear-gradient(90deg,var(--neonMagenta),var(--neonAqua));color:#fff}.message.bot .message-content{background:#00f7ff1a;border:1px solid var(--neonAqua);color:var(--text);text-align:center}.meme-image-container{position:relative;display:inline-block;max-width:100%}.meme-image{max-width:100%;height:auto;border-radius:4px;display:block}.meme-watermark-logo{position:absolute;left:15px;bottom:15px;width:15%;max-width:80px;min-width:50px;height:auto;opacity:.8;pointer-events:none;z-index:10}.meme-watermark-overlay{position:absolute;left:10px;bottom:10px;width:20%;max-width:120px;min-width:60px;height:auto;opacity:.95;pointer-events:none;z-index:10;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.meme-watermark-text{position:absolute;left:0;bottom:0;background:#000000d9;color:#00f7ff;font-size:14px;font-weight:700;padding:4px 8px;font-family:Arial,sans-serif;pointer-events:none;z-index:10;letter-spacing:.5px}.meme-result{width:100%}.meme-info{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:8px 0}.meme-actions{display:flex;gap:8px;align-items:center}.btn-edit{padding:8px 14px;background:transparent;border:1px solid var(--neonAqua);border-radius:6px;color:var(--neonAqua);font-weight:500;cursor:pointer;transition:all .2s ease}.btn-edit:hover{background:#00f7ff1a}.btn-download{padding:8px 16px;background:linear-gradient(135deg,var(--neonMagenta),var(--neonAqua));border:none;border-radius:6px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-download:hover{transform:scale(1.05);box-shadow:0 0 20px #f0f9}.typing{display:inline-block;animation:blink 1.4s infinite}@keyframes blink{0%,20%,50%,80%,to{opacity:1}40%{opacity:.5}60%{opacity:.7}}.input-area{padding:20px;border-top:1px solid var(--border);display:flex;gap:10px}.input-area input{flex:1;padding:12px 16px}.input-area button{padding:12px 24px}.image-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;cursor:pointer;animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-modal-content{position:relative;max-width:95vw;max-height:95vh;cursor:default}.enlarged-image-container{position:relative;display:inline-block}.enlarged-image{max-width:95vw;max-height:95vh;width:auto;height:auto;border-radius:8px;box-shadow:0 10px 50px #00f7ff4d;display:block}.modal-close{position:absolute;top:-40px;right:0;background:#ffffff1a;border:2px solid var(--neonAqua);color:var(--neonAqua);font-size:24px;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-close:hover{background:var(--neonAqua);color:var(--dark);transform:rotate(90deg)}@media(max-width:768px){.ai-container{height:400px}.message-content{max-width:90%}.ai-header{flex-direction:column;gap:10px}}.template-browser{padding:20px;background:#0f172a99;border-bottom:1px solid var(--border);max-height:500px;overflow-y:auto}.browser-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.browser-header h3{margin:0;color:var(--neonAqua)}.tier-info{display:flex;gap:10px;align-items:center}.tier-badge{background:linear-gradient(135deg,var(--neonMagenta),var(--neonAqua));padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase}.template-count{font-size:14px;color:var(--textSecondary)}.browser-filters{margin-bottom:20px}.search-input{width:100%;padding:12px;background:#1e293bcc;border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;margin-bottom:15px}.search-input:focus{outline:none;border-color:var(--neonAqua);box-shadow:0 0 10px #00f7ff4d}.category-filters{display:flex;gap:8px;flex-wrap:wrap}.category-btn{padding:6px 12px;background:#1e293bcc;border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;font-size:12px;transition:all .3s}.category-btn:hover{border-color:var(--neonAqua);background:#00f7ff1a}.category-btn.active{background:linear-gradient(135deg,var(--neonMagenta),var(--neonAqua));border-color:transparent;color:#fff}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px;margin-top:20px}.template-card{background:#1e293bcc;border:1px solid var(--border);border-radius:8px;padding:15px;transition:all .3s}.template-card:hover{border-color:var(--neonAqua);box-shadow:0 0 15px #00f7ff33;transform:translateY(-2px)}.template-info h4{margin:0 0 10px;color:var(--neonAqua);font-size:16px}.template-meta{display:flex;gap:10px;margin-bottom:10px;font-size:12px;color:var(--textSecondary)}.template-source{background:#00f7ff1a;padding:2px 8px;border-radius:4px;color:var(--neonAqua)}.template-score{color:#fbbf24}.template-rank{color:var(--neonMagenta)}.template-categories{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.category-tag{background:#ff00ff1a;border:1px solid rgba(255,0,255,.3);padding:2px 8px;border-radius:4px;font-size:11px;color:var(--neonMagenta)}.use-template-btn{width:100%;padding:8px;background:linear-gradient(135deg,var(--neonMagenta),var(--neonAqua));border:none;border-radius:6px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s}.use-template-btn:hover{transform:scale(1.05);box-shadow:0 0 20px #00f7ff80}.no-templates{text-align:center;padding:40px;color:var(--textSecondary)}.app{min-height:100vh;background:linear-gradient(135deg,var(--dark) 0%,var(--darker) 100%)}.container{max-width:1600px;margin:0 auto;padding:40px}.tabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:1px solid var(--border);padding-bottom:20px}.tab{background:transparent;border:none;color:var(--text);padding:10px 20px;font-size:16px;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease}.tab:hover{color:var(--neonAqua);transform:none}.tab.active{color:var(--neonAqua);border-bottom-color:var(--neonAqua);box-shadow:0 4px 12px #00f7ff33}.app-footer{text-align:center;padding:30px 20px;margin-top:40px;border-top:1px solid var(--border);color:var(--textSecondary);font-size:14px}.app-footer a{color:var(--neonAqua);text-decoration:none;font-weight:600;transition:all .3s ease}.app-footer a:hover{color:var(--neonPurple);text-decoration:underline}@media(max-width:768px){.container{padding:20px 12px}.tabs{margin-bottom:20px;padding-bottom:16px}.tab{padding:8px 12px;font-size:14px}.app-footer{padding:20px 12px;margin-top:20px;font-size:13px}}@media(min-width:1400px){.container{padding:40px 60px}}@media(min-width:1800px){.container{max-width:1800px;padding:40px 80px}}:root{--mint: #25c2a0;--blue: #3b82f6;--neonAqua: #00f7ff;--neonMagenta: #ff3df7;--dark: #0a0c1a;--darker: #0b0f23;--text: #eafff9;--border: #18213d}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,var(--dark) 0%,var(--darker) 100%);color:var(--text);min-height:100vh}button{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .3s ease}button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00f7ff4d}.btn-primary{background:linear-gradient(90deg,var(--neonMagenta),var(--neonAqua));color:#fff}.btn-secondary{background:#ff3df71a;border:1px solid var(--neonMagenta);color:var(--neonMagenta)}input,textarea,select{background:#0f172acc;border:1px solid var(--border);border-radius:8px;color:var(--text);padding:10px 15px;font-family:inherit}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--neonAqua);box-shadow:0 0 10px #00f7ff4d}.container{max-width:1200px;margin:0 auto;padding:20px}.card{background:#1e293bcc;border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
