body{margin:0;font-family:Inter,system-ui,sans-serif;background:#f3f4f6}.app{padding:20px;display:flex;flex-direction:column;align-items:center;min-height:100vh}.toolbar{background:#fff;padding:10px 20px;border-radius:8px;margin-bottom:20px;display:flex;gap:20px;align-items:center;box-shadow:0 2px 8px #0000001a;width:100%;max-width:1200px;flex-wrap:wrap}.tool_group{display:flex;flex-direction:column;align-items:center;gap:5px}.tool_label{font-size:11px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.tool_buttons{display:flex;gap:6px;flex-wrap:wrap}.toolbar button{padding:6px 12px;border:1px solid #d1d5db;background:#f9fafb;border-radius:6px;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;transition:all .15s;min-height:32px}.toolbar button:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.toolbar button:disabled{opacity:.4;cursor:not-allowed}.toolbar button.active{background:#2563eb;color:#fff;border-color:#2563eb}.toolbar button.active:hover{background:#1d4ed8}.toolbar .print_button{background:#10b981;color:#fff;border-color:#10b981}.toolbar .print_button:hover{background:#0da271;border-color:#0da271}.divider{width:1px;height:32px;background:#d1d5db}.editor_wrapper{display:flex;justify-content:center;width:100%;padding:20px 0}.edit_mode{display:flex;flex-direction:column;align-items:center;width:100%}.page_sheet{background:#fff;box-shadow:0 4px 16px #00000026;border-radius:4px;overflow:hidden}.page_content{overflow-y:auto;background:#fff}.preview_mode{display:flex;flex-direction:column;align-items:center;width:100%;gap:30px}.no_content{padding:50px;background:#fff;border-radius:12px;text-align:center;color:#9ca3af;font-size:16px;box-shadow:0 4px 12px #0000001a;border:2px dashed #d1d5db;max-width:600px;width:100%}.pages_container{display:flex;flex-direction:column;align-items:center;gap:40px;width:100%}.preview_page_container{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.preview_page{margin:0}.page_content_wrapper{position:relative;width:100%}.preview_content_area{background:#fff;position:relative;overflow:hidden}.preview_html_content{width:100%;height:100%;font-family:inherit;font-size:14pt;line-height:1.6;padding:0;margin:0}.preview_html_content p{margin:0 0 .75em}.preview_html_content h1{font-size:2em;margin:.67em 0 .5em;font-weight:600}.preview_html_content h2{font-size:1.5em;margin:.83em 0 .5em;font-weight:600}.preview_html_content h3{font-size:1.17em;margin:1em 0 .5em;font-weight:600}.preview_html_content h4{font-size:1em;margin:1.33em 0 .5em;font-weight:600}.preview_html_content ul,.preview_html_content ol{margin:.75em 0;padding-left:2em}.preview_html_content li{margin:.25em 0}.preview_html_content strong{font-weight:600}.preview_html_content em{font-style:italic}.preview_html_content u{text-decoration:underline}.preview_html_content s{text-decoration:line-through}.preview_html_content .document-table{border-collapse:collapse;width:100%;margin:1em 0;table-layout:fixed}.preview_html_content .table-header,.preview_html_content .document-table th{border:1px solid #d1d5db;padding:8px 12px;text-align:left;vertical-align:top;background-color:#f9fafb;font-weight:600}.preview_html_content .table-cell,.preview_html_content .document-table td{border:1px solid #d1d5db;padding:8px 12px;text-align:left;vertical-align:top}.placeholder-text{color:#9ca3af;font-style:italic}.page_break_indicator{display:flex;justify-content:center;width:100%;margin:10px 0}.ProseMirror{outline:none;font-size:14pt;line-height:1.6;padding:0;margin:0;height:100%;width:100%}.ProseMirror p{margin:0 0 .75em}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#9ca3af;pointer-events:none;height:0;font-style:italic}.ProseMirror h1{font-size:2em;margin:.67em 0 .5em;font-weight:600}.ProseMirror h2{font-size:1.5em;margin:.83em 0 .5em;font-weight:600}.ProseMirror h3{font-size:1.17em;margin:1em 0 .5em;font-weight:600}.ProseMirror h4{font-size:1em;margin:1.33em 0 .5em;font-weight:600}.ProseMirror ul,.ProseMirror ol{padding-left:1.5em;margin:1em 0}.ProseMirror li{margin:.25em 0}.ProseMirror [data-text-align=left]{text-align:left}.ProseMirror [data-text-align=center]{text-align:center}.ProseMirror [data-text-align=right]{text-align:right}.ProseMirror .document-table{border-collapse:collapse;width:100%;margin:1em 0;table-layout:fixed;border:1px solid #d1d5db}.ProseMirror .table-header,.ProseMirror .document-table th{border:1px solid #d1d5db;padding:8px 12px;min-width:60px;vertical-align:top;background-color:#f9fafb;font-weight:600;text-align:left;position:relative}.ProseMirror .table-cell,.ProseMirror .document-table td{border:1px solid #d1d5db;padding:8px 12px;min-width:60px;vertical-align:top;position:relative;background:#fff}.ProseMirror .document-table tr:hover .table-cell,.ProseMirror .document-table tr:hover .table-header{background-color:#f8fafc}.ProseMirror .table-cell.selectedCell,.ProseMirror .document-table td.selectedCell{background-color:#e0f2fe}.ProseMirror table *{box-sizing:border-box}.ProseMirror .column-resize-handle{position:absolute;top:0;right:-2px;bottom:0;width:4px;background-color:#3b82f6;pointer-events:none;opacity:0;transition:opacity .2s}.ProseMirror .column-resize-handle:hover,.ProseMirror .column-resize-handle.active{opacity:1}.ProseMirror .row-resize-handle{position:absolute;left:0;right:0;bottom:-2px;height:4px;background-color:#3b82f6;pointer-events:none;opacity:0;transition:opacity .2s}.ProseMirror .row-resize-handle:hover,.ProseMirror .row-resize-handle.active{opacity:1}.ProseMirror .table-cell:focus,.ProseMirror .table-header:focus{outline:2px solid #3b82f6;outline-offset:-2px}.preview_html_content [data-text-align=left]{text-align:left}.preview_html_content [data-text-align=center]{text-align:center}.preview_html_content [data-text-align=right]{text-align:right}.page_content::-webkit-scrollbar{width:8px}.page_content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.page_content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.page_content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.tool_buttons button[title]{position:relative}.tool_buttons button[title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000;margin-bottom:5px}@media print{.toolbar,.page_break_indicator{display:none}.page_sheet{box-shadow:none;break-inside:avoid;margin:0}.editor_wrapper{padding:0}body{background:#fff;padding:0;margin:0}.preview_content_area{border:none}.preview_html_content{font-size:12pt}}