.md-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:20px}.md-label{display:block;font-size:14px;font-weight:600;color:#6e617c;margin:0 0 10px}.md-syntax{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0;border-block:1px solid #e9e1f1}.md-syntax button{font:inherit;font-size:13px;color:#715298;background:#f6f1fd;border:1px solid #e5daef;border-radius:7px;padding:7px 12px;cursor:pointer}.md-syntax button:hover{background:#eae0fc}#md-input,.md-preview{width:100%;height:520px;min-height:300px;border:1px solid #ded6eb;border-radius:12px;padding:20px;background:#fdfcff;overflow:auto}#md-input{resize:vertical;font:15px/1.8 Consolas,monospace;color:#302640;tab-size:2}.md-preview{background:#fff;font-size:16px;line-height:1.8;overflow-wrap:anywhere;color:#302640}.md-preview>:first-child{margin-top:0}.md-preview h1{font-size:28px}.md-preview h2{font-size:23px}.md-preview h3{font-size:20px}.md-preview h1,.md-preview h2{border-bottom:1px solid #ece4f4;padding-bottom:8px}.md-preview ul,.md-preview ol{padding-left:25px}.md-preview blockquote{border-left:3px solid #a58ade;padding:8px 16px;margin:16px 0;background:#f7f3fc;color:#726482}.md-preview pre{background:#f5f2fa;padding:16px;border-radius:8px;overflow:auto;white-space:pre}.md-preview code{font:14px/1.7 Consolas,monospace;background:#f5f2fa}.md-preview table{display:block;width:100%;overflow:auto;border-collapse:collapse}.md-preview th,.md-preview td{padding:8px 12px;border:1px solid #e4dbef}.md-preview th{background:#f6f2fb}.md-preview a{color:#7953d7;text-decoration:underline}.md-preview hr{border:0;border-top:1px solid #e4dbef}.md-empty{color:#9587a2}#md-message{min-height:24px;color:#7653d8;font-size:14px}@media(max-width:800px){.md-grid{grid-template-columns:1fr}#md-input{height:340px}.md-preview{height:auto;max-height:600px;min-height:240px}}