body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,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:100%;min-height:0;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:16px}.component-group__header{align-items:center;color:#666;cursor:pointer;display:flex;justify-content:space-between;padding:4px 0;-webkit-user-select:none;user-select:none}.component-group__header:hover{color:#4f46e5}.component-group__title{color:inherit;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:0;text-transform:uppercase}.component-group__items{display:flex;flex-direction:column;gap:8px;margin-top:8px}.component-item{align-items:center;border:1px solid #e0e0e0;border-radius:8px;cursor:grab;display:flex;padding:12px;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.component-item:hover{background-color:#f0f0f0;border-color:#4f46e5;box-shadow:0 2px 8px #4f46e51f;transform:translateY(-1px)}.component-item:focus-visible{outline:2px solid #4f46e5;outline-offset:2px}.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;gap:12px;padding:12px 16px}.screen-tabs{display:flex;flex:1 1 auto;flex-wrap:wrap;gap:4px;min-width:0}.screen-actions{flex-shrink:0;gap:8px}.screen-actions,.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-image-drop-overlay{align-items:center;background-color:#4f46e514;border:2px dashed #4f46e5;border-radius:12px;color:#4f46e5;display:flex;flex-direction:column;inset:12px;justify-content:center;pointer-events:none;position:absolute;text-align:center;z-index:20}.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:1px solid #ececec;border-radius:8px;box-shadow:0 1px 2px #0000000f;cursor:pointer;margin:8px 0;padding:12px;position:relative;transition:border-color .15s ease,background-color .15s ease}.canvas-component.hidden-component{background-color:#fafafa}.canvas-component:hover{box-shadow:0 3px 10px #0000001f}.canvas-component__meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;min-height:24px}.canvas-component__meta-info{align-items:center;display:flex;gap:6px;min-width:0}.canvas-component__type-label{color:#90a4ae;font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.canvas-component__status{align-items:center;display:inline-flex}.canvas-component__actions{display:flex;gap:2px;opacity:0;transition:opacity .15s ease}.canvas-component.selected .canvas-component__actions,.canvas-component:hover .canvas-component__actions{opacity:1}.canvas-component__actions .MuiIconButton-root{color:#607d8b;height:28px;width:28px}.canvas-component__actions .MuiIconButton-root:hover{background-color:#0000000a}.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 cubic-bezier(.4,0,.2,1)}.drop-zone:hover{background-color:#00000005;border-color:#e0e0e0;min-height:20px}.drop-zone.drag-over{background-color:#4f46e51a;border-color:#4f46e5;color:#4f46e5;min-height:20px}.drop-zone.hidden{display:none}.drop-zone--main{border:2px dashed #e0e0e0;margin:16px;min-height:120px}.drag-overlay{background-color:#4f46e51a;border:2px dashed #4f46e5;border-radius:8px;color:#4f46e5;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__header{flex-wrap:wrap;gap:8px;padding:10px 14px}.flow-builder__actions{flex-wrap:wrap;min-width:0}.flow-builder__content{flex-direction:column}.flow-builder__sidebar{height:200px;width:100%}.flow-builder__canvas{height:calc(100vh - 200px)}}
/*# sourceMappingURL=main.4ce2e2b5.css.map*/