.md-editor{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:4px;overflow:hidden;background:var(--color-bg-white)}.md-toolbar{display:flex;flex-wrap:wrap;gap:.25rem;padding:.4rem .5rem;background:var(--color-bg-soft);border-bottom:1px solid var(--color-border);align-items:center}.md-toolbar-btn{background:transparent;border:1px solid transparent;padding:.2rem .5rem;border-radius:3px;cursor:pointer;font-size:.85rem;font-family:inherit;color:var(--color-text-primary);min-width:28px}.md-toolbar-btn:hover{background:var(--color-bg-white);border-color:var(--color-border)}.md-divider{width:1px;height:18px;background:var(--color-border);margin:0 .25rem}.md-dropdown{position:relative}.md-dropdown-menu{position:absolute;top:100%;left:0;z-index:50;background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:4px;box-shadow:0 4px 12px #0000001a;min-width:140px;max-height:320px;overflow-y:auto;margin-top:2px;padding:.25rem 0}.md-dropdown-wide{min-width:240px}.md-dropdown-menu button{display:flex;flex-direction:column;align-items:flex-start;width:100%;background:transparent;border:none;padding:.4rem .75rem;text-align:left;font-size:.85rem;cursor:pointer;color:var(--color-text-primary);font-family:inherit}.md-dropdown-menu button:hover{background:var(--color-bg-soft)}.md-dropdown-hint{font-size:.7rem;color:var(--color-text-muted);margin-top:2px}.md-editor-host{flex:1;min-height:30rem}.preview-rendered{font-family:system-ui,-apple-system,sans-serif;line-height:1.6;color:var(--color-text-primary)}.preview-rendered h1,.preview-rendered h2,.preview-rendered h3{margin-top:1.2em;margin-bottom:.4em}.preview-rendered p{margin:.6em 0}.preview-rendered pre{margin:0}.preview-rendered code:not([class]){background:#7f7f7f26;padding:.1em .3em;border-radius:3px;font-size:.9em}.preview-code-wrapper{margin:1rem 0;border-radius:6px;overflow:hidden;background:#282c34;border:1px solid #1f232a}.preview-code-header{display:flex;justify-content:space-between;align-items:center;padding:.35rem .75rem;background:#21252b;font-size:.75rem;color:#abb2bf}.preview-code-language{font-family:var(--font-mono)}.preview-copy-btn{background:transparent;border:1px solid #3e4451;color:#abb2bf;padding:.15rem .5rem;border-radius:3px;cursor:pointer;font-size:.7rem}.preview-copy-btn:hover{background:#2c313a}.preview-code-content{margin:0!important;background:transparent!important;font-size:.85rem!important}.preview-mermaid{margin:1rem 0;text-align:center}.preview-mermaid svg{max-width:100%;height:auto}.preview-mermaid-error{margin:1rem 0;padding:.75rem;background:#fef2f2;border-left:3px solid #dc2626;color:#991b1b;font-size:.85rem}.preview-kroki{margin:1rem 0;text-align:center}.preview-kroki img{max-width:100%;height:auto}.preview-kroki-hint{font-size:.7rem;color:var(--color-text-muted);margin-top:.25rem;font-style:italic}.preview-kroki-loading{margin:1rem 0;padding:.75rem;text-align:center;background:#f8f9fa;color:#6c757d;font-size:.85rem;border-radius:4px}.preview-table-wrapper{overflow-x:auto;margin:1rem 0}.preview-rendered table{border-collapse:collapse;font-size:.875rem}.preview-rendered th,.preview-rendered td{border:1px solid var(--color-border);padding:.4rem .6rem;text-align:left}.preview-rendered th{background:var(--color-bg-soft)}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #1e3a8a;--color-primary-light: #3b82f6;--color-primary-dark: #1e40af;--color-accent: #10b981;--color-accent-light: #34d399;--color-bg: #f8fafc;--color-bg-secondary: #f1f5f9;--color-bg-white: #ffffff;--color-text: #1e293b;--color-text-secondary: #64748b;--color-text-muted: #94a3b8;--color-border: #e2e8f0;--color-border-dark: #cbd5e1;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;--header-height: 80px;--sidebar-width: 320px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .25s ease}[data-theme=dark]{--color-primary: #3b82f6;--color-primary-light: #60a5fa;--color-primary-dark: #2563eb;--color-accent: #34d399;--color-accent-light: #6ee7b7;--color-bg: #0f172a;--color-bg-secondary: #1e293b;--color-bg-white: #1e293b;--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-border: #334155;--color-border-dark: #475569;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4)}[data-theme=ocean]{--color-primary: #0891b2;--color-primary-light: #22d3ee;--color-primary-dark: #0e7490;--color-accent: #f59e0b;--color-accent-light: #fbbf24;--color-bg: #ecfeff;--color-bg-secondary: #cffafe;--color-bg-white: #ffffff;--color-text: #164e63;--color-text-secondary: #0e7490;--color-text-muted: #67e8f9;--color-border: #a5f3fc;--color-border-dark: #67e8f9}[data-theme=ocean-dark]{--color-primary: #22d3ee;--color-primary-light: #67e8f9;--color-primary-dark: #06b6d4;--color-accent: #fbbf24;--color-accent-light: #fcd34d;--color-bg: #083344;--color-bg-secondary: #164e63;--color-bg-white: #155e75;--color-text: #ecfeff;--color-text-secondary: #a5f3fc;--color-text-muted: #67e8f9;--color-border: #0e7490;--color-border-dark: #0891b2;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4)}[data-theme=forest]{--color-primary: #059669;--color-primary-light: #10b981;--color-primary-dark: #047857;--color-accent: #d97706;--color-accent-light: #f59e0b;--color-bg: #ecfdf5;--color-bg-secondary: #d1fae5;--color-bg-white: #ffffff;--color-text: #064e3b;--color-text-secondary: #047857;--color-text-muted: #6ee7b7;--color-border: #a7f3d0;--color-border-dark: #6ee7b7}[data-theme=forest-dark]{--color-primary: #10b981;--color-primary-light: #34d399;--color-primary-dark: #059669;--color-accent: #f59e0b;--color-accent-light: #fbbf24;--color-bg: #022c22;--color-bg-secondary: #064e3b;--color-bg-white: #065f46;--color-text: #ecfdf5;--color-text-secondary: #a7f3d0;--color-text-muted: #6ee7b7;--color-border: #047857;--color-border-dark: #059669;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4)}[data-theme=sunset]{--color-primary: #ea580c;--color-primary-light: #f97316;--color-primary-dark: #c2410c;--color-accent: #0891b2;--color-accent-light: #22d3ee;--color-bg: #fff7ed;--color-bg-secondary: #ffedd5;--color-bg-white: #ffffff;--color-text: #7c2d12;--color-text-secondary: #c2410c;--color-text-muted: #fdba74;--color-border: #fed7aa;--color-border-dark: #fdba74}[data-theme=sunset-dark]{--color-primary: #f97316;--color-primary-light: #fb923c;--color-primary-dark: #ea580c;--color-accent: #22d3ee;--color-accent-light: #67e8f9;--color-bg: #431407;--color-bg-secondary: #7c2d12;--color-bg-white: #9a3412;--color-text: #fff7ed;--color-text-secondary: #fed7aa;--color-text-muted: #fdba74;--color-border: #c2410c;--color-border-dark: #ea580c;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4)}[data-theme=lavender]{--color-primary: #7c3aed;--color-primary-light: #8b5cf6;--color-primary-dark: #6d28d9;--color-accent: #059669;--color-accent-light: #10b981;--color-bg: #f5f3ff;--color-bg-secondary: #ede9fe;--color-bg-white: #ffffff;--color-text: #4c1d95;--color-text-secondary: #6d28d9;--color-text-muted: #c4b5fd;--color-border: #ddd6fe;--color-border-dark: #c4b5fd}[data-theme=lavender-dark]{--color-primary: #8b5cf6;--color-primary-light: #a78bfa;--color-primary-dark: #7c3aed;--color-accent: #10b981;--color-accent-light: #34d399;--color-bg: #2e1065;--color-bg-secondary: #4c1d95;--color-bg-white: #5b21b6;--color-text: #f5f3ff;--color-text-secondary: #ddd6fe;--color-text-muted: #c4b5fd;--color-border: #6d28d9;--color-border-dark: #7c3aed;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4)}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background:var(--color-primary-light);color:#fff}a{color:var(--color-primary-light);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary);text-decoration:underline}button{font-family:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}code{font-family:var(--font-mono)}kbd{display:inline-block;padding:2px 6px;font-family:var(--font-mono);font-size:.75rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:4px;box-shadow:0 1px 1px #0000001a}.tag{display:inline-block;padding:2px 10px;font-size:.75rem;font-weight:500;background:var(--color-bg-secondary);border-radius:9999px;color:var(--color-text-secondary)}@media(max-width:768px){:root{--header-height: 60px;--sidebar-width: 280px}}@media(max-width:480px){:root{--sidebar-width: 100%}}