.tool-page[data-v-1402b73d]{width:100%}.avatar-layout[data-v-1402b73d]{display:flex;gap:16px;width:100%;padding:12px;align-items:stretch}.preview-pane[data-v-1402b73d]{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px}.avatar-canvas[data-v-1402b73d]{width:380px;height:380px;border-radius:10px;cursor:move;touch-action:none;box-shadow:0 2px 12px #14283c1f}.stage-tip[data-v-1402b73d]{font-size:12px;color:#9aa4ad;margin:0}.picker-pane[data-v-1402b73d]{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.cat-tabs[data-v-1402b73d]{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid #eef2f6;padding-bottom:8px}.cat-tab[data-v-1402b73d]{height:30px;padding:0 16px;border:1px solid #dcdfe6;background:#fff;border-radius:15px;font-size:13px;color:#5a6772;cursor:pointer}.cat-tab[data-v-1402b73d]:hover{border-color:#05afc8;color:#05afc8}.cat-tab.active[data-v-1402b73d]{background:#05afc8;border-color:#05afc8;color:#fff}.pendant-grid[data-v-1402b73d]{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;overflow-y:auto;max-height:430px;padding-right:4px;align-content:start}.pendant-grid[data-v-1402b73d]::-webkit-scrollbar{width:6px}.pendant-grid[data-v-1402b73d]::-webkit-scrollbar-thumb{background:#d5dde3;border-radius:3px}.pendant-item[data-v-1402b73d]{position:relative;aspect-ratio:1;border:2px solid #eef2f6;border-radius:8px;background:conic-gradient(#f2f5f7 0 25%,#fff 0 50%,#f2f5f7 0 75%,#fff 0) 0 0/16px 16px;cursor:pointer;padding:0;overflow:hidden;transition:border-color .15s,box-shadow .15s}.pendant-item[data-v-1402b73d]:hover{border-color:#7fd4de}.pendant-item.active[data-v-1402b73d]{border-color:#05afc8;box-shadow:0 0 0 2px #05afc82e}.pendant-item img[data-v-1402b73d]{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.val[data-v-1402b73d]{font-size:12px;color:#909399;min-width:40px}.loading-tip[data-v-1402b73d]{font-size:12px;color:#e6a23c}.result-wrap[data-v-1402b73d]{margin:16px auto 0}.result-title[data-v-1402b73d]{font-size:13px;color:#666;margin-bottom:8px}.result-img[data-v-1402b73d]{width:256px;max-width:100%;border:1px solid #eee;border-radius:8px}.tip[data-v-1402b73d]{margin:10px auto 0;font-size:12px;color:#a0a8b0;line-height:1.7}@media (max-width: 900px){.avatar-layout[data-v-1402b73d]{flex-direction:column}.avatar-canvas[data-v-1402b73d]{width:300px;height:300px}.pendant-grid[data-v-1402b73d]{max-height:260px}}