.editor-container{background:#fff;border-radius:10px;width:70vmax;height:auto;min-height:60vmin;margin:20px auto;padding:20px;overflow-y:scroll;box-shadow:0 2px 10px #0000001a}.save-btn{color:#fff;cursor:pointer;background:#1db954;border:none;border-radius:5px;margin-top:10px;padding:10px 15px;transition:all .3s}.save-btn:hover{background:#186f36}.preview-container{background:#f9f9f9;border-radius:8px;width:70vmax;min-height:60vmin;margin-top:20px;padding:15px}.article-content{font-family:Arial,sans-serif;line-height:1.6}.article-content h1{margin-bottom:10px;font-size:1.75rem;font-weight:500}.article-content h2{margin-bottom:8px;font-size:1.5rem;font-weight:400}.article-content h3{margin-bottom:6px;font-size:1.25rem;font-weight:300}.article-content ul{padding-left:20px;list-style-type:disc}.article-content ol{padding-left:20px;list-style-type:decimal}.article-content li{margin-left:20px}.article-content blockquote{color:#555;border-left:4px solid #ccc;padding-left:10px;font-style:italic}.article-content pre{color:#fff;background:#282c34;border-radius:5px;padding:10px;overflow-x:auto}.editor-container iframe{border-radius:10px;width:60%;max-width:400px}pre{color:#61dafb;white-space:pre-wrap;background:#282c34;border-radius:5px;padding:10px}.article-content{width:100%;height:max-content;margin:0 auto;display:block;overflow:auto}.html-preview{background:#fff;border:1px solid #ddd;border-radius:5px;width:100%;min-height:100px;margin:0 auto;padding:0 auto;display:block;overflow-y:auto}.article-content .video-container{aspect-ratio:16/9;width:100%;max-width:90%;margin:16px auto;display:block;position:relative}.article-content .video-container iframe{border:none;width:100%;height:100%;min-height:375px}.html-preview iframe,.editor-container iframe{border:1px solid #ddd;width:100%;max-width:80%;min-height:375px;margin:16px auto;display:block;position:relative}@keyframes rotateAnimation{0%,to{transform:rotate(0)}50%{transform:rotate(30deg)}}.animate-rotate{animation:.5s ease-in-out 2 alternate rotateAnimation}