maxi-editor.min.css

.color-palette,.link-modal{background-color:#fff;z-index:1000}.maxi-toolbar{display:flex;flex-wrap:wrap;justify-content:left;margin-bottom:3px}button,select{margin:3px;padding:5px 10px;border:1px solid #ccc;border-radius:4px;background-color:#f8f8f8;font-size:14px;cursor:pointer;appearance:none}.maxi-toolbar button{padding:8px 12px;background-color:#eaeaea;border:none;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}.maxi-toolbar button i{font-size:18px}.maxi-toolbar button.active{background-color:#dcf3f2;color:#16615e;font-weight:800;border:1px solid #16615e}.maxi-editor{border:1px solid #ddd;padding:10px;overflow-y:auto;font-family:Arial,sans-serif;height:auto;background-color:#fff;min-height:150px;position:relative}.maxi-editor::before{content:attr(data-placeholder);position:absolute;top:10px;left:10px;color:#888;pointer-events:none;display:block;visibility:hidden}.maxi-editor.empty::before{visibility:visible}.link-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:8px}.link-modal input{width:100%;margin:10px 0;padding:4px;border:1px solid #ccc;border-radius:4px}.link-modal button{padding:4px 10px;margin:5px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.link-modal button:hover{background-color:#0056b3}.link-modal button#cancel-btn{background-color:#dc3545}.link-modal button#cancel-btn:hover{background-color:#c82333}.color-palette{display:flex;gap:5px;padding:10px;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.color-option{width:30px;height:30px;cursor:pointer;border-radius:50%;border:2px solid #fff;box-shadow:0 0 3px rgba(0,0,0,.2)}.color-option:hover{border:2px solid #000}