.tiptap-editor-wrapper{border:1px solid #ccc;border-radius:4px;background:#fff;font-family:Montserrat,Arial,sans-serif;position:relative;overflow:hidden}.tiptap-toolbar{display:flex;align-items:center;gap:4px;padding:8px;border-bottom:1px solid #ccc;background:#fafafa;flex-wrap:wrap}.tiptap-toolbar button{background:transparent;border:1px solid transparent;border-radius:3px;padding:4px 8px;cursor:pointer;font-size:14px;color:#333;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center}.tiptap-toolbar button:hover{background:#e0e0e0;border-color:#ccc}.tiptap-toolbar button.is-active{background:#d0d0d0;border-color:#999}.toolbar-divider{width:1px;height:20px;background:#ccc;margin:0 4px}.toolbar-color-picker-wrapper{position:relative}.color-picker-popup{position:absolute;top:100%;left:0;margin-top:4px;padding:12px;background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px #00000026;z-index:1000;min-width:200px}.color-picker-popup input[type=color]{width:100%;height:40px;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:0}.color-picker-popup .color-swatch{width:24px;height:24px;border:1px solid #ccc;border-radius:3px;cursor:pointer;padding:0;margin:2px}.color-picker-popup .color-swatch:hover{border-color:#666;transform:scale(1.1)}.tiptap-editor-container{position:relative;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.tiptap-editor-container img{cursor:pointer}.tiptap-content-editable{min-height:100%;padding:12px 16px;outline:none;font-family:Montserrat,Arial,sans-serif;font-size:14px;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box}@media(max-width:768px){.tiptap-editor-wrapper{max-height:100vh}.tiptap-editor-container{max-height:calc(100vh - 100px)!important;overflow-y:auto;-webkit-overflow-scrolling:touch}.tiptap-content-editable{min-height:auto;padding:10px 12px;font-size:16px}.tiptap-toolbar{flex-wrap:wrap;padding:6px;gap:2px}.tiptap-toolbar button{min-width:24px;height:24px;padding:2px 6px;font-size:12px}}.tiptap-content-editable p{margin:0 0 8px}.tiptap-content-editable h1{font-size:2em;font-weight:700;margin:.67em 0}.tiptap-content-editable h2{font-size:1.5em;font-weight:700;margin:.75em 0}.tiptap-content-editable h3{font-size:1.17em;font-weight:700;margin:.83em 0}.tiptap-content-editable strong{font-weight:700}.tiptap-content-editable em{font-style:italic}.tiptap-underline{text-decoration:underline}.tiptap-content-editable ul{margin:8px 0;padding-left:24px;list-style-type:disc;list-style-position:outside}.tiptap-content-editable ol{margin:8px 0;padding-left:24px;list-style-type:decimal;list-style-position:outside}.tiptap-content-editable li{margin:4px 0;display:list-item}.tiptap-content-editable a:not(.btn):not([class*=btn-]){color:#06c;text-decoration:underline;cursor:pointer}.tiptap-content-editable a:not(.btn):not([class*=btn-]):hover{color:#0052a3}.tiptap-content-editable a.btn,.tiptap-content-editable .btn,.tiptap-content-editable a[class*=btn-]{text-decoration:none!important;display:inline-block;font-weight:400;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.tiptap-content-editable a.btn:hover,.tiptap-content-editable .btn:hover,.tiptap-content-editable a[class*=btn-]:hover{text-decoration:none!important}.tiptap-content-editable .btn-primary,.tiptap-content-editable a.btn-primary{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.tiptap-content-editable .btn-primary:hover,.tiptap-content-editable a.btn-primary:hover{color:#fff;background-color:#0b5ed7;border-color:#0a58ca}.tiptap-content-editable .btn-secondary,.tiptap-content-editable a.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.tiptap-content-editable .btn-secondary:hover,.tiptap-content-editable a.btn-secondary:hover{color:#fff;background-color:#5c636a;border-color:#565e64}.tiptap-content-editable .btn-success,.tiptap-content-editable a.btn-success{color:#fff;background-color:#198754;border-color:#198754}.tiptap-content-editable .btn-success:hover,.tiptap-content-editable a.btn-success:hover{color:#fff;background-color:#157347;border-color:#146c43}.tiptap-content-editable .btn-danger,.tiptap-content-editable a.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.tiptap-content-editable .btn-danger:hover,.tiptap-content-editable a.btn-danger:hover{color:#fff;background-color:#bb2d3b;border-color:#b02a37}.tiptap-content-editable .btn-warning,.tiptap-content-editable a.btn-warning{color:#000;background-color:#ffc107;border-color:#ffc107}.tiptap-content-editable .btn-warning:hover,.tiptap-content-editable a.btn-warning:hover{color:#000;background-color:#ffca2c;border-color:#ffc720}.tiptap-content-editable .btn-info,.tiptap-content-editable a.btn-info{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.tiptap-content-editable .btn-info:hover,.tiptap-content-editable a.btn-info:hover{color:#000;background-color:#31d2f2;border-color:#25cff2}.tiptap-content-editable .btn-light,.tiptap-content-editable a.btn-light{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.tiptap-content-editable .btn-light:hover,.tiptap-content-editable a.btn-light:hover{color:#000;background-color:#f9fafb;border-color:#f9fafb}.tiptap-content-editable .btn-dark,.tiptap-content-editable a.btn-dark{color:#fff;background-color:#212529;border-color:#212529}.tiptap-content-editable .btn-dark:hover,.tiptap-content-editable a.btn-dark:hover{color:#fff;background-color:#1c1f23;border-color:#1a1e21}.tiptap-content-editable .btn-sm,.tiptap-content-editable a.btn-sm{padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.tiptap-content-editable .btn-lg,.tiptap-content-editable a.btn-lg{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.tiptap-content-editable .rounded-pill,.tiptap-content-editable a.rounded-pill{border-radius:50rem!important}.tiptap-content-editable img{max-width:100%;height:auto;margin:8px 0;display:block;cursor:pointer;transition:opacity .2s}.tiptap-content-editable img:hover{opacity:.9;outline:2px solid #0d6efd;outline-offset:2px}.tiptap-content-editable[contenteditable=true]:empty:before{content:attr(data-placeholder);color:#999;pointer-events:none;font-style:italic}.image-bubble-menu{display:flex;align-items:center;gap:4px;padding:8px;background:#fff;border:2px solid #0d6efd;border-radius:6px;box-shadow:0 4px 12px #0003;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.image-bubble-menu button{background:transparent;border:1px solid transparent;border-radius:3px;padding:4px 8px;cursor:pointer;font-size:14px;color:#333;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center}.image-bubble-menu button:hover{background:#e0e0e0;border-color:#ccc}.image-bubble-menu button.is-active{background:#d0d0d0;border-color:#999}.image-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.image-dialog{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.image-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0}.image-dialog-header h5{margin:0;font-size:18px;font-weight:600}.image-dialog-header .btn-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px}.image-dialog-header .btn-close:hover{background:#f0f0f0;color:#333}.image-dialog-body{padding:20px}.image-dialog-footer{padding:16px 20px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:8px}.tiptap-content-editable img[style*="float: left"]{float:left;margin-right:12px;margin-bottom:12px}.tiptap-content-editable img[style*="float: right"]{float:right;margin-left:12px;margin-bottom:12px}.tiptap-content-editable img[style*="margin: 0 auto"]{display:block;margin:12px auto}
