.office-container{display:flex;flex-direction:row;overflow:hidden;border:1px solid #ccc;box-sizing:border-box;border-radius:12px;height:100%}.editor-box,.preview-container{width:50%;box-sizing:border-box;overflow-y:auto}.editor-box textarea{width:100%;height:100%;border:none;resize:none;outline:none;font-size:14px;font-family:monospace;line-height:1.5;background:#fafafa;scrollbar-width:none;padding:15px}.editor-box textarea::-webkit-scrollbar{display:none}.preview-container{display:flex;flex-direction:column;position:relative;background:#fff}.preview-container .preview-header{position:sticky;top:0;z-index:10;background:#fff;padding:8px 16px;border-bottom:1px solid #eee;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.preview-container .preview-box{flex:1;padding-top:24px;font-size:14px}.preview-container .preview-box .mdTextBox{margin:15px;margin-top:-25px}