*{margin:0;padding:0}body{font-family:Outfit,sans-serif;font-optical-sizing:auto}.main-container{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem;min-height:80vh}.input-box{display:flex;flex-direction:column;gap:1.5rem;align-items:center;width:100%;max-width:600px}.input-fields{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;width:100%}.input-fields label{display:flex;flex-direction:column;font-weight:600;color:#333;gap:.5rem}.input-fields input{padding:.75rem;border:2px solid #ddd;border-radius:8px;font-size:1rem;min-width:250px;transition:border-color .3s}.input-fields input:focus{outline:none;border-color:#667eea}.button-container{display:flex;justify-content:center;width:100%}.get-img,.download{padding:.75rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.get-img{background:#667eea;color:#fff}.get-img:hover{background:#5a6fd8;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.controls{display:flex;align-items:center;gap:1rem;font-family:Outfit,sans-serif}.controls label{font-weight:600;font-size:1rem;color:#333;display:flex;align-items:center;gap:.5rem}.controls select{padding:.3rem .5rem;font-size:1rem;border-radius:5px;border:1px solid #ccc;outline:none;cursor:pointer;background-color:#f9f9f9;transition:all .2s ease}.controls select:hover{border-color:#888;background-color:#fff}.download{background:#48bb78;color:#fff}.download:hover{background:#3fa76f;transform:translateY(-2px);box-shadow:0 4px 12px #48bb7866}.meme-box{position:relative;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:1rem;display:flex;justify-content:center;align-items:center;overflow:hidden;max-width:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.meme-box img{max-width:100%;max-height:70vh;height:auto;width:auto;border-radius:8px;object-fit:contain;display:block;transition:all .3s ease-in-out}.top,.bottom{position:absolute;left:50%;transform:translate(-50%);color:#fff;font-size:2rem;font-weight:700;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000;text-align:center;width:90%}.top{top:1rem}.bottom{bottom:1rem}header{background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem 0;box-shadow:0 2px 10px #0000001a}header h1{color:#fff;text-align:center;font-size:2rem;margin:0}