@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Inter:wght@400;500;600&family=Noto+Sans+SC:wght@400;500;700&display=swap";.avatar-generator[data-v-f46740c2]{--bg-deep: #0c0a1a;--bg-base: #12101f;--bg-surface: #1a1635;--bg-card: rgba(26, 22, 53, .72);--bg-elevated: rgba(35, 28, 65, .6);--border-subtle: rgba(183, 148, 246, .1);--border-default: rgba(183, 148, 246, .18);--border-hover: rgba(232, 93, 117, .4);--text-primary: #f0ecf9;--text-secondary: #a89bc2;--text-muted: #6e6089;--accent-primary: #e85d75;--accent-light: #ff7a8f;--accent-glow: rgba(232, 93, 117, .35);--accent-soft: rgba(232, 93, 117, .12);--gold-primary: #f5a623;--gold-light: #ffc857;--gold-glow: rgba(245, 166, 35, .3);--lavender: #b794f6;--lavender-soft: rgba(183, 148, 246, .15);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 24px;--font-title: "Outfit", "Noto Sans SC", sans-serif;--font-body: "Inter", "Noto Sans SC", sans-serif;max-width:1200px;margin:0 auto;padding:32px 20px;font-family:var(--font-body);min-height:calc(100vh - 80px);position:relative;animation:sceneReveal-f46740c2 .8s cubic-bezier(.22,1,.36,1) forwards}.avatar-generator[data-v-f46740c2]:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80% 60% at 15% 10%,rgba(183,148,246,.08) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 85% 80%,rgba(232,93,117,.07) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 50% 50%,rgba(245,166,35,.04) 0%,transparent 50%),linear-gradient(175deg,#0c0a1a,#110e24 40%,#0d0a1c);z-index:-1;pointer-events:none}.avatar-generator[data-v-f46740c2]:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(183,148,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(183,148,246,.03) 1px,transparent 1px);background-size:48px 48px;z-index:-1;pointer-events:none;mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,black 20%,transparent 70%)}@keyframes sceneReveal-f46740c2{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideIn-f46740c2{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes previewGlow-f46740c2{0%,to{box-shadow:0 0 40px var(--accent-glow),0 0 80px #e85d751a,inset 0 0 40px #0000004d}33%{box-shadow:0 0 50px var(--gold-glow),0 0 90px #f5a62314,inset 0 0 40px #0000004d}66%{box-shadow:0 0 45px #b794f640,0 0 85px #b794f614,inset 0 0 40px #0000004d}}@keyframes btnPop-f46740c2{0%{transform:scale(.94)}50%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes shimmer-f46740c2{0%{background-position:-200% center}to{background-position:200% center}}.header-section[data-v-f46740c2]{text-align:center;margin-bottom:40px;padding-top:8px;animation:fadeSlideIn-f46740c2 .6s ease-out .1s both}.main-title[data-v-f46740c2]{font-family:var(--font-title);font-size:36px;font-weight:800;color:var(--text-primary);margin:0 0 10px;letter-spacing:-.8px;line-height:1.2;background:linear-gradient(135deg,#f0ecf9 0%,var(--lavender) 40%,var(--accent-light) 80%,var(--gold-light) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sub-title[data-v-f46740c2]{font-size:15px;color:var(--text-secondary);margin:0;line-height:1.6;letter-spacing:.2px}.main-container[data-v-f46740c2]{display:flex;flex-direction:column;gap:36px;animation:fadeSlideIn-f46740c2 .6s ease-out .25s both}@media(min-width:769px){.main-container[data-v-f46740c2]{flex-direction:row;align-items:flex-start}}.control-panel[data-v-f46740c2]{width:100%;flex-shrink:0;display:flex;flex-direction:column;gap:16px}@media(min-width:769px){.control-panel[data-v-f46740c2]{width:380px}}.card[data-v-f46740c2]{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:22px;transition:all .35s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.card[data-v-f46740c2]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--lavender-soft) 30%,var(--accent-soft) 60%,transparent 100%);opacity:0;transition:opacity .35s ease}.card[data-v-f46740c2]:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 8px 32px #00000040,0 0 0 1px var(--border-hover)}.card[data-v-f46740c2]:hover:before{opacity:1}.card-header[data-v-f46740c2]{font-family:var(--font-title);font-size:15px;font-weight:600;color:var(--text-primary);padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid var(--border-subtle);line-height:24px;display:flex;align-items:center;gap:8px}.card-header[data-v-f46740c2]:before{content:"";width:3px;height:16px;border-radius:2px;background:linear-gradient(180deg,var(--accent-primary),var(--gold-primary));flex-shrink:0}.form-group[data-v-f46740c2]{margin-bottom:18px}.form-group[data-v-f46740c2]:last-child{margin-bottom:0}.form-label[data-v-f46740c2]{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:8px;line-height:20px;text-transform:uppercase;letter-spacing:.8px}.input-wrapper[data-v-f46740c2]{display:flex;gap:10px}.text-input[data-v-f46740c2]{flex:1;background:var(--bg-deep);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:13px 16px;font-size:15px;color:var(--text-primary);outline:none;transition:all .3s cubic-bezier(.22,1,.36,1);font-family:var(--font-body);line-height:22px}.text-input[data-v-f46740c2]::placeholder{color:var(--text-muted)}.text-input[data-v-f46740c2]:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-soft),0 0 20px var(--accent-glow);background:#0c0a1acc}.random-btn[data-v-f46740c2]{padding:13px 18px;background:linear-gradient(135deg,var(--lavender-soft),rgba(183,148,246,.08));border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--lavender);font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .25s cubic-bezier(.22,1,.36,1);font-family:var(--font-body);line-height:22px}.random-btn[data-v-f46740c2]:hover{background:linear-gradient(135deg,var(--lavender-soft),rgba(183,148,246,.18));border-color:var(--lavender);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 16px #b794f633}.random-btn[data-v-f46740c2]:active{transform:translateY(0)}.style-grid[data-v-f46740c2]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.style-btn[data-v-f46740c2]{padding:11px 8px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.22,1,.36,1);font-family:var(--font-body);line-height:20px;position:relative;overflow:hidden}.style-btn[data-v-f46740c2]:hover{transform:translateY(-2px);background:#2d234bcc;border-color:var(--border-hover);color:var(--text-primary)}.style-btn.active[data-v-f46740c2]{background:linear-gradient(135deg,var(--accent-primary),var(--accent-light));border-color:transparent;color:#fff;font-weight:700;box-shadow:0 4px 20px var(--accent-glow),0 0 0 1px #ffffff1a inset;animation:btnPop-f46740c2 .3s ease}.shape-group[data-v-f46740c2]{display:flex;gap:10px}.shape-btn[data-v-f46740c2]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.22,1,.36,1);font-family:var(--font-body);line-height:22px}.shape-btn[data-v-f46740c2]:hover{transform:translateY(-2px);background:#2d234bcc;border-color:var(--border-hover);color:var(--text-primary)}.shape-btn.active[data-v-f46740c2]{background:linear-gradient(135deg,var(--accent-primary),var(--accent-light));border-color:transparent;color:#fff;font-weight:700;box-shadow:0 4px 20px var(--accent-glow),0 0 0 1px #ffffff1a inset}.shape-icon[data-v-f46740c2]{width:16px;height:16px;display:inline-block;flex-shrink:0}.square-icon[data-v-f46740c2]{background-color:currentColor;border-radius:3px}.circle-icon[data-v-f46740c2]{background-color:currentColor;border-radius:50%}.size-group[data-v-f46740c2]{display:flex;gap:10px}.size-btn[data-v-f46740c2]{flex:1;padding:12px 8px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.22,1,.36,1);font-family:var(--font-body);line-height:22px}.size-btn[data-v-f46740c2]:hover{transform:translateY(-2px);background:#2d234bcc;border-color:var(--border-hover);color:var(--text-primary)}.size-btn.active[data-v-f46740c2]{background:linear-gradient(135deg,var(--accent-primary),var(--accent-light));border-color:transparent;color:#fff;font-weight:700;box-shadow:0 4px 20px var(--accent-glow),0 0 0 1px #ffffff1a inset}.download-card[data-v-f46740c2]{padding:18px 22px}.download-btn[data-v-f46740c2]{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 24px;background:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-light) 100%);background-size:200% auto;border:none;border-radius:var(--radius-md);color:#1a1035;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.22,1,.36,1);font-family:var(--font-body);line-height:22px;height:50px;letter-spacing:.3px;position:relative;overflow:hidden}.download-btn[data-v-f46740c2]:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.25) 50%,transparent 100%);transition:left .5s ease}.download-btn[data-v-f46740c2]:hover{background-position:right center;transform:scale(1.02) translateY(-1px);box-shadow:0 8px 30px var(--gold-glow),0 0 0 1px #ffc8574d}.download-btn[data-v-f46740c2]:hover:after{left:100%}.download-btn[data-v-f46740c2]:active{transform:scale(.98)}.download-icon[data-v-f46740c2]{width:18px;height:18px;flex-shrink:0}.preview-panel[data-v-f46740c2]{flex:1;display:flex;align-items:center;justify-content:center;min-height:320px}.preview-container[data-v-f46740c2]{display:flex;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:480px}.canvas-wrapper[data-v-f46740c2]{position:relative;padding:28px;background:radial-gradient(circle at 30% 30%,rgba(232,93,117,.06) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(183,148,246,.05) 0%,transparent 50%);border:1px solid var(--border-default);border-radius:var(--radius-xl);transition:all .4s cubic-bezier(.22,1,.36,1);animation:previewGlow-f46740c2 8s ease-in-out infinite}.canvas-wrapper[data-v-f46740c2]:hover{transform:scale(1.02);border-color:var(--border-hover)}.canvas-wrapper.circle-mode[data-v-f46740c2]{border-radius:50%}.avatar-canvas[data-v-f46740c2]{display:block;max-width:280px;height:auto;border-radius:var(--radius-md);transition:all .35s ease;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}@media(min-width:769px){.avatar-canvas[data-v-f46740c2]{max-width:400px}}.canvas-wrapper.circle-mode .avatar-canvas[data-v-f46740c2]{border-radius:50%}.size-hint[data-v-f46740c2]{font-size:13px;color:var(--text-muted);font-family:var(--font-body);line-height:20px;letter-spacing:.5px}@media(max-width:768px){.avatar-generator[data-v-f46740c2]{padding:20px 14px}.header-section[data-v-f46740c2]{margin-bottom:28px;padding-top:4px}.main-title[data-v-f46740c2]{font-size:28px;letter-spacing:-.5px}.sub-title[data-v-f46740c2]{font-size:14px}.main-container[data-v-f46740c2]{gap:24px}.card[data-v-f46740c2]{padding:18px;border-radius:var(--radius-md)}.card-header[data-v-f46740c2]{font-size:14px;padding-bottom:12px;margin-bottom:14px}.form-group[data-v-f46740c2]{margin-bottom:16px}.style-grid[data-v-f46740c2]{gap:7px}.style-btn[data-v-f46740c2]{padding:10px 6px;font-size:12px}.shape-btn[data-v-f46740c2],.size-btn[data-v-f46740c2]{padding:11px 10px;font-size:13px}.text-input[data-v-f46740c2]{padding:12px 14px;font-size:14px}.random-btn[data-v-f46740c2]{padding:12px 14px;font-size:13px}.download-btn[data-v-f46740c2]{padding:13px 20px;font-size:14px;height:48px}.preview-panel[data-v-f46740c2]{min-height:260px}.preview-container[data-v-f46740c2]{max-width:100%}.canvas-wrapper[data-v-f46740c2]{padding:20px;border-radius:var(--radius-lg)}.avatar-canvas[data-v-f46740c2]{max-width:220px}}@media(max-width:380px){.style-grid[data-v-f46740c2]{grid-template-columns:repeat(2,1fr)}.style-btn[data-v-f46740c2]:last-child{grid-column:span 2}}