.header-toolbar[data-v-16cbefed]{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 20px;background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d}.toolbar-left[data-v-16cbefed]{display:flex;align-items:center}.app-title[data-v-16cbefed]{display:flex;align-items:center;gap:8px}.app-icon[data-v-16cbefed]{font-size:24px}.app-name[data-v-16cbefed]{font-size:18px;font-weight:600;color:#333}.toolbar-center[data-v-16cbefed],.toolbar-right[data-v-16cbefed]{display:flex;align-items:center;gap:8px}.toolbar-btn[data-v-16cbefed]{padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s;display:flex;align-items:center;gap:4px}.toolbar-btn[data-v-16cbefed]:hover:not(:disabled){background:#f5f5f5;border-color:#4a90e2}.toolbar-btn[data-v-16cbefed]:disabled{opacity:.5;cursor:not-allowed}.toolbar-btn.primary[data-v-16cbefed]{background:#4a90e2;color:#fff;border-color:#4a90e2}.toolbar-btn.primary[data-v-16cbefed]:hover:not(:disabled){background:#357abd}.toolbar-btn.danger[data-v-16cbefed]{color:#f44336;border-color:#f44336}.toolbar-btn.danger[data-v-16cbefed]:hover:not(:disabled){background:#ffebee}.toolbar-divider[data-v-16cbefed]{width:1px;height:24px;background:#e0e0e0;margin:0 4px}@media (max-width: 768px){.header-toolbar[data-v-16cbefed]{padding:0 12px;flex-wrap:wrap;height:auto;min-height:60px}.toolbar-btn[data-v-16cbefed]{padding:6px 12px;font-size:12px}.app-name[data-v-16cbefed]{font-size:16px}}.component-top-view[data-v-66fbfbd5]{pointer-events:all}.component-panel[data-v-92e4de5e]{width:250px;height:100vh;background:#f5f5f5;border-right:1px solid #ddd;display:flex;flex-direction:column;overflow:hidden}.panel-header[data-v-92e4de5e]{padding:16px;background:#fff;border-bottom:1px solid #ddd}.panel-header h2[data-v-92e4de5e]{font-size:18px;font-weight:600;color:#333}.panel-content[data-v-92e4de5e]{flex:1;overflow-y:auto;padding:8px}.component-items[data-v-92e4de5e]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.component-item[data-v-92e4de5e]{padding:12px;background:#fafafa;border:1px solid #e0e0e0;border-radius:4px;cursor:grab;text-align:center;transition:all .2s;-webkit-user-select:none;user-select:none}.component-item[data-v-92e4de5e]:hover{background:#fff;border-color:#4a90e2;box-shadow:0 2px 4px #0000001a}.component-item[data-v-92e4de5e]:active{cursor:grabbing}.component-preview[data-v-92e4de5e]{width:100%;height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:4px;background:#fff;border-radius:4px;overflow:hidden}.component-preview svg[data-v-92e4de5e]{max-width:100%;max-height:100%}.component-name[data-v-92e4de5e]{font-size:12px;color:#666}@media (max-width: 768px){.component-panel[data-v-92e4de5e]{width:200px}.component-items[data-v-92e4de5e]{grid-template-columns:1fr}}.element-selected[data-v-e3d7666e]{cursor:move}.resize-handle[data-v-e3d7666e]{cursor:nwse-resize}.rotate-handle-group[data-v-e3d7666e]{cursor:crosshair}.rotate-handle[data-v-e3d7666e]{cursor:crosshair;transition:r .2s}.rotate-handle[data-v-e3d7666e]:hover{r:7;fill:#ff5252}.text-edit-input[data-v-e3d7666e]{width:100%;height:100%;padding:0;margin:0;border:2px solid #4a90e2;border-radius:2px;font-size:inherit;font-family:inherit;font-weight:inherit;text-align:inherit;background:#fffffff2;outline:none;box-sizing:border-box}.canvas-area[data-v-ca8cf10a]{flex:1;display:flex;flex-direction:column;background:#fafafa;overflow:hidden}.canvas-container[data-v-ca8cf10a]{flex:1;position:relative;overflow:hidden;cursor:default;outline:none}.canvas-container[data-v-ca8cf10a]:active{cursor:crosshair}.canvas-container.pan-mode[data-v-ca8cf10a]{cursor:grab}.canvas-container.pan-mode[data-v-ca8cf10a]:active{cursor:grabbing}.canvas-svg[data-v-ca8cf10a]{width:100%;height:100%;background:#fff}.ruler-horizontal[data-v-ca8cf10a]{position:absolute;top:0;left:0;right:0;height:20px;background:#f5f5f5;border-bottom:1px solid #ddd;overflow:visible;z-index:10}.ruler-vertical[data-v-ca8cf10a]{position:absolute;top:0;left:0;bottom:0;width:20px;background:#f5f5f5;border-right:1px solid #ddd;overflow:visible;z-index:10}.ruler-mark[data-v-ca8cf10a]{position:absolute;font-size:10px;color:#666;pointer-events:none;white-space:nowrap;transform:translate(-50%)}.ruler-vertical .ruler-mark[data-v-ca8cf10a]{transform:translateY(-50%) rotate(-90deg);transform-origin:center}.property-panel[data-v-3d000088]{width:300px;height:100vh;background:#f5f5f5;border-left:1px solid #ddd;display:flex;flex-direction:column;overflow:hidden}.panel-header[data-v-3d000088]{padding:16px;background:#fff;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center}.panel-header h2[data-v-3d000088]{font-size:18px;font-weight:600;color:#333}.selected-count[data-v-3d000088]{font-size:12px;color:#666;background:#e3f2fd;padding:4px 8px;border-radius:4px}.panel-content[data-v-3d000088]{flex:1;overflow-y:auto;padding:16px}.empty-state[data-v-3d000088]{display:flex;align-items:center;justify-content:center;height:200px;color:#999}.property-form[data-v-3d000088]{display:flex;flex-direction:column;gap:24px}.property-section[data-v-3d000088]{background:#fff;padding:16px;border-radius:8px;border:1px solid #e0e0e0}.element-name-section[data-v-3d000088]{background:#f8f9fa;border-left:3px solid #4a90e2}.element-name-display[data-v-3d000088]{display:flex;align-items:center;gap:8px}.element-name-label[data-v-3d000088]{font-size:13px;font-weight:500;color:#666}.element-name-value[data-v-3d000088]{font-size:14px;font-weight:600;color:#333;flex:1}.section-title[data-v-3d000088]{font-size:14px;font-weight:600;color:#333;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #e0e0e0}.form-group[data-v-3d000088]{margin-bottom:16px}.form-group label[data-v-3d000088]{display:block;font-size:12px;color:#666;margin-bottom:6px}.form-group input[type=number][data-v-3d000088],.form-group input[type=text][data-v-3d000088]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .2s}.form-group input[type=number][data-v-3d000088]:focus,.form-group input[type=text][data-v-3d000088]:focus{outline:none;border-color:#4a90e2}.form-group input[type=color][data-v-3d000088]{width:50px;height:36px;border:1px solid #ddd;border-radius:4px;cursor:pointer}.color-input-group[data-v-3d000088]{display:flex;gap:8px;align-items:center}.color-text-input[data-v-3d000088]{flex:1}.range-input[data-v-3d000088]{width:100%;margin-top:8px}.rotation-buttons[data-v-3d000088]{display:flex;gap:6px;margin-top:8px}.rotation-btn[data-v-3d000088]{flex:1;padding:6px 8px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s;text-align:center;color:#333}.rotation-btn[data-v-3d000088]:hover{background:#f0f0f0;border-color:#4a90e2;color:#4a90e2}.rotation-btn[data-v-3d000088]:active{background:#e0e0e0}.property-actions[data-v-3d000088]{margin-top:16px}.action-btn[data-v-3d000088]{width:100%;padding:10px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background .2s}.action-btn.danger[data-v-3d000088]{background:#ff6b6b;color:#fff}.action-btn.danger[data-v-3d000088]:hover{background:#ff5252}.align-tools[data-v-3d000088]{padding:16px;background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.align-tools-title[data-v-3d000088]{font-size:14px;font-weight:600;color:#333;margin-bottom:12px}.align-buttons[data-v-3d000088]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.align-btn[data-v-3d000088]{padding:8px 12px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s;text-align:center}.align-btn[data-v-3d000088]:hover:not(:disabled){background:#f0f0f0;border-color:#4a90e2;color:#4a90e2}.align-btn[data-v-3d000088]:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.property-panel[data-v-3d000088]{width:250px}.align-buttons[data-v-3d000088]{grid-template-columns:1fr}}.canvas-toolbar[data-v-6f14acc8]{height:50px;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;padding:0 12px;gap:12px}.toolbar-group[data-v-6f14acc8]{display:flex;align-items:center;gap:8px}.toolbar-divider[data-v-6f14acc8]{width:1px;height:30px;background:#e0e0e0}.toolbar-icon-btn[data-v-6f14acc8]{width:36px;height:36px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s}.toolbar-icon-btn[data-v-6f14acc8]:hover{background:#f5f5f5;border-color:#4a90e2}.toolbar-icon-btn.active[data-v-6f14acc8]{background:#4a90e2;color:#fff;border-color:#4a90e2}.zoom-level[data-v-6f14acc8]{min-width:50px;text-align:center;font-size:13px;color:#666;padding:0 8px}@media (max-width: 768px){.canvas-toolbar[data-v-6f14acc8]{height:44px;padding:0 8px;gap:8px}.toolbar-icon-btn[data-v-6f14acc8]{width:32px;height:32px;font-size:14px}.zoom-level[data-v-6f14acc8]{min-width:40px;font-size:12px;padding:0 4px}}.app-container{display:flex;flex-direction:column;width:100%;height:100vh;overflow:hidden}.main-content{display:flex;flex:1;overflow:hidden}.canvas-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#app{width:100vw;height:100vh;display:flex;flex-direction:column}