.login-loading-overlay[data-v-cecd1885]{z-index:10000;background:radial-gradient(#fbf8f2 0%,#f2ede0 50%,#e8e1d0 100%);flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:fixed;inset:0}.loading-logo[data-v-cecd1885]{filter:drop-shadow(0 2px 8px #7850141f);width:140px;height:auto}.loading-text[data-v-cecd1885]{color:#8b6914;letter-spacing:4px;font-size:13px}.loading-dots[data-v-cecd1885]{gap:8px;display:flex}.loading-dot[data-v-cecd1885]{opacity:.3;background:#a0783299;border-radius:50%;width:6px;height:6px}.login-wrapper[data-v-cecd1885]{background:linear-gradient(160deg,#f2ede4 0%,#f7f3ec 25%,#fcfaf7 55%,#f5f1e9 100%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.bg-orb[data-v-cecd1885]{pointer-events:none;border-radius:50%;position:absolute}.bg-orb-1[data-v-cecd1885]{background:radial-gradient(circle,#be965a0f 0%,#b4874605 35%,#0000 60%);width:480px;height:480px;top:-200px;right:-140px}.bg-orb-2[data-v-cecd1885]{background:radial-gradient(circle,#aa82460d 0%,#966e3205 35%,#0000 60%);width:360px;height:360px;bottom:-100px;left:-100px}.login-card[data-v-cecd1885]{z-index:1;background:#fffefd;border-radius:16px;width:380px;position:relative;overflow:hidden;box-shadow:0 1px 2px #1e1b1608,0 8px 32px #1e1b160f,0 0 0 1px #c8af821a}.logo-box[data-v-cecd1885]{text-align:center;padding:28px 0 8px}.login-logo-img[data-v-cecd1885]{filter:drop-shadow(0 1px 3px #643c1414);width:auto;height:150px}.form-wrap[data-v-cecd1885]{padding:12px 36px 32px}.input-row[data-v-cecd1885]{background:linear-gradient(#fefdfb,#fcfaf6);border:1px solid #ede8de;border-radius:10px;align-items:center;height:46px;margin-bottom:8px;padding:0 14px;transition:all .25s;display:flex}.input-row[data-v-cecd1885]:focus-within{background:linear-gradient(#fffefd,#fefcfa);border-color:#c4a060;box-shadow:0 0 0 3px #be9b641a}.input-icon[data-v-cecd1885]{color:#b8a070;flex-shrink:0;align-items:center;margin-right:10px;display:flex}.custom-input[data-v-cecd1885]{color:#2e2819;background:0 0;border:none;outline:none;flex:1;padding:0;font-family:inherit;font-size:14px}.custom-input[data-v-cecd1885]::placeholder{color:#c8bfa8;font-size:13px}.login-btn[data-v-cecd1885]{color:#fff;letter-spacing:6px;cursor:pointer;background:linear-gradient(135deg,#b8923e,#9b7320,#8b6914);border:none;border-radius:10px;width:100%;height:44px;margin-top:16px;font-family:inherit;font-size:15px;font-weight:600;transition:all .2s;box-shadow:0 2px 10px #966e1e33}.login-btn[data-v-cecd1885]:hover{background:linear-gradient(135deg,#9b7320,#8b6914,#7a5a10);transform:translateY(-1px);box-shadow:0 4px 18px #966e1e4d}.login-btn[data-v-cecd1885]:active{transform:scale(.98)translateY(0)}.login-btn[data-v-cecd1885]:disabled{opacity:.55;cursor:not-allowed;transform:none}.error-msg[data-v-cecd1885]{color:#c4563a;text-align:center;margin:10px 0 0;font-size:12px}.success-msg[data-v-cecd1885]{color:#67a04a;text-align:center;margin:10px 0 0;font-size:12px}.toggle-row[data-v-cecd1885]{text-align:center;color:#b0a088;margin-top:18px;font-size:13px}.toggle-link[data-v-cecd1885]{color:#8b6914;cursor:pointer;margin-left:2px;font-weight:600}.toggle-link[data-v-cecd1885]:hover{opacity:.8}.calc-wrapper[data-v-6f66a97f]{background:var(--bg-app);flex-direction:column;width:100%;height:100%;display:flex;overflow:auto}.calc-header[data-v-6f66a97f]{background:var(--bg-surface);border-bottom:1px solid var(--border-default);align-items:center;gap:8px;padding:12px 16px;display:flex}.calc-header h2[data-v-6f66a97f]{color:var(--text-primary);margin:0;font-size:18px}.calc-body[data-v-6f66a97f]{flex:1;max-width:900px;padding:20px 24px}.input-section[data-v-6f66a97f]{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:20px 24px}.input-row[data-v-6f66a97f]{align-items:center;gap:12px;margin-bottom:10px;display:flex}.input-label[data-v-6f66a97f]{font-size:16px;font-weight:var(--font-semibold);color:var(--text-primary)}.unit[data-v-6f66a97f]{color:var(--text-tertiary);font-size:16px}.range-hint[data-v-6f66a97f]{color:var(--text-placeholder);font-size:12px}.slider-row[data-v-6f66a97f]{margin-top:10px}.info-row[data-v-6f66a97f]{color:var(--text-secondary);gap:24px;font-size:13px;display:flex}.visual-section[data-v-6f66a97f]{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:20px 24px}.visual-bar[data-v-6f66a97f]{align-items:center;height:48px;margin-bottom:4px;display:flex}.margin-block[data-v-6f66a97f]{color:#fff;border-radius:4px;justify-content:center;align-items:center;min-width:18px;height:40px;font-size:10px;display:flex}.margin-block.left[data-v-6f66a97f]{background:#909399;border-radius:6px 0 0 6px}.margin-block.right[data-v-6f66a97f]{background:#909399;border-radius:0 6px 6px 0}.spacer-block[data-v-6f66a97f]{color:#fff;justify-content:center;align-items:center;min-width:20px;height:40px;font-size:11px;font-weight:600;display:flex}.s90[data-v-6f66a97f]{background:#409eff}.s661[data-v-6f66a97f]{background:#e6a23c}.remainder-block[data-v-6f66a97f]{color:#999;background:#f0f0f0;border:2px dashed #d0d0d0;border-radius:4px;justify-content:center;align-items:center;min-width:16px;height:36px;font-size:10px;display:flex}.bar-labels[data-v-6f66a97f]{color:var(--text-tertiary);justify-content:space-between;margin-bottom:8px;font-size:10px;display:flex}.legend-row[data-v-6f66a97f]{color:var(--text-secondary);align-items:center;gap:6px;font-size:11px;display:flex}.legend-dot[data-v-6f66a97f]{border-radius:3px;width:14px;height:14px}.legend-dot[data-v-6f66a97f]:first-child{margin-left:0}.s90-bg[data-v-6f66a97f]{background:#409eff}.s661-bg[data-v-6f66a97f]{background:#e6a23c}.remain-bg[data-v-6f66a97f]{background:#f0f0f0;border:2px dashed #d0d0d0}.margin-bg[data-v-6f66a97f]{background:#909399}.result-section[data-v-6f66a97f]{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px 24px}.result-header[data-v-6f66a97f]{color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.count-906[data-v-6f66a97f]{color:#409eff;font-weight:600}.count-661[data-v-6f66a97f]{color:#e6a23c;font-weight:600}.manager-toolbar[data-v-50737fd7]{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.filter-label[data-v-50737fd7]{color:#606266;white-space:nowrap;font-size:12px;font-weight:500}.image-cell[data-v-50737fd7]{align-items:center;gap:6px;display:flex}.image-inputs[data-v-50737fd7]{flex-direction:column;flex:1;gap:3px;display:flex}.image-preview[data-v-50737fd7]{background-position:50%;background-size:cover;border:1px solid #dcdfe6;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.no-img[data-v-50737fd7]{color:#999;font-size:8px}.image-preview.clickable[data-v-50737fd7]{cursor:pointer}.image-preview.clickable[data-v-50737fd7]:hover{border-color:#409eff;box-shadow:0 0 0 2px #409eff33}.preview-wrap[data-v-50737fd7]{text-align:center}.preview-img[data-v-50737fd7]{border-radius:6px;max-width:100%;max-height:60vh}.toolbar[data-v-8a46931d]{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-default);height:56px;box-shadow:var(--shadow-sm);z-index:100;background:#ffffffd9;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:0 16px;display:flex}.toolbar-left[data-v-8a46931d]{align-items:center;display:flex}.app-logo[data-v-8a46931d]{width:auto;height:48px;margin:2px 0}.app-logo.short[data-v-8a46931d]{height:32px}.toolbar-center[data-v-8a46931d]{align-items:center;gap:6px;display:flex}.zoom-label[data-v-8a46931d]{text-align:center;cursor:default;min-width:48px}.toolbar-right[data-v-8a46931d]{align-items:center;gap:6px;display:flex}.board-size-control[data-v-8a46931d]{align-items:center;gap:4px;display:flex}.size-sep[data-v-8a46931d]{color:var(--text-tertiary);font-size:14px;font-weight:var(--font-semibold)}.size-unit[data-v-8a46931d]{color:var(--text-tertiary);font-size:11px}.offset-slider[data-v-8a46931d]{align-items:center;gap:6px;display:flex}.offset-label[data-v-8a46931d]{color:var(--text-tertiary);white-space:nowrap;font-size:11px}.offset-val[data-v-8a46931d]{color:var(--text-secondary);min-width:40px;font-size:11px}.component-card[data-v-a15a9617]{border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-standard);background:var(--bg-surface);box-shadow:var(--shadow-xs);align-items:center;gap:8px;padding:6px 8px;display:flex}.component-card[data-v-a15a9617]:hover{border-color:var(--brand);background:var(--brand-light);box-shadow:var(--shadow-md);transform:translateY(-1px)scale(1.01)}.component-card[data-v-a15a9617]:active{box-shadow:var(--shadow-xs);transition:all 50ms var(--ease-out-fast);transform:scale(.98)}.component-card.is-dragging[data-v-a15a9617]{opacity:.5;border-style:dashed}.component-card.pending[data-v-a15a9617]{background:#f0f9eb;border-color:#67c23a;box-shadow:0 0 0 2px #67c23a4d}.card-preview[data-v-a15a9617]{border-radius:var(--radius-xs);border:1px solid #0003;flex-shrink:0;justify-content:center;align-items:center;width:72px;min-width:72px;height:40px;display:flex;position:relative;box-shadow:inset 0 1px 2px #0000000f}.card-badge[data-v-a15a9617]{color:#fff;text-shadow:0 1px 1px #0000004d;text-align:center;word-break:break-all;-webkit-backdrop-filter:blur(2px);background:#00000080;border-radius:3px;padding:1px 4px;font-size:8px;font-weight:700;line-height:1.1}.card-info[data-v-a15a9617]{flex-direction:column;gap:1px;display:flex;overflow:hidden}.card-name[data-v-a15a9617]{font-size:14px;font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.length-grid[data-v-770664e5]{grid-template-columns:repeat(3,1fr);gap:10px;padding:8px 0;display:grid}.length-card[data-v-770664e5]{border:2px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-standard);background:var(--bg-surface);flex-direction:column;align-items:center;padding:12px 4px 6px;display:flex}.length-card[data-v-770664e5]:hover{border-color:var(--brand);background:var(--brand-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.length-card[data-v-770664e5]:active{transform:scale(.97)}.length-visual[data-v-770664e5]{background:var(--text-tertiary);border-radius:2px;justify-content:center;align-items:center;width:8px;min-height:28px;margin-bottom:4px;display:flex;position:relative}.length-label[data-v-770664e5]{color:var(--text-primary);font-size:13px;font-weight:600}.spacing-prompt[data-v-83333f2e]{text-align:center;color:var(--text-secondary);margin-bottom:16px;font-size:14px}.spacing-options[data-v-83333f2e]{justify-content:center;gap:12px;display:flex}.spacing-card[data-v-83333f2e]{border:2px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-standard);background:var(--bg-surface);flex-direction:column;align-items:center;gap:6px;min-width:100px;padding:16px 24px;display:flex}.spacing-card[data-v-83333f2e]:hover{border-color:var(--brand);background:var(--brand-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.spacing-card[data-v-83333f2e]:active{transform:scale(.97)}.spacing-card.active[data-v-83333f2e]{border-color:var(--brand);background:var(--brand-light);box-shadow:0 0 0 3px #8b691426}.spacing-dot[data-v-83333f2e]{border-radius:50%;width:16px;height:16px}.spacing-value[data-v-83333f2e]{font-size:24px;font-weight:var(--font-bold);color:var(--text-primary)}.spacing-unit[data-v-83333f2e]{color:var(--text-tertiary);font-size:12px}.left-panel[data-v-40a6292c]{background:var(--bg-surface);border-right:1px solid var(--border-default);flex-direction:column;width:220px;min-width:220px;display:flex;overflow:hidden}.panel-header[data-v-40a6292c]{border-bottom:1px solid var(--border-default);-webkit-backdrop-filter:blur(8px);z-index:10;background:#ffffffe6;align-items:center;gap:8px;padding:12px 16px;display:flex;position:sticky;top:0}.panel-header h3[data-v-40a6292c]{font-size:14px;font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.sub-header[data-v-40a6292c]{padding:8px 12px}.back-btn[data-v-40a6292c]{color:var(--text-secondary);padding:4px}.panel-body[data-v-40a6292c]{flex:1;padding:8px 8px 12px;overflow-y:auto}.category-entry[data-v-40a6292c]{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-standard);border:1px solid #0000;align-items:center;gap:10px;margin-bottom:2px;padding:10px;display:flex}.category-entry[data-v-40a6292c]:hover{background:var(--bg-surface-hover);border-color:var(--border-default);transform:translate(2px)}.category-entry[data-v-40a6292c]:active{transform:scale(.98)}.cat-info[data-v-40a6292c]{flex-direction:column;flex:1;gap:1px;display:flex}.cat-name[data-v-40a6292c]{font-size:15px;font-weight:var(--font-semibold);color:var(--text-primary)}.cat-count[data-v-40a6292c]{color:var(--text-tertiary);font-size:11px}.cat-arrow[data-v-40a6292c]{color:var(--text-tertiary);flex-shrink:0;font-size:14px}.sub-items[data-v-40a6292c]{flex-direction:column;gap:4px;display:flex}.canvas-stage[data-v-e58c7627]{background:var(--bg-canvas);width:100%;height:100%;position:relative}.price-toggle[data-v-e58c7627]{background:var(--glass-bg);border:var(--glass-border);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-sm);cursor:pointer;z-index:11;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast);padding:4px 10px;font-size:12px;position:absolute;top:12px;right:12px}.price-toggle[data-v-e58c7627]:hover{background:var(--bg-surface);border-color:var(--brand);box-shadow:var(--shadow-md)}.price-panel[data-v-e58c7627]{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-lg);z-index:10;min-width:180px;max-height:360px;box-shadow:var(--shadow-xl);padding:12px 14px;position:absolute;top:12px;right:12px;overflow-y:auto}.price-title[data-v-e58c7627]{font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:8px;font-size:13px}.close-hint[data-v-e58c7627]{color:var(--text-placeholder);font-size:10px;font-weight:400}.price-list[data-v-e58c7627]{flex-direction:column;gap:3px;display:flex}.price-row[data-v-e58c7627]{justify-content:space-between;align-items:center;gap:16px;font-size:11px;display:flex}.price-name[data-v-e58c7627]{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:120px;overflow:hidden}.price-value[data-v-e58c7627]{color:#e6a23c;font-weight:var(--font-semibold);white-space:nowrap}.price-value.no-price[data-v-e58c7627]{color:var(--text-placeholder);font-style:italic}.price-divider[data-v-e58c7627]{background:var(--border-light);height:1px;margin:4px 0}.price-total[data-v-e58c7627]{font-size:13px;font-weight:var(--font-bold);color:#f56c6c}.price-empty[data-v-e58c7627]{color:var(--text-placeholder);text-align:center;padding:8px 0;font-size:11px}.design-canvas-wrapper[data-v-872c9bbb]{flex-direction:column;flex:1;min-height:0;display:flex}.canvas-container[data-v-872c9bbb]{background:var(--bg-canvas);outline:none;flex:1;position:relative;overflow:hidden}.gap-controls[data-v-872c9bbb]{background:var(--bg-surface);border-top:1px solid var(--border-default);flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;display:flex;overflow-x:auto}.gap-title[data-v-872c9bbb]{color:var(--text-tertiary);white-space:nowrap;flex-shrink:0;margin-right:2px;font-size:11px}.gap-row[data-v-872c9bbb]{background:var(--bg-app);border:1px solid var(--border-default);border-radius:var(--radius-sm);flex-shrink:0;align-items:center;gap:3px;padding:2px 4px 2px 6px;display:flex}.gap-label[data-v-872c9bbb]{color:var(--text-secondary);font-size:10px;font-weight:var(--font-semibold);white-space:nowrap}.gap-row[data-v-872c9bbb] .el-button{min-width:48px;padding-left:8px;padding-right:8px}.prop-panel[data-v-2edf7801]{flex-direction:column;display:flex}.prop-hero[data-v-2edf7801]{background:linear-gradient(135deg,#f9f8f6 0%,#f5f0e8 100%);border:1px solid #e8e3d8;border-radius:10px;justify-content:center;align-items:center;padding:24px 16px;display:flex}.hero-name[data-v-2edf7801]{color:#1e1b16;text-align:center;letter-spacing:2px;font-size:20px;font-weight:700}.right-panel[data-v-4deef27f]{background:var(--bg-surface);border-left:1px solid var(--border-default);flex-direction:column;width:260px;min-width:260px;display:flex;overflow:hidden}.panel-header[data-v-4deef27f]{border-bottom:1px solid var(--border-default);-webkit-backdrop-filter:blur(8px);z-index:10;background:#ffffffe6;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.panel-header h3[data-v-4deef27f]{font-size:15px;font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.panel-body[data-v-4deef27f]{flex:1;padding:16px;overflow-y:auto}.empty-hint[data-v-4deef27f]{color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding-top:40px;display:flex}.empty-hint p[data-v-4deef27f]{font-size:13px;line-height:1.6}.panel-footer[data-v-4deef27f]{padding:4px 16px 14px}.design-stats[data-v-4deef27f]{color:var(--text-tertiary);justify-content:space-between;margin-bottom:2px;font-size:11px;display:flex}.hint[data-v-3a37619c]{text-align:center;color:var(--text-tertiary);margin-bottom:16px;font-size:13px}.size-options[data-v-3a37619c]{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;display:grid}.size-card[data-v-3a37619c]{border:2px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-standard);background:var(--bg-surface);flex-direction:column;align-items:center;padding:12px 4px;display:flex}.size-card[data-v-3a37619c]:hover{border-color:var(--brand);background:var(--brand-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.size-card[data-v-3a37619c]:active{transform:scale(.97)}.size-card.active[data-v-3a37619c]{border-color:var(--brand);background:var(--brand-light)}.size-val[data-v-3a37619c]{font-size:18px;font-weight:var(--font-bold);color:var(--text-primary)}.size-label[data-v-3a37619c]{color:var(--text-tertiary);margin-top:2px;font-size:10px}.custom-row[data-v-3a37619c]{color:var(--text-secondary);justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.saved-wrapper[data-v-ba53d18f]{background:var(--bg-app);flex-direction:column;width:100%;height:100%;display:flex;overflow:auto}.saved-header[data-v-ba53d18f]{background:var(--bg-surface);border-bottom:1px solid var(--border-default);align-items:center;gap:8px;padding:12px 16px;display:flex}.saved-header h2[data-v-ba53d18f]{color:var(--text-primary);margin:0;font-size:18px}.saved-body[data-v-ba53d18f]{flex:1;width:100%;max-width:800px;margin:0 auto;padding:20px}.saved-body h3[data-v-ba53d18f]{color:var(--text-secondary);margin:0 0 10px;font-size:14px}.file-grid[data-v-ba53d18f]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.design-card[data-v-ba53d18f]{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-default);cursor:pointer;transition:all var(--transition-standard);box-shadow:var(--shadow-xs);overflow:hidden}.design-card[data-v-ba53d18f]:hover{border-color:var(--brand);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-preview[data-v-ba53d18f]{background-position:50%;background-size:cover;justify-content:center;align-items:center;height:100px;display:flex}.no-preview[data-v-ba53d18f]{color:var(--text-placeholder);font-size:12px}.card-info[data-v-ba53d18f]{padding:6px 10px 2px}.card-name[data-v-ba53d18f]{font-size:11px;font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.card-date[data-v-ba53d18f]{color:var(--text-placeholder);font-size:10px}.card-actions[data-v-ba53d18f]{justify-content:center;gap:4px;padding:0 8px 8px;display:flex}.file-list[data-v-ba53d18f]{flex-direction:column;gap:8px;display:flex}.file-item[data-v-ba53d18f]{background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-default);align-items:center;gap:10px;padding:10px 14px;display:flex}.file-icon[data-v-ba53d18f]{font-size:24px}.file-info[data-v-ba53d18f]{flex-direction:column;flex:1;display:flex}.file-name[data-v-ba53d18f]{color:var(--text-primary);font-size:13px}.file-date[data-v-ba53d18f]{color:var(--text-placeholder);font-size:10px}.app-container[data-v-a2f26e10]{width:100%;height:100%;display:flex;position:relative}.app-container.mobile[data-v-a2f26e10]{flex-direction:column}.panel-wrapper[data-v-a2f26e10]{background:var(--bg-surface);border-right:1px solid var(--border-default);z-index:200;flex-direction:column;width:220px;min-width:220px;display:flex}.panel-wrapper.mobile[data-v-a2f26e10]{height:100%;transition:transform var(--transition-slow);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);position:fixed;top:0;left:0;transform:translate(-100%)}.panel-wrapper.mobile.open[data-v-a2f26e10]{transform:translate(0)}.mobile-overlay[data-v-a2f26e10]{-webkit-backdrop-filter:blur(4px);z-index:199;background:#00000059;position:fixed;inset:0}.saved-link[data-v-a2f26e10]{border-top:1px solid var(--border-default);color:var(--brand);cursor:pointer;text-align:center;background:var(--bg-app);font-size:13px;font-weight:var(--font-medium);transition:all var(--transition-standard);padding:10px 16px}.saved-link[data-v-a2f26e10]:hover{background:var(--bg-surface-hover)}.main-area[data-v-a2f26e10]{flex-direction:column;flex:1;min-width:0;display:flex}.main-content[data-v-a2f26e10]{flex:1;display:flex;position:relative;overflow:hidden}[data-v-a2f26e10] .right-panel{width:260px;min-width:260px}[data-v-a2f26e10] .right-panel.mobile{width:280px;min-width:280px;height:100%;transition:transform var(--transition-slow);z-index:200;box-shadow:var(--shadow-xl);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);position:fixed;top:0;right:0;transform:translate(100%)}[data-v-a2f26e10] .right-panel.mobile.open{transform:translate(0)}*{box-sizing:border-box;margin:0;padding:0}:root{--brand:#8b6914;--brand-hover:#9b7920;--brand-active:#7a5c10;--brand-light:#f5f0e0;--brand-light-hover:#efe8d0;--text-primary:#1e1b16;--text-secondary:#6b6258;--text-tertiary:#a09888;--text-placeholder:#c0b8a8;--text-inverse:#fff;--bg-app:#faf9f7;--bg-surface:#fff;--bg-surface-hover:#f7f4ee;--bg-surface-raised:#fff;--bg-canvas:#e6e4df;--border-default:#e8e4dd;--border-light:#f0ede7;--border-lighter:#f5f3ef;--border-strong:#d8d2c8;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px #0000000d, 0 2px 4px #0000000a;--shadow-lg:0 10px 15px #0000000f, 0 4px 6px #0000000a;--shadow-xl:0 20px 25px #00000014, 0 8px 10px #0000000a;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--ease-out-fast:cubic-bezier(.16, 1, .3, 1);--ease-out-standard:cubic-bezier(.16, 1, .3, 1);--ease-out-slow:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--transition-fast:.12s var(--ease-out-fast);--transition-standard:.2s var(--ease-out-standard);--transition-slow:.35s var(--ease-out-slow);--transition-spring:.4s var(--ease-spring);--glass-bg:#ffffffb8;--glass-blur:saturate(180%) blur(16px);--glass-border:1px solid #0000000f;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--font-sans:"PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs:11px;--text-sm:12px;--text-base:14px;--text-lg:16px;--text-xl:20px;--text-2xl:24px;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700}html,body,#app{width:100%;height:100%;font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-app);-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overflow:hidden}.canvas-container{background:var(--bg-canvas);flex:1;position:relative;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}:root{--el-color-primary:var(--brand);--el-color-primary-light-3:#a8862e;--el-color-primary-light-5:#c4a85a;--el-color-primary-light-7:#e0cf96;--el-color-primary-light-8:#efe6c8;--el-color-primary-light-9:#f7f2e4;--el-color-primary-dark-2:#6f5410;--el-color-success:#5b8c5a;--el-color-warning:#c8913a;--el-color-danger:#c4563a;--el-color-info:#909399;--el-text-color-primary:var(--text-primary);--el-text-color-regular:#4a4238;--el-text-color-secondary:var(--text-secondary);--el-text-color-placeholder:var(--text-placeholder);--el-border-color:var(--border-default);--el-border-color-light:var(--border-light);--el-border-color-lighter:var(--border-lighter);--el-border-color-extra-light:#faf9f7;--el-border-color-dark:var(--border-strong);--el-bg-color:var(--bg-surface);--el-bg-color-page:var(--bg-app);--el-bg-color-overlay:var(--bg-surface);--el-border-radius-base:var(--radius-sm);--el-border-radius-small:var(--radius-xs);--el-border-radius-round:var(--radius-2xl);--el-box-shadow-light:var(--shadow-md);--el-box-shadow:var(--shadow-lg);--el-box-shadow-dark:var(--shadow-xl)}.el-overlay{-webkit-backdrop-filter:blur(4px);background-color:#0000004d!important}.el-dialog{border:1px solid var(--border-light);border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-xl)!important}.el-dialog__header{border-bottom:1px solid var(--border-light);padding:20px 24px 12px}.el-dialog__title{font-weight:var(--font-semibold);color:var(--text-primary)}.el-dialog__body{padding:20px 24px}.el-dialog__footer{padding:12px 24px 20px}.el-button{transition:all var(--transition-standard);border-radius:var(--radius-sm);font-weight:var(--font-medium)}.el-button:active{transform:scale(.97)}.el-button--primary{--el-button-bg-color:var(--brand);--el-button-border-color:var(--brand);--el-button-hover-bg-color:var(--brand-hover);--el-button-hover-border-color:var(--brand-hover);--el-button-active-bg-color:var(--brand-active);--el-button-active-border-color:var(--brand-active)}.el-button--small{border-radius:var(--radius-xs)}.el-input__wrapper{box-shadow:0 0 0 1px var(--border-default) inset;transition:all var(--transition-fast);border-radius:var(--radius-sm)}.el-input__wrapper:hover{box-shadow:0 0 0 1px var(--text-tertiary) inset}.el-input.is-focus .el-input__wrapper,.el-input-number.is-focus .el-input__wrapper{box-shadow:0 0 0 1px var(--brand) inset!important}.el-input-number .el-input__wrapper,.el-select .el-input__wrapper{border-radius:var(--radius-sm)}.el-slider__bar{background-color:var(--brand)!important}.el-slider__button{box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast);border-color:var(--brand)!important}.el-slider__button:hover{box-shadow:var(--shadow-md)}.el-radio-button__inner{transition:all var(--transition-fast)}.el-radio-button__original-radio:checked+.el-radio-button__inner{background-color:var(--brand);border-color:var(--brand);box-shadow:-1px 0 0 0 var(--brand)}.el-tag{border-radius:var(--radius-xs);font-weight:var(--font-medium)}.el-table{--el-table-border-color:var(--border-light)}.el-table th.el-table__cell{background-color:var(--bg-app);color:var(--text-secondary);font-weight:var(--font-semibold);border-bottom:2px solid var(--border-default)}.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background-color:#00000003}.el-table__body tr.el-table__row:hover>td.el-table__cell{background-color:var(--bg-surface-hover)!important}.el-popper.is-light{box-shadow:var(--shadow-lg)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-md)!important}.el-divider{border-color:var(--border-light)}.el-tooltip__popper{border-radius:var(--radius-sm)!important}.el-form-item__label{color:var(--text-secondary);font-weight:var(--font-medium)}.el-message-box{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--border-light)}.el-color-picker__trigger{border:1px solid var(--border-default);border-radius:var(--radius-xs)}.el-loading-mask{-webkit-backdrop-filter:blur(2px)}@media (width<=768px){html,body,#app{font-size:13px}.mobile-hidden,.desktop-only{display:none!important}}@media (width>=769px){.mobile-only{display:none!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}