.aem-panel{margin-bottom:2rem;}
.aem-controls{background:var(--surface,#fff);border:1px solid var(--border,#e2e8f0);border-radius:16px;box-shadow:0 4px 24px rgba(15,23,42,0.06);padding:1.25rem;}
.aem-hint{font-size:0.875rem;color:var(--text-muted,#64748b);margin:0 0 1rem;line-height:1.4;}
.aem-row{display:flex;flex-direction:column;gap:1rem;}
.aem-field{display:flex;flex-direction:column;gap:0.375rem;}
.aem-label{font-size:0.8125rem;font-weight:600;color:var(--text-main,#0f172a);letter-spacing:0.02em;}
.aem-select{width:100%;padding:0.75rem 1rem;font-size:1rem;color:var(--text-main,#0f172a);background:var(--surface,#fff);border:1px solid var(--border,#e2e8f0);border-radius:12px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;cursor:pointer;transition:border-color 0.2s,box-shadow 0.2s;}
.aem-select:hover{border-color:var(--primary,#ec4899);}
.aem-select:focus{outline:none;border-color:var(--primary,#ec4899);box-shadow:0 0 0 3px rgba(236,72,153,0.15);}
.aem-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.aem-actions{display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:1.25rem;}
.aem-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:transform 0.15s ease,box-shadow 0.15s ease,border-color 0.2s,background 0.2s;}
.aem-btn:focus{outline:2px solid rgba(236,72,153,0.5);outline-offset:2px;}
.aem-btn-primary{color:#fff;background:linear-gradient(135deg,#ec4899 0%,#db2777 100%);border:none;}
.aem-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px rgba(236,72,153,0.3);}
.aem-btn-primary:active:not(:disabled){transform:translateY(0);}
.aem-btn-primary:disabled,.aem-btn-primary.loading{cursor:wait;opacity:0.9;}
.aem-btn-primary.loading .aem-btn-text{visibility:hidden;}
.aem-btn-primary.loading .aem-btn-loading{position:absolute;visibility:visible;}
.aem-btn-primary{position:relative;}
.aem-btn-loading{visibility:hidden;}
.aem-btn-ghost{color:var(--text-muted,#64748b);background:transparent;border:1px solid var(--border,#e2e8f0);}
.aem-btn-ghost:hover{border-color:var(--primary,#ec4899);color:var(--primary,#ec4899);}
.aem-outcome{margin-top:1.5rem;padding:1.5rem;background:linear-gradient(135deg,rgba(236,72,153,0.06) 0%,var(--surface,#fff) 50%);border:1px solid rgba(236,72,153,0.2);border-radius:16px;}
.aem-outcome[hidden]{display:none;}
.aem-preview{padding:1.5rem;background:var(--surface,#fff);border-radius:14px;border:1px solid var(--border,#e2e8f0);margin-bottom:1rem;min-height:80px;display:flex;align-items:center;justify-content:center;text-align:center;}
.aem-emoji-text{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:400;color:var(--text-main,#0f172a);margin:0;line-height:1.5;word-break:break-word;}
.aem-meta{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin-bottom:1rem;font-size:0.875rem;}
.aem-meta-item{color:var(--text-muted,#64748b);}
.aem-meta-label{text-transform:uppercase;letter-spacing:0.05em;margin-right:0.25rem;}
.aem-meta-item span:last-child{font-weight:700;color:var(--primary,#ec4899);}
.aem-tips{list-style:none;padding:0;margin:0 0 1.25rem;display:grid;gap:0.5rem;}
.aem-tips li{position:relative;padding-left:1.25rem;font-size:0.875rem;color:var(--text-muted,#64748b);line-height:1.4;}
.aem-tips li::before{content:"";position:absolute;left:0;top:0.4em;width:6px;height:6px;border-radius:50%;background:var(--primary,#ec4899);}
.aem-outcome-actions{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;}
.aem-btn-copy{width:100%;color:var(--text-muted,#475569);background:var(--surface-muted,#f1f5f9);border:1px solid var(--border,#e2e8f0);}
.aem-btn-copy:hover{background:#e2e8f0;border-color:#cbd5e1;}
.aem-btn-copy.copied{background:#10b981;border-color:#10b981;color:#fff;}
.aem-copy-icon{display:inline-flex;}
@keyframes aem-spin{to{transform:rotate(360deg);}}
.aem-btn-primary.loading::after{content:"";position:absolute;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid rgba(255,255,255,0.4);border-top-color:#fff;border-radius:50%;animation:aem-spin 0.8s linear infinite;}
@media (min-width:480px){.aem-row{flex-direction:row;}.aem-field{flex:1;}}
@media (min-width:640px){.aem-controls{padding:1.5rem;}.aem-outcome{padding:1.75rem;}.aem-preview{padding:2rem;min-height:100px;}.aem-emoji-text{font-size:clamp(1.75rem,3vw,2.75rem);}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;transition-duration:0.01ms!important;}}