*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.draggable-item{cursor:grab}.draggable-item:active{cursor:grabbing}.dragging{opacity:.5}.drop-zone{min-height:200px;border:2px dashed #d9d9d9;border-radius:8px;transition:all .3s}.drop-zone.drag-over{border-color:#1890ff;background-color:#e6f7ff}.form-designer{display:flex;height:calc(100vh - 64px)}.form-designer-sidebar{width:280px;background:#fff;border-right:1px solid #f0f0f0;overflow-y:auto}.form-designer-canvas{flex:1;background:#f5f5f5;padding:24px;overflow-y:auto}.form-designer-properties{width:320px;background:#fff;border-left:1px solid #f0f0f0;overflow-y:auto}.component-item{display:flex;align-items:center;padding:12px 16px;margin:8px;background:#fafafa;border:1px solid #f0f0f0;border-radius:6px;cursor:grab;transition:all .3s}.component-item:hover{background:#e6f7ff;border-color:#1890ff}.component-item .icon{margin-right:12px;font-size:18px;color:#1890ff}.form-canvas{min-height:600px;background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #00000014}.form-field-wrapper{position:relative;padding:16px;margin-bottom:8px;border:1px solid transparent;border-radius:6px;transition:all .3s}.form-field-wrapper:hover{border-color:#d9d9d9;background:#fafafa}.form-field-wrapper.selected{border-color:#1890ff;background:#e6f7ff}.form-field-actions{position:absolute;top:8px;right:8px;display:none;gap:4px}.form-field-wrapper:hover .form-field-actions,.form-field-wrapper.selected .form-field-actions{display:flex}@media (max-width: 1200px){.form-designer-properties{width:280px}}@media (max-width: 992px){.form-designer{flex-direction:column}.form-designer-sidebar{width:100%;height:auto;max-height:200px;border-right:none;border-bottom:1px solid #f0f0f0}.form-designer-properties{width:100%;height:auto;max-height:300px;border-left:none;border-top:1px solid #f0f0f0}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}