/* MDE main.min.css v1.5.0 — generated from main.css. DO NOT EDIT — edit main.css and regenerate. */
:root{--color-bg:#1a1a1a;--color-surface:#1e1e1e;--color-surface-2:#111;--color-surface-3:#2c2c2c;--color-sidebar-bg:#000;--color-preview-bg:#fff;--color-preview-text:#222;--color-preview-text-2:#555;--color-preview-text-3:#777;--color-preview-border:#e5e5e5;--color-preview-code-bg:#f3f3f3;--color-preview-pre-bg:#f7f7f7;--color-preview-link:#0066cc;--color-preview-link-hover:#003d7a;--color-border:#2a2a2a;--color-border-2:#333;--color-primary:#ff8a3d;--color-primary-dim:#e67730;--color-primary-bg:rgba(255,138,61,.12);--color-success:#4ade80;--color-success-dim:#22c55e;--color-danger:#ef4444;--color-danger-dim:#dc2626;--color-danger-bg:rgba(239,68,68,.12);--color-text:#fff;--color-text-2:#d0d0d0;--color-text-3:#888;--color-text-inv:#222;--font-sans:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,Ubuntu,sans-serif;--font-mono:'SF Mono','Fira Code','Fira Mono',Consolas,'Liberation Mono',monospace;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-md:17px;--text-lg:20px;--text-xl:24px;--weight-normal:400;--weight-medium:500;--weight-semi:600;--weight-bold:700;--lh-tight:1.25;--lh-snug:1.4;--lh-normal:1.6;--tracking-wide:.04em;--tracking-wider:.08em;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--r-sm:4px;--r-md:6px;--r-lg:10px;--r-xl:14px;--r-full:9999px;--shadow-md:0 2px 12px rgba(0,0,0,.35),0 1px 3px rgba(0,0,0,.4);--shadow-lg:0 8px 28px rgba(0,0,0,.45),0 2px 6px rgba(0,0,0,.4);--shadow-xl:0 20px 50px rgba(0,0,0,.55),0 4px 12px rgba(0,0,0,.4);--shadow-focus:0 0 0 3px rgba(255,138,61,.45);--tr-fast:140ms ease;--tr-normal:240ms ease;--tr-slow:380ms ease;--sidebar-w-collapsed:56px;--sidebar-w-expanded:220px;--toolbar-h:44px}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;height:100%}
body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--lh-normal);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.mde-skip-link{position:absolute;top:-40px;left:var(--sp-2);z-index:100;padding:var(--sp-2) var(--sp-3);background:var(--color-primary);color:var(--color-text-inv);font-weight:var(--weight-semi);font-size:var(--text-sm);border-radius:var(--r-md);text-decoration:none;transition:top var(--tr-fast)}
.mde-skip-link:focus{top:var(--sp-2)}
:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}
:focus:not(:focus-visible){outline:none}
.mde-app{display:flex;height:100vh;overflow:hidden}
.mde-main{flex:1;display:grid;grid-template-columns:1fr 1fr;min-width:0}
.mde-sidebar{width:var(--sidebar-w-collapsed);flex-shrink:0;background:var(--color-sidebar-bg);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:var(--sp-2) 0;transition:width var(--tr-slow);overflow:hidden}
.mde-sidebar.is-open{width:var(--sidebar-w-expanded)}
.mde-sidebar__btn{display:flex;align-items:center;gap:var(--sp-1);width:100%;min-height:40px;padding:var(--sp-2) var(--sp-4);color:var(--color-text);text-align:left;text-decoration:none;white-space:nowrap;transition:background var(--tr-fast)}
.mde-sidebar__btn--link,.mde-sidebar__btn--link:hover,.mde-sidebar__btn--link:focus,.mde-sidebar__btn--link:visited,.mde-sidebar__btn--link:active{text-decoration:none}
.mde-sidebar__btn:hover{background:rgba(255,255,255,.05)}
.mde-sidebar__btn:focus-visible{outline-offset:-2px}
.mde-sidebar__icon{color:var(--color-primary);font-size:18px;flex-shrink:0;width:24px;display:inline-flex;align-items:center;justify-content:center}
.mde-sidebar__label{color:var(--color-text);font-size:var(--text-sm);opacity:0;transition:opacity var(--tr-fast)}
.mde-sidebar.is-open .mde-sidebar__label{opacity:1}
.mde-sidebar__spacer{flex:1}
.mde-sidebar__divider{height:1px;background:var(--color-border);margin:var(--sp-2) var(--sp-4)}
.mde-sidebar__btn--static{cursor:default;color:var(--color-text-3)}
.mde-sidebar__btn--static:hover{background:transparent}
.mde-sidebar__btn--link{text-decoration:none}
.mde-sidebar__section{display:none;flex-direction:column}
.mde-sidebar.is-open .mde-sidebar__section{display:flex}
.mde-recent{list-style:none;margin:0;padding:0 0 var(--sp-2) 0;max-height:240px;overflow-y:auto}
.mde-recent__item{margin:0;padding:0}
.mde-recent__btn{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-1) var(--sp-4) var(--sp-1) calc(var(--sp-4) + 24px + var(--sp-1));color:var(--color-text-2);font-size:var(--text-sm);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background var(--tr-fast),color var(--tr-fast)}
.mde-recent__btn:hover{background:rgba(255,255,255,.05);color:var(--color-text)}
.mde-recent__btn.is-current{color:var(--color-primary)}
.mde-recent__name{overflow:hidden;text-overflow:ellipsis;flex:1}
.mde-recent__name::before{content:"·";margin-right:.5em;color:var(--color-text-3)}
.mde-recent__btn:hover .mde-recent__name::before,.mde-recent__btn.is-current .mde-recent__name::before{color:inherit}
.mde-recent__meta{color:var(--color-text-3);font-size:var(--text-xs);flex-shrink:0}
.mde-recent__empty{padding:var(--sp-1) var(--sp-4) var(--sp-1) calc(var(--sp-4) + 24px + var(--sp-2));color:var(--color-text-3);font-size:var(--text-sm);font-style:italic}
.mde-recent-header{display:flex;align-items:center;gap:var(--sp-1);width:100%;min-height:40px;padding:var(--sp-2) var(--sp-4);color:var(--color-text-3);white-space:nowrap}
.mde-recent-header__action{margin-left:auto;width:24px;height:24px;font-size:13px;color:var(--color-primary);flex-shrink:0}
.mde-manage-list{list-style:none;margin:0 0 var(--sp-4) 0;padding:0;max-height:400px;overflow-y:auto;border:1px solid var(--color-border-2);border-radius:var(--r-md)}
.mde-manage-list__item{display:flex;align-items:center;gap:var(--sp-2);margin:0;padding:0}
.mde-manage-list__item+.mde-manage-list__item{border-top:1px solid var(--color-border)}
.mde-manage-list__name-btn{display:flex;align-items:center;gap:var(--sp-3);flex:1;min-width:0;padding:var(--sp-2) var(--sp-3);color:var(--color-text-2);font-size:var(--text-sm);text-align:left;white-space:nowrap;overflow:hidden;transition:background var(--tr-fast),color var(--tr-fast)}
.mde-manage-list__name-btn:hover{background:var(--color-surface-3);color:var(--color-text)}
.mde-manage-list__item.is-current .mde-manage-list__name-btn{color:var(--color-primary)}
.mde-manage-list__name{flex:1;overflow:hidden;text-overflow:ellipsis}
.mde-manage-list__name::before{content:"·";margin-right:.5em;color:var(--color-text-3)}
.mde-manage-list__name-btn:hover .mde-manage-list__name::before,.mde-manage-list__item.is-current .mde-manage-list__name::before{color:inherit}
.mde-manage-list__meta{color:var(--color-text-3);font-size:var(--text-xs);flex-shrink:0}
.mde-manage-list__actions{display:flex;align-items:center;gap:var(--sp-1);padding-right:var(--sp-2);flex-shrink:0}
.mde-manage-list__empty{padding:var(--sp-3);color:var(--color-text-3);font-size:var(--text-sm);font-style:italic;text-align:center}
.mde-pane{display:flex;flex-direction:column;min-width:0;min-height:0}
.mde-pane+.mde-pane{border-left:1px solid var(--color-border)}
.mde-toolbar{display:flex;align-items:center;height:var(--toolbar-h);padding:0 var(--sp-3);background:var(--color-surface-2);border-bottom:1px solid var(--color-border)}
.mde-toolbar__title{color:var(--color-text-3);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase}
.mde-toolbar__heading{display:flex;align-items:center;gap:var(--sp-2);flex:0 1 auto;min-width:0}
.mde-toolbar__brand{display:inline-flex;align-items:center;color:var(--color-text);font-size:18px;line-height:1}
.mde-toolbar__filename{flex:0 1 auto;min-width:0;max-width:360px;padding:var(--sp-1) var(--sp-2);color:var(--color-text-2);font-family:var(--font-mono);font-size:var(--text-xs);border-radius:var(--r-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background var(--tr-fast),color var(--tr-fast)}
.mde-toolbar__filename:hover{background:var(--color-surface-3);color:var(--color-text)}
.mde-toolbar__filename.is-untitled{color:var(--color-text-3);font-style:italic}
.mde-editor-pane{background:var(--color-surface)}
.mde-editor{flex:1;width:100%;background:var(--color-surface);color:var(--color-text);border:0;padding:var(--sp-4);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;resize:none;outline:none;-webkit-appearance:none}
.mde-editor::placeholder{color:var(--color-text-3)}
.mde-editor:focus-visible{outline:none}
.mde-preview-pane{background:var(--color-preview-bg)}
.mde-preview{flex:1;overflow:auto;background:var(--color-preview-bg);color:var(--color-preview-text);padding:1.5rem;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--lh-normal)}
body.mde-popped-page{margin:0;background:var(--color-preview-bg);color:var(--color-preview-text);min-height:100vh}
.mde-preview--popped{flex:none;overflow:visible;max-width:760px;margin:0 auto;padding:var(--sp-10) var(--sp-6)}
.mde-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);color:var(--color-preview-text-3);text-align:center;padding:var(--sp-6)}
.mde-empty__icon{font-size:36px;color:var(--color-preview-text-3);line-height:1}
.mde-empty__msg{font-size:var(--text-sm);margin:0;max-width:280px}
.mde-preview h1,.mde-preview h2,.mde-preview h3,.mde-preview h4,.mde-preview h5,.mde-preview h6{font-weight:var(--weight-semi);line-height:var(--lh-tight);margin:1.4em 0 .5em;color:var(--color-preview-text)}
.mde-preview h1:first-child,.mde-preview h2:first-child,.mde-preview h3:first-child{margin-top:0}
.mde-preview h1{font-size:28px}
.mde-preview h2{font-size:22px}
.mde-preview h3{font-size:18px}
.mde-preview h4{font-size:16px}
.mde-preview h5{font-size:14px}
.mde-preview h6{font-size:13px;color:var(--color-preview-text-2)}
.mde-preview p{margin:0 0 1em}
.mde-preview a{color:var(--color-preview-link);text-decoration:underline;text-underline-offset:2px}
.mde-preview a:hover{color:var(--color-preview-link-hover)}
.mde-preview strong{font-weight:var(--weight-bold)}
.mde-preview em{font-style:italic}
.mde-preview ul,.mde-preview ol{margin:0 0 1em;padding-left:1.5em}
.mde-preview li{margin:.25em 0}
.mde-preview li>ul,.mde-preview li>ol{margin:.25em 0}
.mde-preview blockquote{border-left:3px solid var(--color-preview-border);margin:0 0 1em;padding:.25em 1em;color:var(--color-preview-text-2)}
.mde-preview blockquote p{margin:.5em 0}
.mde-preview hr{border:0;border-top:1px solid var(--color-preview-border);margin:1.5em 0}
.mde-preview code{background:var(--color-preview-code-bg);color:var(--color-preview-text);padding:1px 6px;border-radius:var(--r-sm);font-family:var(--font-mono);font-size:.92em}
.mde-preview pre{background:var(--color-preview-pre-bg);border:1px solid var(--color-preview-border);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);margin:0 0 1em;overflow-x:auto;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.5}
.mde-preview pre code{background:transparent;color:inherit;padding:0;border-radius:0;font-size:inherit}
.mde-preview table{width:100%;border-collapse:collapse;margin:0 0 1em;font-size:var(--text-sm)}
.mde-preview th,.mde-preview td{text-align:left;padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--color-preview-border)}
.mde-preview th{font-weight:var(--weight-semi);color:var(--color-preview-text-2)}
.mde-preview img{max-width:100%;height:auto;border-radius:var(--r-sm)}
.mde-dialog{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--r-lg);padding:var(--sp-6);box-shadow:var(--shadow-xl);max-width:360px;width:calc(100% - var(--sp-8))}
.mde-dialog::backdrop{background:rgba(0,0,0,.65)}
.mde-dialog--wide{max-width:480px}
.mde-dialog__title{font-size:var(--text-lg);font-weight:var(--weight-semi);line-height:var(--lh-tight);margin:0 0 var(--sp-2)}
.mde-dialog__version{color:var(--color-primary);font-family:var(--font-mono);font-size:var(--text-sm);margin:0 0 var(--sp-4)}
.mde-dialog__body{color:var(--color-text-2);font-size:var(--text-sm);line-height:var(--lh-normal);margin:0 0 var(--sp-5)}
.mde-dialog__close{display:inline-flex;align-items:center;justify-content:center;padding:var(--sp-2) var(--sp-4);background:var(--color-primary);color:var(--color-text-inv);border-radius:var(--r-md);font-size:var(--text-sm);font-weight:var(--weight-semi);transition:background var(--tr-fast)}
.mde-dialog__close:hover{background:var(--color-primary-dim)}
.mde-toolbar--editor,.mde-toolbar--preview{justify-content:space-between;gap:var(--sp-3)}
.mde-toolbar__actions{display:flex;align-items:center;gap:var(--sp-1)}
.mde-tool-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;color:var(--color-text-2);border-radius:var(--r-sm);font-size:14px;transition:background var(--tr-fast),color var(--tr-fast)}
.mde-tool-btn:hover{background:var(--color-surface-3);color:var(--color-primary)}
.mde-tool-btn:active{background:var(--color-primary-bg)}
.mde-tool-btn--danger:hover{color:var(--color-danger);background:var(--color-danger-bg)}
.mde-tool-divider{display:inline-block;width:1px;height:18px;background:var(--color-border-2);margin:0 var(--sp-1)}
.mde-saved-indicator{display:inline-flex;align-items:center;gap:var(--sp-2);margin-left:var(--sp-2);padding:0 var(--sp-2);color:var(--color-text-3);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);opacity:0;transition:opacity var(--tr-normal)}
.mde-saved-indicator.is-visible{opacity:1}
.mde-saved-indicator__dot{width:7px;height:7px;border-radius:var(--r-full);background:var(--color-success);box-shadow:0 0 6px rgba(74,222,128,.55)}
.mde-dialog__actions{display:flex;justify-content:flex-end;gap:var(--sp-2)}
.mde-dialog__actions--split{justify-content:space-between}
.mde-dialog__btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--sp-2) var(--sp-4);border-radius:var(--r-md);font-size:var(--text-sm);font-weight:var(--weight-semi);transition:background var(--tr-fast),color var(--tr-fast)}
.mde-dialog__btn--ghost{background:transparent;color:var(--color-text-2);border:1px solid var(--color-border-2)}
.mde-dialog__btn--ghost:hover{background:var(--color-surface-3);color:var(--color-text)}
.mde-dialog__btn--danger{background:var(--color-danger);color:var(--color-text)}
.mde-dialog__btn--danger:hover{background:var(--color-danger-dim)}
.mde-dialog__btn--primary{background:var(--color-primary);color:var(--color-text-inv)}
.mde-dialog__btn--primary:hover{background:var(--color-primary-dim)}
.mde-dialog__btn[disabled],.mde-dialog__btn:disabled{opacity:.5;cursor:not-allowed}
.mde-form{margin:0}
.mde-form-field{display:flex;flex-direction:column;gap:var(--sp-1);margin-bottom:var(--sp-4)}
.mde-form-field__label{color:var(--color-text-3);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase}
.mde-form-field__input{width:100%;padding:var(--sp-2) var(--sp-3);background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border-2);border-radius:var(--r-md);font-family:var(--font-mono);font-size:var(--text-sm);transition:border-color var(--tr-fast)}
.mde-form-field__input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}
.mde-form-field__input:invalid:not(:placeholder-shown){border-color:var(--color-danger)}
.mde-form-field__hint{color:var(--color-text-3);font-size:var(--text-xs);margin:0;min-height:1em}
.mde-form-field__hint.is-error{color:var(--color-danger)}
.mde-open-list{list-style:none;margin:0 0 var(--sp-4) 0;padding:0;max-height:320px;overflow-y:auto;border:1px solid var(--color-border-2);border-radius:var(--r-md)}
.mde-open-list__item{margin:0;padding:0}
.mde-open-list__item+.mde-open-list__item{border-top:1px solid var(--color-border)}
.mde-open-list__btn{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-2) var(--sp-3);color:var(--color-text-2);font-size:var(--text-sm);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background var(--tr-fast),color var(--tr-fast)}
.mde-open-list__btn:hover{background:var(--color-surface-3);color:var(--color-text)}
.mde-open-list__btn.is-current{color:var(--color-primary)}
.mde-open-list__name{flex:1;overflow:hidden;text-overflow:ellipsis}
.mde-open-list__name::before{content:"·";margin-right:.5em;color:var(--color-text-3)}
.mde-open-list__btn:hover .mde-open-list__name::before,.mde-open-list__btn.is-current .mde-open-list__name::before{color:inherit}
.mde-open-list__meta{color:var(--color-text-3);font-size:var(--text-xs);flex-shrink:0}
.mde-open-list__empty{padding:var(--sp-3);color:var(--color-text-3);font-size:var(--text-sm);font-style:italic;text-align:center}
.mde-toast{position:fixed;left:var(--sp-4);bottom:var(--sp-4);z-index:90;display:inline-flex;align-items:center;gap:var(--sp-3);max-width:340px;padding:var(--sp-3) var(--sp-4);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-2);border-left:3px solid var(--color-primary);border-radius:var(--r-md);box-shadow:var(--shadow-lg);font-size:var(--text-sm);transform:translateY(8px);opacity:0;transition:transform var(--tr-normal),opacity var(--tr-normal)}
.mde-toast[hidden]{display:none}
.mde-toast.is-visible{transform:translateY(0);opacity:1}
.mde-toast__icon{color:var(--color-primary);font-size:16px;line-height:1}
.mde-toast__msg{flex:1;color:var(--color-text-2)}
.mde-toast__close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--color-text-3);border-radius:var(--r-sm);font-size:12px;transition:background var(--tr-fast),color var(--tr-fast)}
.mde-toast__close:hover{background:var(--color-surface-3);color:var(--color-text)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}