body{margin:0;padding:0;font-family:Arial,sans-serif;background-color:#f0f0f0}.editor-header{height:55px;border:1px solid #0056b3;display:flex;justify-content:space-between;align-items:center}.editor-header h1{font-size:24px;margin:0;padding:0 20px}.editor-header button{padding:10px 20px;background:#00d084;color:#fff;border:3px solid black;box-shadow:4px 4px 0 black;cursor:pointer;transition:transform .2s}.editor-header button:hover{transform:translate(-4px,-4px)}.editor-header .logo{width:50px;height:50px;margin-left:20px}.editor-container{display:flex;flex-direction:column;height:100%;background-color:#f9f9f9;font-family:Arial,sans-serif}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px;background-color:#eaeaea;border-bottom:1px solid #ccc}.editor-toolbar button:hover{background-color:#0056b3}.editor-content{flex:1 1;padding:15px;overflow-y:auto;background-color:white;border:1px solid #ccc;border-radius:4px;font-size:16px;line-height:1.5;color:#333}.editor-content:focus{outline:none;border-color:#007bff;box-shadow:0 0 5px rgba(0,123,255,.5)}