:root{color:#17202c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}.login-shell{color:#17202c;background:#f4f6f8;place-items:center;min-height:100vh;display:grid}.login-panel{background:#fff;border:1px solid #dbe2ea;border-radius:8px;gap:14px;width:min(420px,100vw - 32px);padding:22px;display:grid}.login-panel h1{font-size:24px}.login-panel label{color:#667487;gap:6px;font-size:13px;font-weight:700;display:grid}.login-panel button{color:#fff;background:#245b7f}.dev-code{background:#eef5fa;border-radius:6px;justify-content:space-between;align-items:center;padding:10px;display:flex}.dev-code span,.auth-error{color:#667487;font-size:13px}.auth-error{color:#a43f3f}.md-shell{color:#17202c;background:#f4f6f8;grid-template-columns:280px minmax(0,1fr) 280px;min-height:100vh;display:grid}.sidebar,.meta-pane{background:#fff;border-color:#dbe2ea}.sidebar{border-right:1px solid #dbe2ea;grid-template-rows:auto auto auto 1fr;gap:12px;padding:16px;display:grid}.brand{justify-content:space-between;align-items:baseline;display:flex}.brand span,.doc-topbar p,.doc-list span,.meta-pane p{color:#667487;font-size:13px}input,textarea,button{font:inherit}input,textarea{box-sizing:border-box;color:#17202c;background:#fff;border:1px solid #d8e0ea;border-radius:6px;width:100%;padding:10px}.actions,.mode-tabs{gap:8px;display:flex}button,.actions label{color:#17202c;cursor:pointer;background:#fff;border:1px solid #d8e0ea;border-radius:6px;padding:8px 10px}.actions label{position:relative;overflow:hidden}.actions input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.doc-list{align-content:start;gap:8px;display:grid;overflow:auto}.doc-list button{text-align:left;gap:4px;display:grid}.doc-list .selected,.mode-tabs .active{background:#e7f1f8;border-color:#2c6b98}.editor-pane{grid-template-rows:auto 1fr;min-width:0;display:grid}.doc-topbar{background:#fff;border-bottom:1px solid #dbe2ea;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}h1,h2,p{margin:0}h1{font-size:22px}h2{font-size:15px}.markdown-editor{resize:none;border:0;border-radius:0;height:100%;min-height:620px;padding:22px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.55}.visual-editor,.preview{height:100%;padding:22px;overflow:auto}.visual-row{border-bottom:1px solid #e7edf3;grid-template-columns:78px 1fr;gap:12px;padding:9px 0;display:grid}.visual-row span{color:#6c7a8e;font-size:12px}.preview{background:#fff;max-width:820px}.preview h1,.preview h2,.preview h3{margin:1em 0 .4em}.preview p,.preview li{line-height:1.65}.preview code,.meta-pane code{background:#eef2f6;border-radius:5px;padding:2px 5px}.meta-pane{border-left:1px solid #dbe2ea;align-content:start;gap:18px;padding:16px;display:grid}.meta-pane section{gap:10px;display:grid}.meta-pane code{overflow-wrap:anywhere;font-size:12px}.switch{align-items:center;gap:8px;display:flex}.switch input{width:auto}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.tag-list span{color:#245b7f;background:#e7f1f8;border-radius:999px;padding:4px 8px;font-size:12px}@media (width<=980px){.md-shell{grid-template-columns:1fr}.sidebar,.meta-pane{border:0}.doc-topbar{align-items:start;display:grid}}