.avatar-generator[data-v-96e5eb54]{position:fixed;top:0;left:var(--sidebar-width, 220px);width:calc(100% - var(--sidebar-width, 220px));height:100%;background:var(--gradient-hero);z-index:1000;display:flex;flex-direction:column;transition:left .3s cubic-bezier(.16,1,.3,1),width .3s cubic-bezier(.16,1,.3,1);--sidebar-width: 220px}.avatar-generator[data-sidebar-collapsed=true][data-v-96e5eb54]{--sidebar-width: 56px}.avatar-body[data-v-96e5eb54]{flex:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto}.editor-container[data-v-96e5eb54]{display:flex;flex:1;min-height:0}.canvas-wrapper[data-v-96e5eb54]{flex:1;position:relative;display:flex;align-items:center;justify-content:center;min-width:0;padding:20px;overflow:hidden}.zoom-layer[data-v-96e5eb54]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.preview-img[data-v-96e5eb54]{max-width:100%;max-height:calc(100vh - 140px);object-fit:contain;border-radius:8px;box-shadow:0 16px 48px #00000059;-webkit-user-select:none;user-select:none}.toggle-bar[data-v-96e5eb54]{position:absolute;top:12px;right:12px;z-index:10;display:flex;gap:0;overflow:hidden;background:#0009;border:1px solid rgba(255,255,255,.15);border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toggle-btn[data-v-96e5eb54]{padding:6px 16px;background:transparent;border:none;color:#fff9;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.toggle-btn.active[data-v-96e5eb54]:first-child{background:#374151cc;color:#fff}.toggle-btn.active[data-v-96e5eb54]:last-child{background:#6366f1cc;color:#fff}.toggle-btn[data-v-96e5eb54]:hover:not(.active){color:#fff;background:#ffffff1a}.size-grid[data-v-96e5eb54],.style-grid[data-v-96e5eb54]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.control-header[data-v-96e5eb54]{display:flex;align-items:center;justify-content:space-between;gap:12px}.collapse-toggle[data-v-96e5eb54]{padding:0;border:none;background:transparent;color:#a78bfa;font-size:.9rem;font-weight:700;cursor:pointer}.info-item[data-v-96e5eb54]{display:flex;align-items:center;justify-content:space-between;min-width:0}.info-label[data-v-96e5eb54]{flex:0 0 auto;color:#ffffff8f}.info-value[data-v-96e5eb54]{min-width:0;max-width:220px;color:#ffffffc7;text-align:right}.truncate[data-v-96e5eb54]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.style-btn[data-v-96e5eb54],.size-btn[data-v-96e5eb54]{display:flex;align-items:center;gap:4px;min-height:44px;padding:7px 10px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff0f;color:#e5e7eb;font-weight:500;cursor:pointer;transition:border-color .18s ease,background .18s ease}.style-btn[data-v-96e5eb54]{min-height:46px;justify-content:center;padding:7px 6px}.style-btn.active[data-v-96e5eb54],.size-btn.active[data-v-96e5eb54]{border-color:#8b5cf6e6;background:#8b5cf638;color:#fff}.style-icon[data-v-96e5eb54]{flex:0 0 auto;font-size:1rem}.style-name[data-v-96e5eb54]{min-width:0;font-size:.85rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.size-btn[data-v-96e5eb54]{min-height:48px;align-items:flex-start;justify-content:center;flex-direction:column;gap:2px;padding:6px}.size-name[data-v-96e5eb54]{color:#ffffffe0;font-size:.85rem;line-height:1.2}.size-value[data-v-96e5eb54]{color:#ffffff8c;font-size:.75rem;line-height:1.2}.action-buttons[data-v-96e5eb54]{display:flex;gap:10px}.select-btn[data-v-96e5eb54],.action-buttons .btn[data-v-96e5eb54]{width:100%}@media (max-width: 768px){.avatar-generator[data-v-96e5eb54]{left:0!important;width:100%!important;--sidebar-width: 0px !important}.editor-container[data-v-96e5eb54]{flex-direction:column}.canvas-wrapper[data-v-96e5eb54]{min-height:45vh;padding:14px}.preview-img[data-v-96e5eb54]{max-height:44vh}}.controls-panel.editor-controls-panel[data-v-96e5eb54]{padding:14px!important;gap:8px!important}