.wrist-setup-dialog[data-v-b626dc5d] .el-dialog{box-sizing:border-box;max-width:calc(100vw - 16px)}.wrist-setup-dialog[data-v-b626dc5d] .el-dialog__body{overflow-x:hidden}.wrist-setup-dialog[data-v-b626dc5d] .el-form-item__content{min-width:0}.wrist-size-input[data-v-b626dc5d]{max-width:100%;width:200px}.form-tip[data-v-b626dc5d]{color:var(--text-secondary);font-size:14px;margin-top:6px}.wear-options[data-v-b626dc5d]{display:grid;gap:12px;grid-template-columns:1fr 1fr;min-width:0;width:100%}.wear-option[data-v-b626dc5d]{background:var(--bg-surface);border:1px solid var(--border-base);border-radius:10px;cursor:pointer;min-width:0;outline:none;padding:14px 16px;transition:all .2s ease}.wear-option[data-v-b626dc5d]:hover{border-color:var(--color-primary)}.wear-option[data-v-b626dc5d]:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.wear-option.active[data-v-b626dc5d]{background:var(--color-primary-soft);border-color:var(--color-primary)}.wear-option .option-label[data-v-b626dc5d]{align-items:center;display:inline-flex;font-weight:500;gap:8px;margin-bottom:4px}.wear-option .option-dot[data-v-b626dc5d]{background:var(--bg-surface);border:2px solid var(--border-base);border-radius:50%;box-sizing:border-box;flex-shrink:0;height:14px;transition:all .2s ease;width:14px}.wear-option .option-dot.checked[data-v-b626dc5d]{background:radial-gradient(circle,var(--color-primary) 40%,var(--bg-surface) 45%);border-color:var(--color-primary)}.wear-option .option-name[data-v-b626dc5d]{color:var(--text-primary);font-size:15px}.wear-option .option-tip[data-v-b626dc5d]{color:var(--text-secondary);font-size:14px;line-height:1.4}@media(max-width:480px){.wrist-setup-dialog[data-v-b626dc5d] .el-dialog__header{padding:16px 16px 0}.wrist-setup-dialog[data-v-b626dc5d] .el-dialog__body{padding:12px 16px}.wrist-setup-dialog[data-v-b626dc5d] .el-dialog__footer{padding:8px 16px 16px}.wear-option[data-v-b626dc5d]{padding:12px}}@media(max-width:360px){.wear-options[data-v-b626dc5d]{grid-template-columns:1fr}}.bracelet-canvas[data-v-ab53546a]{align-items:center;background:linear-gradient(145deg,var(--bg-elevated) 0,var(--bg-soft) 100%);border-radius:16px;box-shadow:inset 0 1px 3px #0006;display:flex;justify-content:center;padding:24px}@media(max-width:768px){.bracelet-canvas[data-v-ab53546a]{border-radius:0;padding:5px}}.canvas-inner[data-v-ab53546a]{aspect-ratio:1/1;margin:0 auto;max-width:520px;min-width:260px;position:relative;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;width:100%}.ring-svg[data-v-ab53546a]{height:100%;width:100%}.empty-hint[data-v-ab53546a],.ring-svg[data-v-ab53546a]{inset:0;position:absolute}.empty-hint[data-v-ab53546a]{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:8px;justify-content:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.empty-icon[data-v-ab53546a]{font-size:36px}.empty-text[data-v-ab53546a]{font-size:14px}.bead[data-v-ab53546a]{background:transparent;border-radius:50%;box-shadow:0 2px 6px #00000026;cursor:grab;overflow:hidden;position:absolute;touch-action:none;transition:left .25s ease,top .25s ease,transform .2s ease,box-shadow .2s ease}.bead[data-v-ab53546a]:hover{box-shadow:0 4px 12px #0003;transform:scale(1.08)}.bead.active[data-v-ab53546a]{box-shadow:0 0 0 3px var(--color-primary-glow),0 4px 10px #0003;z-index:2}.bead.dragging[data-v-ab53546a]{box-shadow:0 8px 20px #00000059;cursor:grabbing;transform:scale(1.15);transition:transform .2s ease,box-shadow .2s ease;z-index:10}.bead.pending-delete[data-v-ab53546a]{box-shadow:0 0 0 3px var(--color-danger-soft),0 8px 20px #00000059;opacity:.5}.bead-img[data-v-ab53546a]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.bead-fallback[data-v-ab53546a]{align-items:center;background:var(--bg-soft);color:var(--text-regular);display:flex;font-size:14px;font-weight:500;height:100%;justify-content:center;width:100%}.bead-ring[data-v-ab53546a]{animation:rotate-ab53546a 4s linear infinite;border:2px dashed var(--color-primary);border-radius:50%;inset:-4px;pointer-events:none;position:absolute}@keyframes rotate-ab53546a{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.material-picker[data-v-17ba5c06]{background:var(--bg-surface);border-radius:12px;box-shadow:var(--shadow-card);box-sizing:border-box;max-width:100%;min-height:0;min-width:0;overflow:hidden;padding:14px 16px;position:relative;width:100%}.delete-overlay[data-v-17ba5c06],.material-picker[data-v-17ba5c06]{display:flex;flex-direction:column}.delete-overlay[data-v-17ba5c06]{align-items:center;background:#00000059;border:2px dashed var(--border-base);border-radius:12px;color:var(--text-regular);gap:10px;inset:0;justify-content:center;pointer-events:none;position:absolute;transition:background .2s ease,border-color .2s ease,color .2s ease;z-index:20}.delete-overlay .del-icon[data-v-17ba5c06]{font-size:40px}.delete-overlay .del-text[data-v-17ba5c06]{font-size:15px;font-weight:600}.delete-overlay.active[data-v-17ba5c06]{background:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger)}.picker-header[data-v-17ba5c06]{align-items:center;color:var(--text-primary);display:flex;flex-wrap:wrap;font-size:15px;font-weight:600;gap:6px;justify-content:space-between;margin-bottom:10px}.picker-header .header-title[data-v-17ba5c06]{align-items:center;display:inline-flex;gap:6px}.picker-header .longpress-tip[data-v-17ba5c06]{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:14px;font-weight:400;gap:4px}.child-tabs[data-v-17ba5c06],.top-tabs[data-v-17ba5c06]{max-width:100%;min-width:0;overflow:hidden;width:100%}.child-tabs[data-v-17ba5c06] .el-scrollbar,.top-tabs[data-v-17ba5c06] .el-scrollbar{width:100%}.child-tabs[data-v-17ba5c06] .el-scrollbar__wrap,.top-tabs[data-v-17ba5c06] .el-scrollbar__wrap{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.child-tabs[data-v-17ba5c06] .el-scrollbar__wrap::-webkit-scrollbar,.top-tabs[data-v-17ba5c06] .el-scrollbar__wrap::-webkit-scrollbar{display:none;height:0;width:0}.child-tabs[data-v-17ba5c06] .el-scrollbar__view,.top-tabs[data-v-17ba5c06] .el-scrollbar__view{display:inline-block}.child-tabs[data-v-17ba5c06] .el-scrollbar__bar,.top-tabs[data-v-17ba5c06] .el-scrollbar__bar{display:none}.top-tabs[data-v-17ba5c06]{border-bottom:1px solid var(--border-base);margin-bottom:10px}.top-tabs .tabs-inner[data-v-17ba5c06]{display:inline-flex;gap:4px;padding-bottom:4px}.tab[data-v-17ba5c06]{color:var(--text-regular);cursor:pointer;flex-shrink:0;font-size:14px;padding:8px 14px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.tab.active[data-v-17ba5c06],.tab[data-v-17ba5c06]:hover{color:var(--color-primary)}.tab.active[data-v-17ba5c06]{font-weight:600}.tab.active[data-v-17ba5c06]:after{background:var(--color-primary);border-radius:2px;bottom:-5px;content:"";height:2px;left:14px;position:absolute;right:14px}.child-tabs[data-v-17ba5c06]{cursor:grab;margin-bottom:12px}.child-tabs .tabs-inner[data-v-17ba5c06]{display:inline-flex;gap:6px;padding:2px 0}.child-tabs.dragging[data-v-17ba5c06]{cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}.child-tabs.dragging .chip[data-v-17ba5c06]{pointer-events:none}.chip[data-v-17ba5c06]{background:var(--bg-soft);border-radius:999px;color:var(--text-regular);cursor:pointer;flex-shrink:0;font-size:14px;padding:5px 12px;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.chip[data-v-17ba5c06]:hover{color:var(--color-primary)}.chip.active[data-v-17ba5c06]{background:var(--color-primary);color:#fff}.grid-wrapper[data-v-17ba5c06]{flex:1;min-height:200px}.grid[data-v-17ba5c06]{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.mat-card[data-v-17ba5c06]{background:var(--bg-surface);border:1px solid var(--border-base);border-radius:10px;cursor:pointer;overflow:hidden;transition:all .2s ease;-webkit-tap-highlight-color:transparent;position:relative}.mat-card[data-v-17ba5c06]:hover{border-color:var(--color-primary);box-shadow:var(--shadow-float)}.mat-card:hover .detail-btn[data-v-17ba5c06]{opacity:1}.mat-card[data-v-17ba5c06]:active{transform:scale(.98)}.mat-image[data-v-17ba5c06]{aspect-ratio:1/1;background:var(--bg-soft);overflow:hidden;position:relative}.mat-image .el-image[data-v-17ba5c06]{height:100%;width:100%}.mat-image .image-error[data-v-17ba5c06]{align-items:center;background:var(--bg-soft);color:var(--text-placeholder);display:flex;font-size:24px;height:100%;justify-content:center;width:100%}.mat-image .detail-btn[data-v-17ba5c06]{background:#ffffffe6;opacity:0;position:absolute;right:6px;top:6px;transition:opacity .2s ease}.mat-meta[data-v-17ba5c06]{padding:8px 10px 10px}.mat-meta .mat-code[data-v-17ba5c06]{color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mat-meta .mat-sub[data-v-17ba5c06]{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;justify-content:space-between}.mat-meta .mat-price[data-v-17ba5c06]{color:var(--color-price);font-weight:600}.pagination-wrapper[data-v-17ba5c06]{display:flex;justify-content:center;margin-top:16px}@media(max-width:768px){.material-picker[data-v-17ba5c06]{border-radius:0;box-shadow:none;padding:5px}.child-tabs[data-v-17ba5c06],.picker-header[data-v-17ba5c06],.top-tabs[data-v-17ba5c06]{box-sizing:border-box;padding-left:0;padding-right:0}.grid[data-v-17ba5c06]{gap:0;grid-template-columns:repeat(3,1fr)}.mat-card[data-v-17ba5c06]{border:none;border-radius:0}.mat-card[data-v-17ba5c06]:hover{box-shadow:none}.mat-image[data-v-17ba5c06]{border-radius:0}.mat-meta[data-v-17ba5c06]{padding:6px 8px 10px}.mat-meta .mat-code[data-v-17ba5c06]{font-size:14px}.mat-meta .mat-sub[data-v-17ba5c06]{flex-wrap:wrap;font-size:14px;gap:2px 6px}.mat-meta .mat-price[data-v-17ba5c06]{white-space:nowrap}.pagination-wrapper[data-v-17ba5c06]{padding:0}}.tool-box[data-v-639344d2]{background:var(--bg-surface);border-radius:12px;box-shadow:var(--shadow-card);padding:14px 16px}.tool-header[data-v-639344d2]{align-items:center;color:var(--text-primary);display:flex;font-size:15px;font-weight:600;justify-content:space-between;margin-bottom:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tool-header .header-title[data-v-639344d2]{align-items:center;display:inline-flex;gap:6px}.tool-header .toggle-icon[data-v-639344d2]{color:var(--text-secondary);transition:transform .2s ease}.tool-header .toggle-icon.rotated[data-v-639344d2]{transform:rotate(180deg)}.tool-list[data-v-639344d2]{display:grid;gap:10px;grid-template-columns:repeat(5,1fr)}.tool-btn[data-v-639344d2]{all:unset;align-items:center;background:var(--bg-soft);border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;font-size:14px;gap:4px;justify-content:center;padding:10px 4px;text-align:center;transition:all .2s ease}.tool-btn[data-v-639344d2]:hover{background:var(--color-primary-soft);color:var(--color-primary)}.tool-btn.danger[data-v-639344d2]:hover{background:var(--color-danger-soft);color:var(--color-danger)}.tool-btn .tool-icon[data-v-639344d2]{font-size:20px}.tool-box.mobile .tool-header[data-v-639344d2]{cursor:pointer;margin-bottom:0}.tool-box.mobile.collapsed .tool-header[data-v-639344d2]{margin-bottom:0}.tool-box.mobile .tool-list[data-v-639344d2]{grid-template-columns:repeat(5,1fr);margin-top:12px}@media(max-width:480px){.tool-list[data-v-639344d2]{gap:6px}.tool-list .tool-label[data-v-639344d2]{font-size:14px}}.property-panel[data-v-f7dd7dcc]{background:var(--bg-surface);border-radius:12px;box-shadow:var(--shadow-card);padding:16px}.panel-header[data-v-f7dd7dcc]{align-items:center;color:var(--text-primary);display:flex;font-size:15px;font-weight:600;gap:6px;margin-bottom:12px}.panel-header .setup-btn[data-v-f7dd7dcc]{margin-left:auto}.panel-body[data-v-f7dd7dcc]{display:flex;flex-direction:column;gap:10px}.prop-item[data-v-f7dd7dcc]{align-items:center;background:var(--bg-soft);border-radius:8px;display:flex;justify-content:space-between;padding:8px 12px}.prop-item .label[data-v-f7dd7dcc]{color:var(--text-regular);font-size:14px}.prop-item .value[data-v-f7dd7dcc]{color:var(--text-primary);font-size:14px;font-weight:500}.prop-item .value.price[data-v-f7dd7dcc]{color:var(--color-price);font-size:16px;font-weight:600}.prop-item.extra[data-v-f7dd7dcc]{background:transparent;padding:4px 12px}.page-designer[data-v-72dfb061]{padding:8px 0 40px}.designer-toolbar[data-v-72dfb061]{align-items:center;background:var(--bg-surface);border-radius:12px;box-shadow:var(--shadow-card);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px;padding:10px 16px}.toolbar-left[data-v-72dfb061]{align-items:center;display:flex;flex:1;gap:8px;min-width:0}.toolbar-left .name-icon[data-v-72dfb061]{color:var(--color-primary);flex-shrink:0;font-size:18px}.toolbar-left .works-name[data-v-72dfb061]{color:var(--text-primary);font-size:15px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-left .dirty-tag[data-v-72dfb061]{flex-shrink:0}.toolbar-right[data-v-72dfb061]{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.toolbar-right .works-select[data-v-72dfb061]{width:200px}.opt-row[data-v-72dfb061]{align-items:center;display:flex;justify-content:space-between;width:100%}.opt-row .opt-thumb[data-v-72dfb061]{border-radius:4px;flex-shrink:0;height:28px;margin-right:8px;-o-object-fit:cover;object-fit:cover;width:28px}.opt-row .opt-thumb-placeholder[data-v-72dfb061]{align-items:center;background:linear-gradient(135deg,var(--color-primary-soft) 0,var(--color-primary-soft) 100%);color:var(--color-primary);display:flex;font-size:12px;font-weight:600;justify-content:center}.opt-row .opt-name[data-v-72dfb061]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opt-row .opt-del[data-v-72dfb061]{color:var(--text-placeholder);flex-shrink:0;margin-left:8px}.opt-row .opt-del[data-v-72dfb061]:hover{color:var(--color-danger)}.empty-opt[data-v-72dfb061]{padding:8px 12px;text-align:center}.empty-opt[data-v-72dfb061],.save-tip[data-v-72dfb061]{color:var(--text-secondary);font-size:14px}.save-tip[data-v-72dfb061]{align-items:center;display:flex;gap:4px}.designer-layout[data-v-72dfb061]{align-items:start;display:grid;gap:20px;grid-template-areas:"canvas materials" "tools  materials" "props  materials" "filler materials";grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-rows:auto auto auto 1fr}.area-canvas[data-v-72dfb061]{grid-area:canvas;min-width:0}.area-tools[data-v-72dfb061]{grid-area:tools;min-width:0}.area-props[data-v-72dfb061]{grid-area:props;min-width:0}.area-materials[data-v-72dfb061]{display:flex;grid-area:materials;min-height:600px;min-width:0}.area-materials[data-v-72dfb061] .material-picker{flex:1}.canvas-card[data-v-72dfb061]{border-radius:12px;padding:16px}.canvas-card[data-v-72dfb061],.placeholder[data-v-72dfb061]{background:var(--bg-surface);box-shadow:var(--shadow-card)}.placeholder[data-v-72dfb061]{align-items:center;border-radius:16px;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:80px 20px}.placeholder-icon[data-v-72dfb061]{color:var(--color-primary);font-size:48px}.placeholder-title[data-v-72dfb061]{color:var(--text-primary);font-size:22px;font-weight:600}.placeholder-sub[data-v-72dfb061]{color:var(--text-secondary);font-size:14px;margin-bottom:8px}@media(max-width:1024px){.designer-layout[data-v-72dfb061]{grid-template-areas:"canvas" "materials" "tools" "props";grid-template-columns:1fr;grid-template-rows:none}.area-materials[data-v-72dfb061]{min-height:0}}@media(max-width:768px){.page-designer[data-v-72dfb061]{padding-bottom:24px}.designer-toolbar[data-v-72dfb061]{border-bottom:1px solid var(--border-base);border-radius:0;box-shadow:none;margin-left:-2rem;margin-right:-2rem;padding:10px 12px}.designer-toolbar .toolbar-right[data-v-72dfb061]{justify-content:stretch;width:100%}.designer-toolbar .toolbar-right .works-select[data-v-72dfb061]{flex:1;min-width:120px;width:auto}.area-canvas[data-v-72dfb061],.area-materials[data-v-72dfb061]{margin-left:-2rem;margin-right:-2rem;width:auto}.canvas-card[data-v-72dfb061]{border-radius:0;box-shadow:none;padding:5px}.area-materials[data-v-72dfb061]{min-height:0}}