:root{--mde-primary:var(--main-primary);--mde-primary-light:#6366f11a;--mde-success:var(--main-success);--mde-success-light:#10b9811a;--mde-error:var(--main-error);--mde-error-light:#ef44441a;--mde-warning:var(--main-warning);--mde-bg:#fff;--mde-bg-secondary:#f8fafc;--mde-text:#1e293b;--mde-text-muted:#64748b;--mde-border:#e2e8f0;--mde-border-light:#f1f5f9;--mde-editor-bg:#1e293b;--mde-editor-text:#e2e8f0;--mde-editor-line-bg:#162032;--mde-editor-line-text:#64748b;--mde-editor-caret:#818cf8;--mde-toolbar-bg:#fff;--mde-panel-header-bg:#f8fafc;--mde-status-bg:#f1f5f9;--mde-preview-bg:#fff;--mde-preview-pattern:#f1f5f9;--mde-radius:var(--main-radius);--mde-radius-lg:var(--main-radius-lg);--mde-shadow:var(--main-shadow-sm)}._mde-container{flex-direction:column;gap:0;max-width:1400px;height:calc(100vh - 200px);min-height:500px;margin:0 auto;display:flex}._mde-main{border-style:solid;border-width:1px;border-color:var(--mde-border);border-radius:0 0 var(--mde-radius-lg) var(--mde-radius-lg);min-height:0;box-shadow:var(--mde-shadow);flex:1;grid-template-columns:1fr 6px 1fr;display:grid;overflow:hidden}._mde-editor-panel,._mde-preview-panel{flex-direction:column;min-height:0;display:flex;overflow:hidden}._mde-panel-header{background:var(--mde-panel-header-bg);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--mde-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}._mde-panel-title{text-transform:uppercase;letter-spacing:.05em;color:var(--mde-text-muted);font-size:.75rem;font-weight:600}._mde-panel-actions{align-items:center;gap:.25rem;display:flex}@media (max-width:860px){._mde-container{height:auto;min-height:auto}._mde-main{border-radius:var(--mde-radius-lg);grid-template-rows:minmax(280px,auto) auto minmax(320px,auto);grid-template-columns:1fr}._mde-editor-panel{min-height:280px}._mde-preview-panel{min-height:320px}._mde-panel-header{padding:.5rem .625rem}}@media (max-width:768px){._mde-container{padding-left:.75rem;padding-right:.75rem}}@media (max-width:480px){._mde-container{padding-left:.5rem;padding-right:.5rem}._mde-editor-panel{min-height:240px}._mde-preview-panel{min-height:280px}._mde-panel-header{gap:.25rem;padding:.375rem .5rem}._mde-panel-actions{gap:.125rem}._mde-panel-title{font-size:.6875rem}}._mde-toolbar{background:var(--mde-toolbar-bg);border-style:solid;border-width:1px;border-color:var(--mde-border);border-radius:var(--mde-radius-lg) var(--mde-radius-lg) 0 0;box-shadow:var(--mde-shadow);border-bottom-width:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}._mde-toolbar-left,._mde-toolbar-right{align-items:center;gap:.375rem;display:flex}._mde-btn{border-radius:var(--mde-radius);cursor:pointer;white-space:nowrap;border-width:0;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;line-height:1.4;display:inline-flex}._mde-btn-primary{background:var(--mde-primary);color:#fff;box-shadow:0 1px 4px #6366f140}._mde-btn-primary:hover{opacity:.9}._mde-btn-secondary{background:var(--mde-bg);color:var(--mde-text);border-style:solid;border-width:1px;border-color:var(--mde-border)}._mde-btn-secondary:hover{background:var(--mde-bg-secondary)}._mde-btn-icon{border-radius:var(--mde-radius);width:1.75rem;height:1.75rem;color:var(--mde-text-muted);cursor:pointer;background:0 0;border-width:0;justify-content:center;align-items:center;padding:0;display:inline-flex}._mde-btn-icon:hover{background:var(--mde-primary-light);color:var(--mde-primary)}._mde-template-dropdown{position:relative}._mde-dropdown-menu{background:var(--mde-bg);border-style:solid;border-width:1px;border-color:var(--mde-border);border-radius:var(--mde-radius);z-index:100;min-width:180px;max-height:320px;padding:.25rem;display:none;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 4px 16px #0000001f}._mde-dropdown-menu.is-open{display:block}._mde-dropdown-item{text-align:left;width:100%;color:var(--mde-text);border-radius:var(--mde-radius);cursor:pointer;white-space:nowrap;background:0 0;border-width:0;padding:.5rem .75rem;font-size:.8125rem;display:block}._mde-dropdown-item:hover{background:var(--mde-primary-light);color:var(--mde-primary)}._mde-status-bar{background:var(--mde-status-bg);border-style:solid;border-width:1px;border-color:var(--mde-border);border-radius:0 0 var(--mde-radius-lg) var(--mde-radius-lg);color:var(--mde-text-muted);border-top-width:0;justify-content:space-between;align-items:center;margin-top:-1px;padding:.25rem .75rem;font-size:.6875rem;display:flex}._mde-status-left,._mde-status-right{align-items:center;gap:.375rem;display:flex}._mde-status-indicator{background:var(--mde-success);border-radius:50%;width:6px;height:6px}._mde-status-indicator.is-error{background:var(--mde-error)}._mde-status-indicator.is-loading{background:var(--mde-warning)}@media (max-width:860px){._mde-toolbar{flex-wrap:wrap;gap:.375rem;padding:.5rem .625rem}._mde-toolbar-left,._mde-toolbar-right{gap:.375rem}._mde-btn-text{display:none}._mde-btn{min-height:36px;padding:.5rem .625rem}._mde-btn-icon{width:36px;height:36px}._mde-dropdown-menu{max-width:calc(100vw - 1.5rem)}._mde-dropdown-item{padding:.625rem .75rem;font-size:.875rem}._mde-status-bar{padding:.375rem .625rem;font-size:.75rem}}@media (max-width:480px){._mde-toolbar{padding:.5rem}._mde-toolbar-left,._mde-toolbar-right{gap:.25rem}._mde-panel-header ._mde-btn-icon{width:32px;height:32px}}._mde-editor-wrap{flex:1;min-height:0;display:flex;overflow:hidden}._mde-line-numbers{background:var(--mde-editor-line-bg);color:var(--mde-editor-line-text);font-family:var(--main-font-mono);text-align:right;-webkit-user-select:none;user-select:none;flex-shrink:0;min-width:2.5rem;padding:.75rem 0;font-size:.8125rem;line-height:1.6;overflow:hidden}._mde-line-number{padding:0 .5rem;display:block}._mde-editor{background:var(--mde-editor-bg);color:var(--mde-editor-text);font-family:var(--main-font-mono);resize:none;-moz-tab-size:4;tab-size:4;white-space:pre;min-height:0;caret-color:var(--mde-editor-caret);border-width:0;outline:none;flex:1;padding:.75rem;font-size:.8125rem;line-height:1.6;overflow:auto}._mde-editor::placeholder{color:var(--mde-editor-line-text)}._mde-error{background:var(--mde-error-light);color:var(--mde-error);border-top-style:solid;border-top-width:1px;border-top-color:var(--mde-error-light);flex-shrink:0;align-items:flex-start;gap:.5rem;max-height:60px;padding:.5rem .75rem;font-size:.75rem;display:flex;overflow-y:auto}._mde-error-icon{flex-shrink:0;margin-top:1px}._mde-error-text{word-break:break-word;overflow-wrap:anywhere;line-height:1.4}@media (max-width:860px){._mde-editor{-webkit-text-size-adjust:100%;padding:.625rem .5rem;font-size:16px;line-height:1.5}._mde-line-numbers{min-width:2.25rem;padding:.625rem 0;font-size:16px;line-height:1.5}._mde-line-number{padding:0 .375rem}._mde-error{max-height:80px;padding:.5rem .625rem;font-size:.75rem}}._mde-preview-wrap{background:var(--mde-preview-bg);background-image:radial-gradient(circle, var(--mde-preview-pattern) 1px, transparent 1px);background-size:16px 16px;flex:1;min-height:0;position:relative;overflow:auto}._mde-preview{transform-origin:50%;justify-content:center;align-items:center;min-height:100%;padding:1.5rem;transition:transform .15s;display:flex}._mde-preview svg{max-width:100%;height:auto}._mde-preview-loading{color:var(--mde-text-muted);flex-direction:column;align-items:center;gap:.75rem;font-size:.8125rem;display:flex}._mde-spinner{border-style:solid;border-width:2px;border-color:var(--mde-border);border-top-color:var(--mde-primary);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite _mde-spin}@keyframes _mde-spin{to{transform:rotate(360deg)}}._mde-resize-handle{background:var(--mde-border);cursor:col-resize;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}._mde-resize-handle:hover{background:var(--mde-primary)}._mde-resize-dots{flex-direction:column;gap:3px;display:flex}._mde-resize-dots:before,._mde-resize-dots:after{content:"";background:var(--mde-text-muted);border-radius:50%;width:2px;height:2px}._mde-resize-handle:hover ._mde-resize-dots:before,._mde-resize-handle:hover ._mde-resize-dots:after{background:#fff}@media (max-width:860px){._mde-resize-handle{cursor:row-resize;touch-action:none;width:100%;height:14px}._mde-resize-dots{flex-direction:row;gap:4px}._mde-resize-dots:before,._mde-resize-dots:after{width:3px;height:3px}._mde-preview{padding:1rem .75rem}._mde-preview-wrap{-webkit-overflow-scrolling:touch;background-size:12px 12px}}