#app{height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}html,body{height:100%;overflow:hidden}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:14px;line-height:1.5;color:#2c3e50;background-color:#f5f5f5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.w-full{width:100%}.h-full{height:100%}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.p-0{padding:0}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:20px}.m-0{margin:0}.m-1{margin:4px}.m-2{margin:8px}.m-3{margin:12px}.m-4{margin:16px}.m-5{margin:20px}.mt-0{margin-top:0}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.editor-container{height:100vh;overflow:hidden}.editable-component{cursor:move;position:relative;border:1px solid transparent;transition:all .2s ease}.editable-component:hover{border-color:#409eff;box-shadow:0 0 0 1px #409eff33}.editable-component.selected{border-color:#409eff;box-shadow:0 0 0 2px #409eff4d}.component-outline{position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid #409eff;pointer-events:none;z-index:1000}.component-label{position:absolute;top:-24px;left:-2px;background-color:#409eff;color:#fff;padding:2px 6px;font-size:12px;line-height:1.2;border-radius:2px;white-space:nowrap;z-index:1001}.resize-handle{position:absolute;background-color:#409eff;border:1px solid white;width:8px;height:8px;z-index:1002}.resize-handle.nw{top:-4px;left:-4px;cursor:nw-resize}.resize-handle.ne{top:-4px;right:-4px;cursor:ne-resize}.resize-handle.sw{bottom:-4px;left:-4px;cursor:sw-resize}.resize-handle.se{bottom:-4px;right:-4px;cursor:se-resize}.resize-handle.n{top:-4px;left:50%;margin-left:-4px;cursor:n-resize}.resize-handle.s{bottom:-4px;left:50%;margin-left:-4px;cursor:s-resize}.resize-handle.w{top:50%;left:-4px;margin-top:-4px;cursor:w-resize}.resize-handle.e{top:50%;right:-4px;margin-top:-4px;cursor:e-resize}.grid-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1;opacity:.5}.grid-line{position:absolute;background-color:#e6e6e6}.grid-line.horizontal{width:100%;height:1px}.grid-line.vertical{height:100%;width:1px}.drop-placeholder{border:2px dashed #409eff;background-color:#409eff1a;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#409eff;font-size:14px;min-height:60px}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fffc;display:flex;align-items:center;justify-content:center;z-index:9999}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform .3s ease}.slide-enter-from{transform:translate(-100%)}.slide-leave-to{transform:translate(100%)}@media (max-width: 768px){.editor-sidebar-left,.editor-sidebar-right{display:none}.editor-main{width:100%}}:root{--el-color-primary: #409eff;--el-color-primary-light-3: #79bbff;--el-color-primary-light-5: #a0cfff;--el-color-primary-light-7: #c6e2ff;--el-color-primary-light-8: #d9ecff;--el-color-primary-light-9: #ecf5ff;--el-color-primary-dark-2: #337ecc}.custom-card{border-radius:8px;box-shadow:0 2px 8px #0000001a;border:1px solid #f0f0f0}.custom-button{border-radius:6px;font-weight:500;transition:all .2s ease}.custom-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.form-item-required .el-form-item__label:before{content:"*";color:#f56c6c;margin-right:4px}.custom-table .el-table__header{background-color:#fafafa}.custom-table .el-table__row:hover{background-color:#f5f7fa}.code-editor{border:1px solid #dcdfe6;border-radius:4px;overflow:hidden}.code-editor .monaco-editor{min-height:200px}@media (prefers-color-scheme: dark){body{background-color:#1a1a1a;color:#e6e6e6}.custom-card{background-color:#2a2a2a;border-color:#3a3a3a}}@media print{.no-print{display:none!important}body{font-size:12px;line-height:1.4}}