.rich-text-editor{border:1px solid #d1d5db;border-radius:.5rem;background:white;overflow:hidden}.rich-text-editor-toolbar{padding:.75rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-wrap:wrap}.rich-text-editor-toolbar,.toolbar-group{display:flex;align-items:center;gap:.25rem}.toolbar-separator{width:1px;height:1.5rem;background:#d1d5db;margin:0 .25rem}.toolbar-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:.5rem;border:1px solid transparent;border-radius:.375rem;background:white;color:#374151;cursor:pointer;transition:all .2s}.toolbar-button:hover{background:#f3f4f6;border-color:#d1d5db}.toolbar-button:disabled{opacity:.5;cursor:not-allowed}.toolbar-button.is-active{background:#3b82f6;color:white;border-color:#2563eb}.rich-text-editor-content{min-height:200px;max-height:600px;overflow-y:auto}.ProseMirror{outline:none;padding:1rem;min-height:200px}.ProseMirror p{margin:.75rem 0;line-height:1.6}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#9ca3af;pointer-events:none;height:0}.ProseMirror h1{font-size:2rem;font-weight:700;margin:1.5rem 0 1rem;line-height:1.2}.ProseMirror h2{font-size:1.5rem;font-weight:600;margin:1.25rem 0 .75rem;line-height:1.3}.ProseMirror h3{font-size:1.25rem;font-weight:600;margin:1rem 0 .5rem;line-height:1.4}.ProseMirror ol,.ProseMirror ul{padding-left:1.5rem;margin:.75rem 0}.ProseMirror ul{list-style-type:disc}.ProseMirror ol{list-style-type:decimal}.ProseMirror li{margin:.25rem 0;line-height:1.6}.ProseMirror blockquote{border-left:4px solid #3b82f6;padding-left:1rem;margin:1rem 0;color:#6b7280;font-style:italic}.ProseMirror hr{border:none;border-top:2px solid #e5e7eb;margin:1.5rem 0}.ProseMirror a{color:#2563eb;text-decoration:underline;cursor:pointer}.ProseMirror a:hover{color:#1d4ed8}.ProseMirror mark{background-color:#fef08a;padding:.125rem .25rem;border-radius:.25rem}.ProseMirror strong{font-weight:700}.ProseMirror em{font-style:italic}.ProseMirror u{text-decoration:underline}.ProseMirror [style*="text-align: left"]{text-align:left}.ProseMirror [style*="text-align: center"]{text-align:center}.ProseMirror [style*="text-align: right"]{text-align:right}.rich-text-editor:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.rich-text-editor-content::-webkit-scrollbar{width:8px}.rich-text-editor-content::-webkit-scrollbar-track{background:#f1f1f1}.rich-text-editor-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.rich-text-editor-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.toolbar-modal{position:absolute;top:100%;left:0;margin-top:.5rem;z-index:1000;background:white;border:1px solid #d1d5db;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);min-width:250px}.toolbar-modal-content{padding:1rem}.toolbar-modal-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.toolbar-modal-input{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;margin-bottom:.75rem}.toolbar-modal-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.toolbar-modal-select{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;margin-bottom:.75rem;background:white}.toolbar-modal-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.toolbar-modal-actions{display:flex;gap:.5rem;justify-content:flex-end}.toolbar-modal-btn{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.toolbar-modal-btn-cancel{background:white;color:#374151}.toolbar-modal-btn-cancel:hover{background:#f3f4f6}.toolbar-modal-btn-ok{background:#3b82f6;color:white;border-color:#2563eb}.toolbar-modal-btn-ok:hover{background:#2563eb}.color-picker-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-bottom:.75rem}.color-picker-item{width:2.5rem;height:2.5rem;border:2px solid #d1d5db;border-radius:.375rem;cursor:pointer;transition:all .2s}.color-picker-item:hover{transform:scale(1.1);border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2)}