.editor-container{width:100%;margin:auto;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:5px;overflow:hidden}.toolbar{display:flex;border-bottom:1px solid #f8f9fa;padding:10px;background-color:#f9f9f9;flex-wrap:wrap;gap:5px}.toolbar button{cursor:pointer;padding:5px;border:1px solid #ccc;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:14px;background:0 0;border-radius:3px;outline:0;transition:border-color .3s,color .3s}.toolbar button:focus,.toolbar button:hover{border-color:#007bff;color:#007bff}.text-editor{padding:20px;height:300px;max-height:300px;outline:0;border-top:1px solid #ccc;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.text-editor::-webkit-scrollbar{width:12px}.text-editor::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.text-editor::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.text-editor::-webkit-scrollbar-thumb:hover{background:#555}.text-editor:focus{border:1px solid #007bff}.toolbar button.active{border-color:#007bff;color:#007bff;background-color:#e7f0ff}