.ui-button-wrapper{margin:8px 0;position:relative;cursor:pointer}.ui-button-wrapper[data-selected=true]{outline:2px solid #3b82f6;outline-offset:2px;border-radius:4px}.ui-button{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.ui-button--primary{background-color:#3b82f6;color:#fff}.ui-button--primary:hover:not(.ui-button--disabled){background-color:#2563eb}.ui-button--secondary{background-color:#6b7280;color:#fff}.ui-button--secondary:hover:not(.ui-button--disabled){background-color:#4b5563}.ui-button--outline{background-color:transparent;border:1px solid #3b82f6;color:#3b82f6}.ui-button--outline:hover:not(.ui-button--disabled){background-color:#eff6ff}.ui-button--small{padding:4px 12px;font-size:12px}.ui-button--medium{padding:8px 16px;font-size:14px}.ui-button--large{padding:12px 24px;font-size:16px}.ui-button--disabled{opacity:.5;cursor:not-allowed}.ui-button-input{background:transparent;border:none;color:inherit;font:inherit;width:100%;text-align:center;outline:none}.ui-input-wrapper{margin:8px 0;position:relative;cursor:pointer}.ui-input-wrapper[data-selected=true]{outline:2px solid #3b82f6;outline-offset:2px;border-radius:4px;padding:4px}.ui-input-container{display:flex;flex-direction:column;gap:6px}.ui-input-label{font-size:14px;font-weight:500;color:#374151;display:block}.ui-input-label-edit{font-size:14px;font-weight:500;padding:4px 8px;border:1px dashed #d1d5db;border-radius:4px;background:transparent;width:100%;font-family:inherit}.ui-input-label-edit:focus{outline:none;border-color:#3b82f6}.ui-input-required{color:#ef4444;margin-left:2px}.ui-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;font-family:inherit;background:#fff;color:#111827;transition:all .2s}.ui-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.ui-input--disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.ui-input::placeholder{color:#9ca3af}.ui-textarea-wrapper{margin:8px 0;position:relative;cursor:pointer}.ui-textarea-wrapper[data-selected=true]{outline:2px solid #3b82f6;outline-offset:2px;border-radius:4px;padding:4px}.ui-textarea-container{display:flex;flex-direction:column;gap:6px}.ui-textarea-label{font-size:14px;font-weight:500;color:#374151;display:block}.ui-textarea-label-edit{font-size:14px;font-weight:500;padding:4px 8px;border:1px dashed #d1d5db;border-radius:4px;background:transparent;width:100%;font-family:inherit}.ui-textarea-label-edit:focus{outline:none;border-color:#3b82f6}.ui-textarea-required{color:#ef4444;margin-left:2px}.ui-textarea{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;font-family:inherit;background:#fff;color:#111827;resize:vertical;transition:all .2s}.ui-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.ui-textarea--disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.ui-textarea::placeholder{color:#9ca3af}.ui-select-wrapper{margin:8px 0;position:relative;cursor:pointer}.ui-select-wrapper[data-selected=true]{outline:2px solid #3b82f6;outline-offset:2px;border-radius:4px;padding:4px}.ui-select-container{display:flex;flex-direction:column;gap:6px}.ui-select-label{font-size:14px;font-weight:500;color:#374151;display:block}.ui-select-label-edit{font-size:14px;font-weight:500;padding:4px 8px;border:1px dashed #d1d5db;border-radius:4px;background:transparent;width:100%;font-family:inherit}.ui-select-label-edit:focus{outline:none;border-color:#3b82f6}.ui-select-options-edit{font-size:12px;padding:4px 8px;border:1px dashed #d1d5db;border-radius:4px;background:transparent;width:100%;font-family:inherit;resize:vertical}.ui-select-options-edit:focus{outline:none;border-color:#3b82f6}.ui-select-required{color:#ef4444;margin-left:2px}.ui-select{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;font-family:inherit;background:#fff;color:#111827;cursor:pointer;transition:all .2s}.ui-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.ui-select--disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.ui-card-wrapper{margin:16px 0;position:relative;cursor:pointer}.ui-card-wrapper[data-selected=true]{outline:2px solid #3b82f6;outline-offset:2px;border-radius:8px}.ui-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.ui-card-wrapper--shadow .ui-card{box-shadow:0 1px 3px #0000001a}.ui-card-header{padding:16px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.ui-card-wrapper--padding-small .ui-card-header{padding:8px 12px}.ui-card-wrapper--padding-medium .ui-card-header{padding:16px}.ui-card-wrapper--padding-large .ui-card-header{padding:24px}.ui-card-title{margin:0;font-size:18px;font-weight:600;color:#111827}.ui-card-title-edit{width:100%;font-size:18px;font-weight:600;padding:4px 8px;border:1px dashed #d1d5db;border-radius:4px;background:transparent;font-family:inherit}.ui-card-title-edit:focus{outline:none;border-color:#3b82f6}.ui-card-content{min-height:60px}.ui-card-wrapper--padding-small .ui-card-content{padding:8px 12px}.ui-card-wrapper--padding-medium .ui-card-content{padding:16px}.ui-card-wrapper--padding-large .ui-card-content{padding:24px}.ui-container-wrapper{margin:8px 0;position:relative;min-height:60px;cursor:pointer}.ui-container-wrapper[data-selected=true]{outline:2px solid #3b82f6;outline-offset:2px;border-radius:4px}.ui-container{display:flex;width:100%}.ui-container-wrapper--direction-vertical .ui-container{flex-direction:column}.ui-container-wrapper--direction-horizontal .ui-container{flex-direction:row}.ui-container-wrapper--gap-small .ui-container{gap:8px}.ui-container-wrapper--gap-medium .ui-container{gap:16px}.ui-container-wrapper--gap-large .ui-container{gap:24px}.ui-container-wrapper--padding-small .ui-container{padding:8px}.ui-container-wrapper--padding-medium .ui-container{padding:16px}.ui-container-wrapper--padding-large .ui-container{padding:24px}.component-palette{width:280px;background:#f9fafb;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;height:100%;overflow:hidden}.component-palette-header{padding:16px;border-bottom:1px solid #e5e7eb;background:#fff;position:sticky;top:0;z-index:10}.component-palette-header h3{font-size:16px;font-weight:600;margin:0 0 12px;color:#111827}.component-palette-search{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;font-family:inherit;background:#fff}.component-palette-search:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.component-palette-categories{padding:12px 16px;border-bottom:1px solid #e5e7eb;background:#fff;display:flex;gap:8px;flex-wrap:wrap;position:sticky;top:73px;z-index:9}.category-button{padding:4px 12px;border:1px solid #d1d5db;border-radius:4px;background:#fff;font-size:12px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.category-button:hover{border-color:#3b82f6;color:#3b82f6}.category-button.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.component-palette-list{flex:1;overflow-y:auto;padding:8px}.component-palette-empty{padding:32px 16px;text-align:center;color:#6b7280;font-size:14px}.component-palette-item{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:8px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:grab;transition:all .2s}.component-palette-item:hover{border-color:#3b82f6;box-shadow:0 2px 4px #0000001a}.component-palette-item:active{cursor:grabbing;opacity:.8}.component-palette-item-icon{font-size:24px;flex-shrink:0}.component-palette-item-info{flex:1;min-width:0}.component-palette-item-name{font-size:14px;font-weight:500;color:#111827;margin-bottom:2px}.component-palette-item-description{font-size:12px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.property-panel{width:300px;background:#f9fafb;border-left:1px solid #e5e7eb;display:flex;flex-direction:column;height:100%;overflow-y:auto}.property-panel-header{padding:16px;border-bottom:1px solid #e5e7eb;background:#fff;position:sticky;top:0;z-index:10}.property-panel-header h3{font-size:16px;font-weight:600;margin:0 0 4px;color:#111827}.property-panel-component-name{font-size:12px;color:#6b7280;margin:0;text-transform:capitalize}.property-panel-empty{padding:32px 16px;text-align:center;color:#6b7280}.property-panel-content{padding:16px;flex:1}.property-field{margin-bottom:16px}.property-label{display:block;font-size:12px;font-weight:500;color:#374151;margin-bottom:6px;text-transform:capitalize}.property-input,.property-textarea,.property-select{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;font-family:inherit;background:#fff;color:#111827}.property-input:focus,.property-textarea:focus,.property-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.property-textarea{resize:vertical;min-height:60px}.property-checkbox{width:18px;height:18px;cursor:pointer}.property-color{width:100%;height:40px;border:1px solid #d1d5db;border-radius:4px;cursor:pointer}.ui-builder-editor{display:flex;width:100vw;height:100vh;background:#f3f4f6}.editor-canvas-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.editor-toolbar{background:#fff;border-bottom:1px solid #e5e7eb;padding:8px 16px;display:flex;align-items:center;gap:16px}.toolbar-group{display:flex;gap:8px}.toolbar-divider{width:1px;height:24px;background:#e5e7eb;margin:0 8px}.toolbar-button{padding:6px 12px;border:1px solid #d1d5db;border-radius:4px;background:#fff;font-size:14px;cursor:pointer;transition:all .2s}.toolbar-button:hover:not(:disabled){background:#f9fafb;border-color:#3b82f6}.toolbar-button:disabled{opacity:.5;cursor:not-allowed}.editor-canvas{flex:1;overflow-y:auto;padding:32px;background:#fff;position:relative}.editor-canvas:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to right,#e5e7eb 1px,transparent 1px),linear-gradient(to bottom,#e5e7eb 1px,transparent 1px);background-size:20px 20px;opacity:.3;pointer-events:none}.editor-canvas.drag-over{background-color:#eff6ff}.editor-canvas.drag-over:before{opacity:.5}.tiptap-editor-content{position:relative;z-index:1;max-width:800px;margin:0 auto;background:#fff;min-height:100%;padding:24px;box-shadow:0 1px 3px #0000001a}.tiptap-editor-content:focus{outline:none}.tiptap-editor-content p{margin:.5em 0}.tiptap-editor-content p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#adb5bd;pointer-events:none;height:0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100vw;height:100vh;overflow:hidden}