:root{--bg-body: #f8f9fb;--bg-sidebar: #ffffff;--bg-column: #f3f4f6;--bg-card: #ffffff;--bg-card-hover: #fafafa;--bg-detail: #fafafa;--border: #e5e7eb;--border-strong: #d1d5db;--text-primary: #111827;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-bg: #eff6ff;--success: #16a34a;--radius-sm: 4px;--radius-md: 6px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--header-height: 48px;--sidebar-width: 220px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-body);color:var(--text-primary);font-size:14px;line-height:1.5}button{font-family:inherit;cursor:pointer}input{font-family:inherit}.md-preview{font-size:13px;line-height:1.6;color:var(--text-primary);word-break:break-word}.md-preview>*:first-child{margin-top:0}.md-preview>*:last-child{margin-bottom:0}.md-preview h1,.md-preview h2,.md-preview h3,.md-preview h4{margin:14px 0 6px;line-height:1.3;color:var(--text-primary)}.md-preview h1{font-size:18px}.md-preview h2{font-size:16px}.md-preview h3{font-size:14px}.md-preview h4{font-size:13px}.md-preview p{margin:6px 0}.md-preview ul,.md-preview ol{margin:6px 0;padding-left:22px}.md-preview li{margin:2px 0}.md-preview code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:var(--bg-column);padding:1px 5px;border-radius:var(--radius-sm)}.md-preview pre{background:var(--bg-column);padding:10px 12px;border-radius:var(--radius-sm);overflow:auto;margin:8px 0}.md-preview pre code{background:none;padding:0}.md-preview blockquote{margin:8px 0;padding:2px 12px;border-left:3px solid var(--border-strong);color:var(--text-secondary)}.md-preview a{color:var(--accent);text-decoration:none}.md-preview a:hover{text-decoration:underline}.md-preview table{border-collapse:collapse;margin:8px 0;font-size:12px;width:auto;max-width:100%}.md-preview th,.md-preview td{border:1px solid var(--border);padding:4px 8px;text-align:left}.md-preview th{background:var(--bg-column);font-weight:600}.md-preview img{max-width:100%;border-radius:var(--radius-sm)}.md-preview hr{border:none;border-top:1px solid var(--border);margin:12px 0}