.meme-gen{text-align:center;background-color:var(--background);color:var(--text);padding:100px 20px;transition:background-color .5s,color .5s}.meme-gen h2{font-family:var(--heading-font);color:var(--text);text-shadow:2px 2px 4px #0003;margin-bottom:15px;font-size:3rem;transition:color .5s}.meme-intro{max-width:800px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:1.2rem}.meme-container{grid-template-columns:1fr 1fr;gap:30px;max-width:1200px;margin:0 auto;display:grid}.meme-options{background-color:var(--cardBg);text-align:left;border-radius:15px;padding:25px;transition:background-color .5s;box-shadow:0 10px 20px #0000001a}.form-group{margin-bottom:20px}.form-group label{color:var(--cardText);font-weight:700;font-family:var(--heading-font);margin-bottom:8px;transition:color .5s;display:block}.form-group input[type=text],.form-group input[type=range],.form-group input[type=color]{border:2px solid var(--accent);width:100%;color:var(--cardText);background-color:#ffffff1a;border-radius:8px;padding:10px;transition:all .3s}.form-group input[type=text]:focus{border-color:var(--primary);outline:none;box-shadow:0 0 10px #e6a8034d}.form-group input[type=range]{appearance:none;cursor:pointer;background:#fff3;border:none;border-radius:5px;height:10px;padding:0}.form-group input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:20px;height:20px}.form-group input[type=color]{cursor:pointer;height:40px;padding:2px}.template-options{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:10px;display:grid}.template-thumbnail{cursor:pointer;border:3px solid #0000;border-radius:8px;transition:all .3s;position:relative;overflow:hidden}.template-thumbnail.selected{border-color:var(--accent);box-shadow:0 0 15px #e6a80380}.template-thumbnail img{object-fit:cover;width:100%;height:80px;transition:transform .3s}.template-thumbnail:hover img{transform:scale(1.1)}.template-thumbnail span{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;background-color:#000000b3;padding:4px;font-size:.7rem;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.meme-actions{gap:15px;margin-top:30px;display:flex}.generate-btn,.download-btn{font-family:var(--heading-font);cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px 20px;font-size:1rem;transition:all .3s}.generate-btn{background-color:var(--primary);color:var(--secondary)}.download-btn{background-color:var(--accent);color:var(--secondary)}.generate-btn:hover,.download-btn:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0003}.meme-preview{background-color:#0000001a;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:20px;display:flex}.meme-canvas{background-color:#f0f0f0;border-radius:5px;max-width:100%;box-shadow:0 5px 15px #0000004d}.preview-note{color:var(--text);opacity:.7;margin-top:20px;font-style:italic;transition:color .5s}@media (max-width:768px){.meme-gen h2{font-size:2.5rem}.meme-intro{font-size:1rem}.meme-container{grid-template-columns:1fr}.template-options{grid-template-columns:repeat(2,1fr)}.meme-actions{flex-direction:column}}