@import"https://fonts.googleapis.com/css2?family=Karla:wght@400;600;700&display=swap";:root{--bg-dark: #1c1c2e;--card-bg: #27293d;--accent: #8b5cf6;--accent-hover: #7c3aed;--text-light: #f5f5f5;--text-muted: #a0a0b0;--border-color: #3a3a50;--radius: .75rem}*,*:before,*:after{box-sizing:border-box}body{font-family:Karla,sans-serif;background:var(--bg-dark);color:var(--text-light);margin:0;padding:0;min-height:100vh}header{display:flex;align-items:center;gap:1rem;padding:1rem 2rem;background:linear-gradient(90deg,#6d28d9,#9333ea);color:#fff}header img{width:2rem;height:2rem;object-fit:contain}header h1{font-size:1.5rem;font-weight:700}.meme-generator{display:flex;flex-direction:column-reverse;gap:2rem;max-width:1200px;margin:2rem auto;padding:1rem}.input-toolbox{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;background:var(--card-bg);padding:1.5rem;border-radius:var(--radius);border:1px solid var(--border-color);width:100%}.input-toolbox label{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:.3rem}.input-toolbox input{width:100%;padding:.5rem .7rem;border-radius:.5rem;border:1px solid var(--border-color);background:#1a1a27;color:var(--text-light);font-size:.9rem}.input-toolbox input:focus{outline:none;border-color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1rem;background:var(--accent);color:#fff;border:none;border-radius:.5rem;font-weight:600;font-size:.95rem;cursor:pointer;transition:background .2s ease}.btn:hover{background:var(--accent-hover)}.download{display:flex;align-items:center;justify-content:center;gap:.3rem}.download img{width:15px}canvas{width:100%;max-width:700px;height:auto;aspect-ratio:4/3;border-radius:var(--radius);border:1px solid var(--border-color);background:#111;margin:0 auto}@media (min-width: 1024px){.meme-generator{flex-direction:row;align-items:flex-start;gap:2rem}.input-toolbox{flex:0 0 300px;grid-template-columns:1fr}canvas{flex:1;height:450px}}@media (max-width: 480px){.input-toolbox{grid-template-columns:1fr}canvas{height:250px}}