*{box-sizing:border-box}body,html{margin:0;height:100%}button,textarea{font:inherit}.exportmd-root{display:flex;flex-direction:column;height:100%;background:var(--bg,#f8fafc);color:var(--text,#0f172a)}[data-theme=dark] .exportmd-root{--bg:#0f172a;--text:#e2e8f0;--panel-bg:#1e293b;--border:#334155;--muted:#94a3b8;--accent:#60a5fa;--preview-bg:#fff}.exportmd-root{--panel-bg:#fff;--border:#e2e8f0;--muted:#64748b;--accent:#2563eb;--preview-bg:#fff}.exportmd-toolbar{display:flex;align-items:center;padding:.5rem 1rem;border-bottom:1px solid var(--border);background:var(--panel-bg);flex-shrink:0}.exportmd-toolbar__title{font-size:.9375rem;font-weight:600}.exportmd-panels{display:flex;flex:1 1;min-height:0}.exportmd-panel{display:flex;flex-direction:column;flex:1 1;min-width:0;-webkit-border-end:1px solid var(--border);border-inline-end:1px solid var(--border)}.exportmd-panel:last-child{-webkit-border-end:none;border-inline-end:none}.exportmd-panel__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.45rem .75rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--panel-bg) 92%,var(--accent) 8%);font-size:.8125rem;font-weight:600;color:var(--muted);flex-shrink:0}.exportmd-tabs{display:flex;gap:.25rem}.exportmd-tab{padding:.25rem .55rem;border:1px solid transparent;border-radius:.35rem;background:transparent;color:var(--muted);font-size:.75rem;font-weight:600;cursor:pointer}.exportmd-tab:hover{color:var(--text)}.exportmd-tab--active{border-color:var(--border);background:var(--panel-bg);color:var(--accent)}.exportmd-editor{flex:1 1;width:100%;min-height:0;padding:.75rem;border:0;resize:none;background:var(--panel-bg);color:var(--text);font-family:ui-monospace,Cascadia Code,Segoe UI Mono,monospace;font-size:.8125rem;line-height:1.55;outline:none}.exportmd-preview{flex:1 1;min-height:0;padding:.75rem 1rem;overflow:auto;background:var(--preview-bg);color:#0f172a;font-size:.9375rem;line-height:1.65}.exportmd-preview h1,.exportmd-preview h2,.exportmd-preview h3{margin-top:1em;margin-bottom:.5em}.exportmd-preview p{margin:.5em 0}.exportmd-preview pre{padding:.75rem;border-radius:.5rem;background:#f1f5f9;overflow:auto}.exportmd-preview code{font-family:ui-monospace,monospace;font-size:.875em}@media (max-width:768px){.exportmd-panels{flex-direction:column}.exportmd-panel{-webkit-border-end:none;border-inline-end:none;border-bottom:1px solid var(--border);min-height:40vh}.exportmd-panel:last-child{border-bottom:none}}