body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.flow-builder{background-color:#f5f5f5;display:flex;flex-direction:column;height:100vh;width:100%}.flow-builder__header{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px 24px;z-index:10}.flow-builder__actions{display:flex;gap:8px}.flow-builder__content{display:flex;flex:1 1;overflow:hidden}.flow-builder__sidebar{background-color:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;min-width:250px;overflow:hidden;width:300px}.flow-builder__sidebar:last-child{border-left:1px solid #e0e0e0;border-right:none}.flow-builder__canvas{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.component-palette{height:100%;overflow-y:auto;padding:16px}.component-palette__title{color:#333;font-weight:600;margin-bottom:16px}.component-group{margin-bottom:24px}.component-group__title{color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.component-group__items{display:flex;flex-direction:column;gap:8px}.component-item{align-items:center;border:1px solid #e0e0e0;border-radius:8px;cursor:grab;display:flex;padding:12px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.component-item:hover{background-color:#f0f0f0;border-color:#1976d2}.component-item:active{cursor:grabbing}.component-item.dragging{cursor:grabbing;opacity:.5}.component-item__icon{font-size:18px;margin-right:8px}.component-item__content{flex:1 1}.component-item__name{color:#333;font-size:14px;font-weight:500}.component-item__limit{background-color:#f5f5f5;border-radius:4px;color:#666;font-size:11px;margin-left:auto;padding:2px 6px}.canvas-header{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:12px 16px}.screen-tabs{display:flex;gap:4px}.screen-tab{align-items:center;display:flex}.screen-tab--dragging{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026}.screen-tab__drag-handle{cursor:grab;touch-action:none}.screen-tab__drag-handle:active{cursor:grabbing}.canvas{background-color:#f9f9f9;flex:1 1;overflow:auto;padding:16px}.canvas-screen{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;min-height:600px;padding:24px}.canvas-screen__header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.canvas-screen__content{min-height:400px}.canvas-placeholder{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:32px;text-align:center}.canvas-placeholder .MuiTypography-body1{font-size:48px;margin-bottom:16px}.canvas-component{background-color:#fff;border:2px dashed #0000;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;margin:8px 0;padding:12px;position:relative;transition:all .2s ease}.canvas-component.hidden-component{background-color:#f5f5f5;border-color:#ccc;border-style:dashed}.canvas-component:hover{border-color:#e0e0e0}.canvas-component.selected{background-color:#1976d20d;border-color:#1976d2}.canvas-component__type{background-color:#1976d2;border-radius:4px;color:#fff;font-size:11px;font-weight:500;left:8px;padding:2px 6px;position:absolute;top:-6px;z-index:1}.canvas-component__actions{display:flex;gap:4px;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .2s ease}.canvas-component.selected .canvas-component__actions,.canvas-component:hover .canvas-component__actions{opacity:1}.canvas-component__actions .MuiIconButton-root{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffffe6;border:1px solid #e0e0e0;height:32px;width:32px}.canvas-component__actions .MuiIconButton-root:hover{background-color:#fff}.canvas-component__content{pointer-events:none}.properties-panel{height:100%;overflow-y:auto;padding:16px}.properties-placeholder{min-height:200px;padding:32px;text-align:center}.drop-zone,.properties-placeholder{align-items:center;color:#666;display:flex;justify-content:center}.drop-zone{border:2px dashed #0000;border-radius:4px;font-size:12px;margin:2px 0;min-height:4px;position:relative;transition:all .2s ease}.drop-zone:hover{background-color:#00000005;border-color:#e0e0e0;min-height:20px}.drop-zone.drag-over{background-color:#1976d21a;border-color:#1976d2;color:#1976d2;min-height:20px}.drop-zone.hidden{display:none}.drop-zone--main{border:2px dashed #e0e0e0;margin:16px;min-height:120px}.drag-overlay{background-color:#1976d21a;border:2px dashed #1976d2;border-radius:8px;color:#1976d2;font-size:14px;font-weight:500;padding:16px}.component-preview{font-family:Roboto,sans-serif}.component-preview .MuiFormControl-root,.component-preview .MuiTextField-root{margin:8px 0}.component-preview .MuiTypography-root{margin:4px 0}.flow-builder__sidebar.preview-panel{background-color:#1a1a1a;border-left:1px solid #e0e0e0;border-right:none;min-width:320px;overflow:hidden;width:350px}.flow-builder__sidebar.preview-panel iframe{border:none;height:100%;width:100%}.flow-builder__content{transition:none}@media (max-width:1600px){.flow-builder__sidebar.preview-panel{width:300px}}@media (max-width:1024px){.flow-builder__sidebar,.flow-builder__sidebar.preview-panel{width:250px}}@media (max-width:768px){.flow-builder__content{flex-direction:column}.flow-builder__sidebar{height:200px;width:100%}.flow-builder__canvas{height:calc(100vh - 200px)}}
/*# sourceMappingURL=main.84a380dc.css.map*/