.image-upload[data-v-7df099ab]{width:100%;height:450px;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;transition:all .3s ease;overflow:hidden;background:#fafafa;position:relative}.image-upload[data-v-7df099ab]:hover{border-color:#10b981;background:#f0fdf4}.image-upload:hover .upload-icon[data-v-7df099ab]{transform:scale(1.1);color:#10b981}.image-upload:hover .upload-title[data-v-7df099ab]{color:#10b981}.upload-placeholder[data-v-7df099ab]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.upload-placeholder .upload-icon[data-v-7df099ab]{color:#9ca3af;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a}.upload-placeholder .upload-text[data-v-7df099ab]{text-align:center}.upload-placeholder .upload-text .upload-title[data-v-7df099ab]{margin:0 0 4px;font-size:16px;font-weight:600;color:#374151;transition:color .3s ease}.upload-placeholder .upload-text .upload-subtitle[data-v-7df099ab]{margin:0;font-size:12px;color:#9ca3af;line-height:1.4}.upload-image[data-v-7df099ab]{width:100%;height:100%;border-radius:10px;object-fit:cover}.upload-image[data-v-7df099ab] .el-image__inner{border-radius:10px}.mask-upload-content[data-v-434253b1]{padding:20px 0}.upload-section[data-v-434253b1]{display:flex;flex-direction:column;align-items:center;gap:12px}.upload-tip[data-v-434253b1]{color:#909399;font-size:12px;margin:0}.dialog-footer[data-v-434253b1]{display:flex;justify-content:flex-end;gap:8px}.layer-panel[data-v-a8e93882]{display:flex;flex-direction:column;height:100%;background:transparent}.panel-header[data-v-a8e93882]{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#fff;border-bottom:1px solid #e2e8f0}.panel-header .title[data-v-a8e93882]{font-weight:600;font-size:16px;color:#1e293b}.panel-header .el-dropdown .el-button[data-v-a8e93882]{background:#3b82f6;border-color:#3b82f6;border-radius:6px;font-weight:500}.panel-header .el-dropdown .el-button[data-v-a8e93882]:hover{background:#2563eb;border-color:#2563eb}.layer-list[data-v-a8e93882]{flex:1;overflow-y:auto;padding:16px;background:#f8fafc}.layer-list[data-v-a8e93882]::-webkit-scrollbar{width:6px}.layer-list[data-v-a8e93882]::-webkit-scrollbar-track{background:#f1f5f9}.layer-list[data-v-a8e93882]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.layer-list[data-v-a8e93882]::-webkit-scrollbar-thumb:hover{background:#94a3b8}.draggable-list[data-v-a8e93882]{display:flex;flex-direction:column;gap:12px}.layer-item[data-v-a8e93882]{background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative}.layer-item[data-v-a8e93882]:hover{border-color:#cbd5e1;box-shadow:0 1px 3px #0000001a}.layer-item:hover .layer-actions[data-v-a8e93882]{opacity:1}.layer-item.active[data-v-a8e93882]{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.layer-item.active .layer-actions[data-v-a8e93882]{opacity:1}.layer-item.ghost[data-v-a8e93882]{opacity:.5;transform:scale(.98)}.layer-content[data-v-a8e93882]{position:relative;padding:16px}.layer-info[data-v-a8e93882]{flex:1;min-width:0;width:100%}.layer-actions[data-v-a8e93882]{position:absolute;top:15px;right:8px;display:flex;align-items:flex-start;opacity:0;transition:opacity .2s ease;z-index:10}.layer-actions .delete-button[data-v-a8e93882]{min-width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:4px;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #e2e8f0}.layer-actions .delete-button[data-v-a8e93882]:hover{background:#fef2f2;color:#dc2626;border-color:#fca5a5}.layer-header[data-v-a8e93882]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.layer-name[data-v-a8e93882]{font-size:14px;font-weight:600;color:#1e293b}.layer-type[data-v-a8e93882]{font-size:10px;color:#fff;font-weight:500;padding:4px 8px;border-radius:4px;text-transform:uppercase;margin-right:24px}.layer-type.pattern-type[data-v-a8e93882]{background:#3b82f6}.layer-type.image-type[data-v-a8e93882]{background:#10b981}.layer-preview[data-v-a8e93882]{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px;background:#f8fafc;border-radius:6px}.layer-details[data-v-a8e93882]{display:flex;flex-direction:column;gap:4px}.detail-row[data-v-a8e93882]{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:2px 0}.detail-label[data-v-a8e93882]{color:#64748b;font-weight:500;min-width:60px}.detail-value[data-v-a8e93882]{color:#1e293b;text-align:right;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.layer-image[data-v-a8e93882],.mask-image[data-v-a8e93882]{width:100%;height:100%;border-radius:4px;border:1px solid #e2e8f0;transition:all .2s ease;background-image:linear-gradient(45deg,#e0e0e0 25%,transparent 25%),linear-gradient(-45deg,#e0e0e0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e0e0e0 75%),linear-gradient(-45deg,transparent 75%,#e0e0e0 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px;background-color:#fff}.layer-image[data-v-a8e93882]:hover,.mask-image[data-v-a8e93882]:hover{border-color:#cbd5e1}.upload-content[data-v-a8e93882]{padding:24px 0}.upload-area[data-v-a8e93882] .el-upload{width:100%;border:2px dashed #cbd5e1;border-radius:8px;padding:32px 16px;text-align:center;transition:all .2s ease;background:#f8fafc}.upload-area[data-v-a8e93882] .el-upload:hover{border-color:#3b82f6;background:#f0f9ff}.upload-text[data-v-a8e93882]{margin-top:12px;color:#64748b;font-size:14px;font-weight:500}[data-v-a8e93882] .el-button[type=danger]{background:#ef4444;border-color:#ef4444;border-radius:6px}[data-v-a8e93882] .el-button[type=danger]:hover{background:#dc2626;border-color:#dc2626}[data-v-a8e93882] .el-dialog{border-radius:8px;box-shadow:0 10px 25px #00000026}[data-v-a8e93882] .el-dialog__header{background:#f8fafc;padding:20px 24px 16px;border-bottom:1px solid #e2e8f0}[data-v-a8e93882] .el-dialog__title{font-weight:600;font-size:16px;color:#1e293b}[data-v-a8e93882] .el-dialog__body{padding:20px 24px}[data-v-a8e93882] .el-dialog__footer{padding:16px 24px 20px;background:#f8fafc;border-top:1px solid #e2e8f0}.property-panel[data-v-4e0e0a20]{display:flex;flex-direction:column;height:100%;background:transparent}.panel-header[data-v-4e0e0a20]{padding:20px;background:#fff;border-bottom:1px solid #e2e8f0}.panel-header .title[data-v-4e0e0a20]{font-weight:600;font-size:16px;color:#1e293b}.panel-content[data-v-4e0e0a20]{flex:1;overflow-y:auto;padding:20px;background:#f8fafc}.panel-content[data-v-4e0e0a20]::-webkit-scrollbar{width:6px}.panel-content[data-v-4e0e0a20]::-webkit-scrollbar-track{background:#f1f5f9}.panel-content[data-v-4e0e0a20]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.panel-content[data-v-4e0e0a20]::-webkit-scrollbar-thumb:hover{background:#94a3b8}.no-selection[data-v-4e0e0a20]{display:flex;align-items:center;justify-content:center;height:200px;text-align:center;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.no-selection p[data-v-4e0e0a20]{color:#64748b;font-size:14px;font-weight:500;margin:0}[data-v-4e0e0a20] .el-form-item{margin-bottom:20px}[data-v-4e0e0a20] .el-form-item .el-form-item__label{font-weight:500;color:#374151;font-size:13px;margin-bottom:6px}.mask-upload-section[data-v-4e0e0a20]{display:flex;flex-direction:column;gap:12px}.mask-preview[data-v-4e0e0a20]{position:relative;display:flex;align-items:center;justify-content:space-between;padding:8px;background:#fff;border:1px solid #e2e8f0;border-radius:6px}.mask-image[data-v-4e0e0a20]{width:40px;height:40px;border-radius:4px;border:1px solid #e2e8f0}.projection-angle-control[data-v-4e0e0a20]{display:flex;justify-content:center;align-items:center;padding:20px;width:100%;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.projection-circle[data-v-4e0e0a20]{position:relative;width:120px;height:120px;cursor:pointer;-webkit-user-select:none;user-select:none}.projection-bg[data-v-4e0e0a20]{position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #cbd5e1;border-radius:50%;background:#f8fafc}.projection-inner-circle[data-v-4e0e0a20]{position:absolute;top:50%;left:50%;width:70%;height:70%;border:1px solid #e2e8f0;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}.projection-circle:hover .projection-bg[data-v-4e0e0a20],.projection-circle:hover .projection-inner-circle[data-v-4e0e0a20]{border-color:#3b82f6}.projection-handle[data-v-4e0e0a20]{position:absolute;width:16px;height:16px;background:#3b82f6;border:2px solid #ffffff;border-radius:50%;cursor:grab;box-shadow:0 2px 4px #0000001a}.projection-handle[data-v-4e0e0a20]:hover{background:#2563eb}.projection-handle[data-v-4e0e0a20]:active{cursor:grabbing}.position-controls[data-v-4e0e0a20]{display:flex;gap:8px;width:100%}[data-v-4e0e0a20] .el-select .el-input__wrapper{border-radius:6px;border:1px solid #d1d5db;background:#fff;transition:all .2s ease}[data-v-4e0e0a20] .el-select .el-input__wrapper:hover{border-color:#cbd5e1}[data-v-4e0e0a20] .el-select .el-input__wrapper.is-focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}[data-v-4e0e0a20] .el-button{border-radius:6px;font-weight:500;transition:all .2s ease}[data-v-4e0e0a20] .el-button.el-button--primary{background:#3b82f6;border-color:#3b82f6}[data-v-4e0e0a20] .el-button.el-button--primary:hover{background:#2563eb;border-color:#2563eb}[data-v-4e0e0a20] .el-button[type=danger]{background:#ef4444;border-color:#ef4444}[data-v-4e0e0a20] .el-button[type=danger]:hover{background:#dc2626;border-color:#dc2626}.perspective-controls[data-v-996abde3],.control-overlay[data-v-996abde3]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}.control-point[data-v-996abde3]{position:absolute;width:16px;height:16px;background:#409eff;border:2px solid #fff;border-radius:50%;cursor:grab;pointer-events:all;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026;-webkit-user-select:none;user-select:none;z-index:1001}.control-point[data-v-996abde3]:hover{background:#337ecc;transform:scale(1.1)}.control-point[data-v-996abde3]:active{cursor:grabbing;transform:scale(.95)}.point-label[data-v-996abde3]{color:#fff;font-size:10px;font-weight:700;line-height:1;position:relative;z-index:1002;pointer-events:none}.rotate-control[data-v-996abde3]{position:absolute;width:20px;height:20px;cursor:grab;pointer-events:all;-webkit-user-select:none;user-select:none}.rotate-control[data-v-996abde3]:hover{transform:scale(1.1)}.rotate-control[data-v-996abde3]:active{cursor:grabbing;transform:scale(.95)}.rotate-control svg[data-v-996abde3]{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}[data-v-33b0b2b0] .demo-dialog .el-dialog{border-radius:8px;margin:0!important;max-width:600px;width:90%}[data-v-33b0b2b0] .demo-dialog .el-dialog__header,[data-v-33b0b2b0] .demo-dialog .el-dialog__body{padding:0}[data-v-33b0b2b0] .demo-dialog .el-dialog__footer{padding:16px 24px;background:#f8fafc;border-top:1px solid #e2e8f0}[data-v-33b0b2b0] .el-overlay-dialog{display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}.dialog-header[data-v-33b0b2b0]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#3b82f6;color:#fff}.dialog-header .header-left[data-v-33b0b2b0]{display:flex;align-items:center}.dialog-header .header-icon[data-v-33b0b2b0]{width:40px;height:40px;background:#fff3;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:12px}.dialog-header .header-icon svg[data-v-33b0b2b0]{width:20px;height:20px}.dialog-header .header-text h2[data-v-33b0b2b0]{margin:0 0 4px;font-size:18px;font-weight:600}.dialog-header .header-text p[data-v-33b0b2b0]{margin:0;opacity:.9;font-size:13px}.dialog-header .close-btn[data-v-33b0b2b0]{width:32px;height:32px;background:#ffffff1a;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.dialog-header .close-btn[data-v-33b0b2b0]:hover{background:#fff3}.demo-section[data-v-33b0b2b0]{padding:20px 24px 16px}.demo-section .section-title[data-v-33b0b2b0]{margin-bottom:16px;text-align:center}.demo-section .section-title h3[data-v-33b0b2b0]{margin:0 0 4px;font-size:15px;font-weight:600;color:#1e293b}.demo-section .section-title p[data-v-33b0b2b0]{margin:0;color:#64748b;font-size:12px}.demo-projects-grid[data-v-33b0b2b0]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.demo-project-card[data-v-33b0b2b0]{display:flex;align-items:center;padding:10px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s ease}.demo-project-card[data-v-33b0b2b0]:hover{border-color:#3b82f6;box-shadow:0 1px 3px #0000001a;transform:translateY(-1px)}.demo-project-card .card-content[data-v-33b0b2b0]{display:flex;align-items:center;flex:1;min-width:0}.demo-project-card .project-preview[data-v-33b0b2b0]{width:100px;height:100px;border-radius:4px;overflow:hidden;margin-right:10px;position:relative;flex-shrink:0}.demo-project-card .project-preview .preview-image[data-v-33b0b2b0]{width:100%;height:100%}.demo-project-card .project-info[data-v-33b0b2b0]{flex:1;min-width:0}.demo-project-card .project-info h4[data-v-33b0b2b0]{margin:0 0 2px;font-size:13px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-project-card .project-info p[data-v-33b0b2b0]{margin:0 0 6px;color:#64748b;font-size:11px;line-height:1.3;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.demo-project-card .project-info .project-tags[data-v-33b0b2b0]{display:flex;gap:3px;flex-wrap:wrap}.demo-project-card .project-info .project-tags .tag[data-v-33b0b2b0]{padding:1px 4px;background:#f1f5f9;color:#3b82f6;font-size:9px;border-radius:2px;font-weight:500;white-space:nowrap}.demo-project-card .card-action[data-v-33b0b2b0]{color:#3b82f6;transition:transform .2s ease;flex-shrink:0;margin-left:8px}.demo-project-card:hover .card-action[data-v-33b0b2b0]{transform:translate(2px)}.dialog-footer[data-v-33b0b2b0]{display:flex;justify-content:center}.dialog-footer .demo-tip[data-v-33b0b2b0]{color:#64748b;font-size:14px;text-align:center}[data-v-cfc29ef4] .custom-dialog .el-dialog{border-radius:12px;margin:0!important;max-width:480px;width:90%;box-shadow:0 12px 40px #00000026}[data-v-cfc29ef4] .custom-dialog .el-dialog__header{padding:0;margin:0}[data-v-cfc29ef4] .custom-dialog .el-dialog__body{padding:0}[data-v-cfc29ef4] .custom-dialog .el-dialog__footer{padding:20px 24px;background:#f8fafc;border-top:1px solid #e2e8f0;margin:0}[data-v-cfc29ef4] .el-overlay-dialog{display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}.dialog-header[data-v-cfc29ef4]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#10b981;color:#fff;border-radius:12px 12px 0 0}.dialog-header .header-left[data-v-cfc29ef4]{display:flex;align-items:center}.dialog-header .header-icon[data-v-cfc29ef4]{width:40px;height:40px;background:#fff3;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:12px}.dialog-header .header-icon svg[data-v-cfc29ef4]{width:20px;height:20px}.dialog-header .header-text h2[data-v-cfc29ef4]{margin:0 0 4px;font-size:18px;font-weight:600}.dialog-header .header-text p[data-v-cfc29ef4]{margin:0;opacity:.9;font-size:13px}.dialog-header .close-btn[data-v-cfc29ef4]{width:32px;height:32px;background:#ffffff1a;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.dialog-header .close-btn[data-v-cfc29ef4]:hover{background:#fff3}.custom-section[data-v-cfc29ef4]{padding:24px 12px 0;border:1px solid #cbd5e1}.upload-container .upload-container-single[data-v-cfc29ef4]{display:flex;justify-content:center;margin-bottom:20px}.upload-container .upload-card-single[data-v-cfc29ef4]{width:100%}.upload-container .upload-grid[data-v-cfc29ef4]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-card[data-v-cfc29ef4]{background:transparent;border:none;padding:0;text-align:center;display:flex;flex-direction:column;align-items:center}.loading-overlay[data-v-cfc29ef4]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-content[data-v-cfc29ef4]{background:#fff;border-radius:16px;padding:32px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;align-items:center;min-width:300px;max-width:400px}.loading-spinner[data-v-cfc29ef4]{margin-bottom:24px}.loading-spinner .loading-icon[data-v-cfc29ef4]{font-size:48px;color:#10b981;animation:spin-cfc29ef4 1s linear infinite}.loading-text[data-v-cfc29ef4]{text-align:center}.loading-text .loading-title[data-v-cfc29ef4]{margin:0 0 16px;font-size:18px;font-weight:600;color:#1f2937}.loading-text .loading-subtitle[data-v-cfc29ef4]{margin:0;font-size:14px;color:#6b7280;line-height:1.5}.loading-progress[data-v-cfc29ef4]{width:100%;margin-bottom:8px}.loading-progress .progress-bar[data-v-cfc29ef4]{width:100%;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;margin-bottom:8px}.loading-progress .progress-bar .progress-fill[data-v-cfc29ef4]{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:3px;transition:width .3s ease}.loading-progress .progress-text[data-v-cfc29ef4]{font-size:14px;font-weight:500;color:#10b981}.loading-actions[data-v-cfc29ef4]{margin-top:20px;display:flex;justify-content:center}.loading-actions .el-button[data-v-cfc29ef4]{padding:10px 20px;border-radius:8px;font-weight:500}.loading-actions .el-button.el-button--primary[data-v-cfc29ef4]{background:#10b981;border-color:#10b981}.loading-actions .el-button.el-button--primary[data-v-cfc29ef4]:hover{background:#059669;border-color:#059669}.depth-card[data-v-cfc29ef4]{display:none}.upload-status.generating[data-v-cfc29ef4]{color:#f59e0b;font-weight:500}.upload-status.generating .el-icon[data-v-cfc29ef4]{margin-right:2px;animation:spin-cfc29ef4 1s linear infinite}@keyframes spin-cfc29ef4{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-v-cfc29ef4] .custom-upload{width:100%}[data-v-cfc29ef4] .custom-upload .image-upload{width:100%;height:240px;margin:0;border:2px dashed #cbd5e1;border-radius:12px;background:#fafafa;cursor:pointer;transition:all .3s ease}[data-v-cfc29ef4] .custom-upload .image-upload:hover{border-color:#10b981;background:#f0fdf4}.dialog-footer[data-v-cfc29ef4]{display:flex;justify-content:center;gap:12px}.dialog-footer .el-button[data-v-cfc29ef4]{padding:10px 20px;border-radius:8px;font-weight:500;font-size:14px}.dialog-footer .create-btn[data-v-cfc29ef4]{background:#10b981;border-color:#10b981}.dialog-footer .create-btn[data-v-cfc29ef4]:hover{background:#059669;border-color:#059669}.dialog-footer .create-btn[data-v-cfc29ef4]:disabled{background:#f1f5f9;color:#cbd5e1;border-color:#e2e8f0}.dialog-footer .create-btn .el-icon[data-v-cfc29ef4]{margin-right:6px}.perspective-editor[data-v-46bf81c0]{display:flex;flex-direction:column;height:100vh;background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.toolbar[data-v-46bf81c0]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}.toolbar .toolbar-left .app-title[data-v-46bf81c0]{display:flex;align-items:center;gap:12px}.toolbar .toolbar-left .app-title .app-logo[data-v-46bf81c0]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;transition:all .2s ease}.toolbar .toolbar-left .app-title .app-logo[data-v-46bf81c0]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.toolbar .toolbar-left .app-title .app-logo svg[data-v-46bf81c0]{color:#fff}.toolbar .toolbar-left .app-title h2[data-v-46bf81c0]{margin:0;color:#1e293b;font-size:20px;font-weight:600;letter-spacing:-.025em}.toolbar .toolbar-right[data-v-46bf81c0]{display:flex;align-items:center;gap:16px}.toolbar .toolbar-right .project-buttons[data-v-46bf81c0]{display:flex;gap:8px}.toolbar .toolbar-right .dialog-buttons[data-v-46bf81c0]{display:flex;gap:8px;padding-right:16px;border-right:1px solid #e2e8f0}.toolbar .toolbar-right .el-button[data-v-46bf81c0]{border-radius:6px;font-weight:500;transition:all .2s ease}.toolbar .toolbar-right .el-button[data-v-46bf81c0]:not(.el-button--primary):not(.el-button--success){background:#f8fafc;color:#475569;border:1px solid #e2e8f0}.toolbar .toolbar-right .el-button[data-v-46bf81c0]:not(.el-button--primary):not(.el-button--success):hover{background:#f1f5f9;border-color:#cbd5e1}.toolbar .toolbar-right .el-button.el-button--primary[data-v-46bf81c0]{background:#3b82f6;border-color:#3b82f6}.toolbar .toolbar-right .el-button.el-button--primary[data-v-46bf81c0]:hover{background:#2563eb;border-color:#2563eb}.toolbar .toolbar-right .el-button.el-button--success[data-v-46bf81c0]{background:#10b981;border-color:#10b981}.toolbar .toolbar-right .el-button.el-button--success[data-v-46bf81c0]:hover{background:#059669;border-color:#059669}.toolbar .toolbar-right .el-button.demo-btn[data-v-46bf81c0]{background:#3b82f6;color:#fff;border-color:#3b82f6}.toolbar .toolbar-right .el-button.demo-btn[data-v-46bf81c0]:hover{background:#2563eb;border-color:#2563eb}.editor-content[data-v-46bf81c0]{display:flex;flex:1}.editor-content.preview-mode[data-v-46bf81c0]{justify-content:center;align-items:center;padding:32px}.editor-content.preview-mode .canvas-container[data-v-46bf81c0]{max-width:90%;max-height:90%;width:auto;height:auto}.editor-content.preview-mode .canvas-container .three-container[data-v-46bf81c0]{overflow:hidden;box-shadow:0 10px 25px #0000001a}.left-panel[data-v-46bf81c0]{width:300px;background:#fff;border-right:1px solid #e2e8f0}.canvas-container[data-v-46bf81c0]{flex:1;position:relative;display:flex;align-items:center;justify-content:center;background:#f8fafc;min-height:500px;padding:24px}.three-container[data-v-46bf81c0]{position:relative;overflow:visible;background:#fff;box-shadow:0 4px 6px #00000012;border:1px solid #e2e8f0}.empty-state[data-v-46bf81c0]{display:flex;justify-content:center;height:100%;min-height:500px;width:100%;margin-top:auto}.empty-state-content[data-v-46bf81c0]{text-align:center;max-width:1000px;padding:40px 24px;width:100%}.empty-state-icon[data-v-46bf81c0]{margin-bottom:24px;display:flex;justify-content:center;opacity:.9}.empty-state-text[data-v-46bf81c0]{margin-bottom:32px}.empty-state-text h3[data-v-46bf81c0]{margin:0 0 16px;font-size:28px;font-weight:700;color:#1e293b;line-height:1.3}.empty-state-text .main-description[data-v-46bf81c0]{font-size:15px;color:#64748b;line-height:1.5;width:auto;margin:0 auto 20px}.empty-state-text .features-section[data-v-46bf81c0]{margin:24px 0;padding:20px;background:#fff9;border-radius:12px;border:1px solid rgba(226,232,240,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.empty-state-text .features-section h4[data-v-46bf81c0]{margin:0 0 16px;font-size:16px;font-weight:600;color:#374151;text-align:center}.empty-state-text .features-grid[data-v-46bf81c0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;max-width:1000px;margin:0 auto}@media (min-width: 768px){.empty-state-text .features-grid[data-v-46bf81c0]{grid-template-columns:repeat(3,1fr)}}.empty-state-text .feature-item[data-v-46bf81c0]{display:flex;align-items:center;gap:10px;padding:12px;background:#fffc;border-radius:6px;border:1px solid rgba(226,232,240,.6);transition:all .3s ease}.empty-state-text .feature-item[data-v-46bf81c0]:hover{background:#fffffff2;border-color:#3b82f64d;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.empty-state-text .feature-icon[data-v-46bf81c0]{font-size:20px;min-width:28px;text-align:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.empty-state-text .feature-text[data-v-46bf81c0]{display:flex;flex-direction:column;gap:1px;flex:1}.empty-state-text .feature-title[data-v-46bf81c0]{font-weight:600;font-size:13px;color:#374151;line-height:1.2}.empty-state-text .feature-desc[data-v-46bf81c0]{font-size:11px;color:#6b7280;line-height:1.3}.empty-state-text .action-description[data-v-46bf81c0]{margin:20px 0 0;font-size:14px;color:#64748b;line-height:1.4;font-style:italic}.empty-state-text .contact-info[data-v-46bf81c0]{margin:24px 0 0;padding:16px;background:#fff6;border-radius:8px;border:1px solid rgba(226,232,240,.5)}.empty-state-text .contact-info .contact-text[data-v-46bf81c0]{margin:0 0 8px;font-size:12px;color:#6b7280;font-weight:500}.empty-state-text .contact-info .contact-email[data-v-46bf81c0]{display:inline-block;font-size:14px;color:#3b82f6;text-decoration:none;font-weight:600;padding:4px 8px;border-radius:4px;transition:all .2s ease}.empty-state-text .contact-info .contact-email[data-v-46bf81c0]:hover{background:#3b82f61a;color:#2563eb;transform:translateY(-1px)}.empty-state-text .contact-info .contact-email[data-v-46bf81c0]:active{transform:translateY(0)}.empty-state-actions[data-v-46bf81c0]{display:flex;flex-direction:column;gap:12px;align-items:center}@media (min-width: 640px){.empty-state-actions[data-v-46bf81c0]{flex-direction:row;justify-content:center;gap:16px}}.create-project-btn[data-v-46bf81c0]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;padding:12px 24px;font-weight:600;box-shadow:0 4px 12px #667eea4d;transition:all .2s ease}.create-project-btn[data-v-46bf81c0]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66;background:linear-gradient(135deg,#5a67d8,#6b46c1)}.demo-project-btn[data-v-46bf81c0]{background:#f8fafc;color:#475569;border:1px solid #e2e8f0;border-radius:8px;padding:12px 24px;font-weight:500;transition:all .2s ease}.demo-project-btn[data-v-46bf81c0]:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.right-panel[data-v-46bf81c0]{width:320px;background:#fff;border-left:1px solid #e2e8f0}[data-v-46bf81c0] .el-button{border-radius:6px;font-weight:500;transition:all .2s ease}[data-v-46bf81c0] .el-input__wrapper{border-radius:6px;transition:all .2s ease}[data-v-46bf81c0] .el-input__wrapper:hover{border-color:#cbd5e1}[data-v-46bf81c0] .el-input__wrapper.is-focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}[data-v-46bf81c0] ::-webkit-scrollbar{width:6px;height:6px}[data-v-46bf81c0] ::-webkit-scrollbar-track{background:#f1f5f9}[data-v-46bf81c0] ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}[data-v-46bf81c0] ::-webkit-scrollbar-thumb:hover{background:#94a3b8}#app{width:100vw;height:100vh;overflow:hidden;display:flex;flex-direction:column}.page-content{flex:1;overflow:hidden}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5}.f{display:flex}.fc{display:flex;flex-direction:column}.ac{align-items:center}.jc{justify-content:center}.jb{justify-content:space-between}.pr{position:relative}.pa{position:absolute}.gp5{gap:5px}.w100{width:100%}.h100{height:100%}.cursor-pointer{cursor:pointer}.overflow-hidden{overflow:hidden}.text-center{text-align:center}.no-select{-webkit-user-select:none;user-select:none}