.rich-text-editor-wrapper{width:100%;position:relative}.rich-text-toolbar{position:absolute;top:-45px;left:0;right:0;display:none;gap:4px;padding:8px;background-color:#fffffffa;border:2px solid #4DB8A5;border-radius:6px;flex-wrap:wrap;box-shadow:0 2px 8px #00000026;z-index:1000}.rich-text-editor-wrapper:focus-within .rich-text-toolbar,.rich-text-editor-wrapper:hover .rich-text-toolbar{display:flex}.rich-text-toolbar button{padding:6px 10px;border:1px solid #d0d0d0;background-color:#fff;cursor:pointer;border-radius:4px;font-size:14px;transition:all .2s}.rich-text-toolbar button:hover{background-color:#f0f0f0}.rich-text-toolbar button.is-active{background-color:#4db8a5;color:#fff;border-color:#4db8a5}.toolbar-separator{width:1px;background-color:#d0d0d0}.rich-text-editor{outline:none}.rich-text-editor:focus{outline:none}.rich-text-editor p:last-child{margin-bottom:0}.rich-text-editor ul,.rich-text-editor ol{padding-left:24px}.rich-text-editor strong{font-weight:700}.rich-text-editor em{font-style:italic}.rich-text-editor u{text-decoration:underline}.rich-text-editor p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#adb5bd;pointer-events:none;height:0}.ProseMirror-focused{outline:none}ul{margin-bottom:0}.component-floating-toolbar{position:absolute;bottom:100%;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:8px;background:linear-gradient(135deg,#fff,#f8fafb);border:1px solid #e0e6eb;border-bottom:2px solid #4DB8A5;border-radius:8px 8px 0 0;padding:8px 12px;box-shadow:0 -2px 12px #00000014;z-index:100;opacity:0;transition:opacity .15s ease;pointer-events:none;margin-bottom:-1px;cursor:grab}.component-floating-toolbar:active{cursor:grabbing}.header-component:hover .component-floating-toolbar,.text-section-component:hover .component-floating-toolbar,.intro-text-component:hover .component-floating-toolbar,.image-section-component:hover .component-floating-toolbar,.horizontal-section-component:hover .component-floating-toolbar,.page-break-component:hover .component-floating-toolbar{opacity:1;pointer-events:auto}.toolbar-drag-handle{display:flex;align-items:center;justify-content:center;color:#9ca3af;flex-shrink:0;padding-right:8px;border-right:1px solid #e0e6eb;margin-right:4px}.toolbar-content{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.toolbar-right-content{display:flex;align-items:center;gap:6px;flex-shrink:0;padding-left:8px;border-left:1px solid #e0e6eb;margin-left:4px}.toolbar-btn{padding:6px 12px;border:none;background-color:#4db8a5;color:#fff;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;line-height:1;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;height:30px;box-sizing:border-box;white-space:nowrap}.toolbar-btn:hover{background-color:#3da08e;transform:translateY(-1px)}.toolbar-btn:active{transform:translateY(0)}.toolbar-delete-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background-color:transparent;color:#9ca3af;border-radius:6px;cursor:pointer;transition:all .15s ease;flex-shrink:0}.toolbar-delete-btn:hover{background-color:#fee2e2;color:#ef4444}.toolbar-delete-btn:active{background-color:#fecaca}.toolbar-separator{width:1px;height:20px;background-color:#e0e6eb;flex-shrink:0}.toolbar-btn.secondary{background-color:transparent;color:#4db8a5;border:1.5px solid #4DB8A5;height:30px;padding:5px 12px}.toolbar-btn.secondary:hover{background-color:#e6f7f4;transform:translateY(-1px)}.toolbar-btn.secondary.active{background-color:#4db8a5;color:#fff}label.toolbar-btn{height:30px;margin:0}.pdf-export .component-floating-toolbar{display:none!important}.header-component{position:relative;border:1px solid #558234;display:flex;align-items:center;justify-content:center;padding:12px 16px 16px}.header-background-container{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}.header-background{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;width:0;height:0;width:auto;height:auto}.header-component:hover .component-floating-toolbar{opacity:1}.header-content{position:relative;z-index:1;width:100%;text-align:center}.header-editor{font-size:32px;font-weight:700;color:#fff;text-align:center;letter-spacing:.01em}.header-editor p{text-align:center;margin:0}.pdf-export .header-component{margin-top:0}.resizable-image-container{position:relative;display:inline-block;box-sizing:border-box;transition:box-shadow .15s ease}.resizable-image-container.resizing{-webkit-user-select:none;user-select:none}.resizable-image-container img{width:100%;height:auto;display:block;border-radius:4px;border:1px solid #e0e0e0;transition:border-color .15s ease}.resizable-image-container:hover img{border-color:#4db8a5}.resizable-image-container.resizing img{border-color:#4db8a5;border-width:2px}.resizable-image-container .remove-image-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;border:2px solid #ff4444;background-color:#fff;color:#f44;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:5;opacity:0}.resizable-image-container:hover .remove-image-btn{opacity:1}.resizable-image-container .remove-image-btn:hover{background-color:#f44;color:#fff}.resize-handle{position:absolute;cursor:nwse-resize;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease;z-index:10}.resizable-image-container:hover .resize-handle,.resizable-image-container.resizing .resize-handle{opacity:1}.resize-handle-corner{bottom:0;right:0;width:24px;height:24px;background:#4db8a5;border-radius:4px 0;color:#fff}.resize-handle-corner:hover{background:#3da08e}.width-indicator{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);background:#333;color:#fff;font-size:11px;padding:2px 6px;border-radius:4px;opacity:0;transition:opacity .15s ease;pointer-events:none;white-space:nowrap}.resizable-image-container.resizing .width-indicator{opacity:1}.pdf-export .resizable-image-container .remove-image-btn,.pdf-export .resizable-image-container .resize-handle,.pdf-export .resizable-image-container .width-indicator{display:none!important}.text-section-component{position:relative;border:1px solid #558234;background-color:#fff;padding:12px}.text-section-component:hover .component-floating-toolbar{opacity:1}.text-section-content{width:100%;text-align:left}.text-section-content .rich-text-editor,.text-section-content .rich-text-editor p{text-align:left}.pdf-export .text-section-component{margin-top:0}.text-section-content p{margin:0}.text-section-images{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;padding-top:12px;border-top:1px dashed #ddd}.text-section-images.centered{justify-content:center}.text-section-images .resizable-image-container{flex-shrink:0}.intro-text-component{position:relative;border:1px solid #558234;display:flex;align-items:center;justify-content:center;padding:12px}.intro-text-background-container{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}.intro-text-background{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;width:0;height:0;width:auto;height:auto}.intro-text-component:hover .component-floating-toolbar{opacity:1}.intro-text-content{position:relative;z-index:1;width:100%;text-align:center}.intro-text-editor{text-align:center;color:#333}.intro-text-editor p{text-align:center;margin:0}.pdf-export .intro-text-component{margin-top:0}.image-section-component{position:relative;border:1px solid #558234;background-color:#fff;padding:16px 16px 24px}.image-section-component:hover .component-floating-toolbar{opacity:1}.image-grid{display:flex;gap:12px;margin-top:0}.image-grid.horizontal{flex-direction:row;flex-wrap:wrap;align-items:flex-start}.image-grid.vertical{flex-direction:column;align-items:flex-start}.image-grid.horizontal.centered,.image-grid.vertical.centered{justify-content:center;align-items:center}.image-grid.vertical.centered .image-item{display:flex;justify-content:center}.image-item{position:relative;flex-shrink:0;max-width:100%}.image-grid.horizontal .image-item{flex:0 0 auto}.image-grid.vertical .image-item{width:100%}.empty-state{padding:32px;text-align:center;color:#888;background-color:#f9f9f9;border-radius:4px;border:2px dashed #ddd}.empty-state p{margin:0}.pdf-export .image-section-component{margin-top:0;padding-bottom:16px}.pdf-export .empty-state{display:none!important}.horizontal-section-component{position:relative}.horizontal-section-content{display:flex;gap:8px}.horizontal-text-section{flex:1;border:1px solid #558234;overflow:visible;background-color:#fff;position:relative;padding:12px}.horizontal-text-section p{margin:0}.horizontal-text-section .text-section-images{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;padding-top:12px;border-top:1px dashed #ddd}.horizontal-text-section .text-section-images.centered{justify-content:center}.horizontal-text-section .text-section-images .resizable-image-container{flex-shrink:0}.horizontal-image-section{flex:1;border:1px solid #558234;padding:12px 12px 20px;background-color:#fff;position:relative}.horizontal-image-section .image-grid{display:flex;gap:8px;margin-top:0;height:100%}.horizontal-image-section .image-grid.horizontal{flex-direction:row;flex-wrap:wrap;align-items:flex-start}.horizontal-image-section .image-grid.vertical{flex-direction:column;align-items:flex-start}.horizontal-image-section .image-grid.horizontal.centered,.horizontal-image-section .image-grid.vertical.centered{justify-content:center;align-items:center}.horizontal-image-section .image-grid.vertical.centered .image-item{display:flex;justify-content:center;align-items:center}.horizontal-image-section .image-item{position:relative;flex-shrink:0;max-width:100%}.horizontal-image-section .image-grid.horizontal .image-item{flex:0 0 auto}.horizontal-image-section .image-grid.vertical .image-item{width:100%}.horizontal-image-section .empty-state{padding:20px;text-align:center;color:#888;background-color:#f9f9f9;border-radius:4px;border:2px dashed #ddd;font-size:13px}.horizontal-image-section .empty-state p{margin:0}.pdf-export .horizontal-section-component{margin-top:0}.pdf-export .horizontal-image-section{padding-bottom:12px}.pdf-export .horizontal-image-section .empty-state{display:none!important}.page-break-component{position:relative;flex-grow:1;min-height:40px;display:flex;flex-direction:column}.page-break-component:hover .page-break-hitbox{background-color:#f0f0f0}.page-break-label{font-size:12px;color:#666;font-weight:500}.page-break-hitbox{flex-grow:1;min-height:40px;cursor:pointer;transition:.3s ease;border-bottom-left-radius:8px;border-bottom-right-radius:8px}@media print{.page-break-component{break-after:page;page-break-after:always;min-height:0}.page-break-hitbox{display:none}}.editor-canvas-container{display:flex;justify-content:center;padding:40px 20px;background-color:#e5e5e5;min-height:100vh}.editor-canvas{display:flex;flex-direction:column;gap:40px}.page{width:794px;height:1123px;background-color:#fff;box-shadow:0 2px 8px #0000001a;position:relative;padding:40px;box-sizing:border-box}.page-number{position:absolute;top:10px;right:10px;font-size:12px;color:#888;background-color:#f0f0f0;padding:4px 8px;border-radius:4px}.page-content{display:flex;flex-direction:column;gap:8px;min-height:1043px}.component-wrapper{transition:transform .2s,opacity .2s}.component-wrapper:has(.page-break-component){flex-grow:1;display:flex;flex-direction:column}.component-wrapper.dragging{opacity:.5;transform:rotate(2deg)}.page-break{padding:8px;text-align:center;background-color:#f9f9f9;border:2px dashed #ddd;color:#888;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px}@media print{.page-number,.page-break{display:none!important}}.toolbar{position:fixed;left:20px;top:80px;width:200px;background-color:#fff;border:2px solid #4DB8A5;border-radius:8px;padding:16px;box-shadow:0 2px 8px #0000001a;z-index:100}.toolbar h3{margin:0 0 16px;font-size:16px;color:#333;text-align:center}.toolbar-buttons{display:flex;flex-direction:column;gap:8px}.toolbar-btn{display:flex;align-items:center;gap:8px;padding:12px;border:2px solid #4DB8A5;background-color:#fff;border-radius:6px;cursor:pointer;transition:all .2s;font-size:14px;font-weight:500;color:#333;text-align:left}.toolbar-btn:hover{background-color:#4db8a5;color:#fff}.toolbar-btn .icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:16px;font-weight:700;background-color:#f0f0f0;border-radius:4px}.toolbar-btn:hover .icon{background-color:#ffffff4d}.action-bar{position:fixed;top:0;left:0;right:0;height:64px;background-color:#fff;border-bottom:1px solid #558234;display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-shadow:0 2px 8px #0000001a;z-index:1000}.action-bar-left{display:flex;align-items:center}.app-title{margin:0;font-size:20px;font-weight:700;color:#4db8a5}.action-bar-right{display:flex;gap:12px}.action-btn{padding:10px 20px;border:2px solid transparent;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;display:flex;align-items:center;gap:6px}.action-btn.primary{background-color:#4db8a5;color:#fff;border-color:#4db8a5}.action-btn.primary:hover{background-color:#3da08e;border-color:#3da08e}.action-btn.secondary{background-color:#fff;color:#4db8a5;border-color:#4db8a5}.action-btn.secondary:hover{background-color:#f0f0f0}.action-btn.danger{background-color:#fff;color:#f44;border-color:#f44}.action-btn.danger:hover{background-color:#fff0f0}.app{min-height:100vh;background-color:#e5e5e5;padding-top:64px}*{box-sizing:border-box}body{margin:0;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}