.meme-tool{max-width:700px;margin:0 auto}.meme-login-warning{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #fdcb6e;border-radius:12px;margin-bottom:24px}.meme-login-icon{font-size:28px;flex-shrink:0}.meme-login-warning a{color:#0984e3;text-decoration:underline;font-weight:600}.meme-input-section{display:flex;flex-direction:column;gap:20px}.meme-input-group{position:relative}.meme-label{display:flex;align-items:center;gap:6px;font-weight:600;font-size:14px;color:var(--text-secondary);margin-bottom:8px}.meme-label-icon{font-size:16px}.meme-textarea{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:10px;background:var(--bg-input, #fff);color:var(--text);font-size:15px;font-family:inherit;resize:vertical;transition:border-color .2s;box-sizing:border-box}.meme-textarea:focus{outline:none;border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce71a}.meme-char-count{text-align:right;font-size:12px;color:var(--text-muted);margin-top:4px}.meme-examples{display:flex;align-items:flex-start;gap:8px}.meme-examples-label{font-size:13px;color:var(--text-muted);padding-top:4px;flex-shrink:0}.meme-examples-list{display:flex;flex-wrap:wrap;gap:6px}.meme-example-chip{padding:4px 10px;background:var(--bg-hover, #f0f0f0);border:1px solid var(--border);border-radius:16px;font-size:12px;color:var(--text-secondary);cursor:pointer;transition:all .2s;white-space:nowrap}.meme-example-chip:hover{background:#6c5ce7;color:#fff;border-color:#6c5ce7}.meme-style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.meme-style-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border:2px solid var(--border);border-radius:10px;background:var(--bg-input, #fff);cursor:pointer;transition:all .2s}.meme-style-card:hover{border-color:#a29bfe;background:#f8f7ff}.meme-style-card.active{border-color:#6c5ce7;background:#f0eeff;box-shadow:0 0 0 2px #6c5ce726}.meme-style-emoji{font-size:24px}.meme-style-name{font-size:12px;font-weight:600;color:var(--text)}.meme-style-desc{font-size:10px;color:var(--text-muted)}.meme-text-section{display:flex;flex-direction:column;gap:8px}.meme-text-input{width:100%;padding:10px 14px;border:2px solid var(--border);border-radius:8px;background:var(--bg-input, #fff);color:var(--text);font-size:14px;font-family:inherit;transition:border-color .2s;box-sizing:border-box}.meme-text-input:focus{outline:none;border-color:#6c5ce7;box-shadow:0 0 0 2px #6c5ce71a}.meme-generate-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;font-size:16px;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .2s}.meme-generate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #6c5ce759}.meme-generate-btn:active:not(:disabled){transform:translateY(0)}.meme-generate-btn:disabled{opacity:.5;cursor:not-allowed}.meme-btn-icon{font-size:18px}.meme-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px 20px}.meme-loading-animation{display:flex;gap:8px}.meme-loading-dot{width:12px;height:12px;border-radius:50%;background:#6c5ce7;animation:meme-bounce 1.4s infinite ease-in-out both}.meme-loading-dot:nth-child(1){animation-delay:-.32s}.meme-loading-dot:nth-child(2){animation-delay:-.16s}@keyframes meme-bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.meme-loading-text{font-size:16px;font-weight:600;color:var(--text)}.meme-loading-sub{font-size:13px;color:var(--text-muted)}.meme-result-section{display:flex;flex-direction:column;gap:16px}.meme-result-header{display:flex;align-items:center;justify-content:space-between}.meme-result-header h3{font-size:18px;font-weight:700;margin:0}.meme-regen-btn{padding:8px 14px;background:var(--bg-hover, #f0f0f0);border:1px solid var(--border);border-radius:8px;font-size:13px;font-weight:600;color:var(--text);cursor:pointer;transition:all .2s}.meme-regen-btn:hover{background:#6c5ce7;color:#fff;border-color:#6c5ce7}.meme-canvas-wrapper{display:flex;justify-content:center;border:3px solid var(--border);border-radius:12px;overflow:hidden;background:#1a1a2e}.meme-canvas{max-width:100%;height:auto;display:block}.meme-actions{display:flex;gap:10px;flex-wrap:wrap}.meme-action-btn{flex:1;min-width:150px;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:2px solid var(--border);background:var(--bg-input, #fff);color:var(--text)}.meme-action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.meme-download-btn{background:linear-gradient(135deg,#00b894,#55efc4);color:#fff;border-color:transparent}.meme-copy-btn:hover{border-color:#6c5ce7;color:#6c5ce7}.meme-error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;text-align:center}.meme-error-icon{font-size:48px}.meme-error-text{font-size:15px;color:var(--text-secondary)}.meme-retry-btn{padding:10px 24px;background:#6c5ce7;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.meme-retry-btn:hover{background:#5a4bd1}@media (max-width: 600px){.meme-style-grid{grid-template-columns:repeat(2,1fr)}.meme-actions{flex-direction:column}.meme-action-btn{min-width:auto}}