:root{--bg: #ffffff;--fg: #1b1b1f;--muted: #6b7280;--border: #e3e5e8;--accent: #2563eb;--code-bg: #f3f4f6;--sidebar-bg: #fafafa;color-scheme:light dark}[data-theme=dark]{--bg: #15161a;--fg: #e7e8ea;--muted: #9aa0a6;--border: #2c2e33;--accent: #60a5fa;--code-bg: #1e2024;--sidebar-bg: #1a1b1f}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #15161a;--fg: #e7e8ea;--muted: #9aa0a6;--border: #2c2e33;--accent: #60a5fa;--code-bg: #1e2024;--sidebar-bg: #1a1b1f}}*{box-sizing:border-box}.hidden{display:none!important}html,body{margin:0;height:100%;background:var(--bg);color:var(--fg);font-family:-apple-system,Segoe UI,Noto Sans Arabic,system-ui,sans-serif}body{display:flex;flex-direction:column}.waraq-toolbar{display:flex;align-items:center;gap:.4rem;padding:.4rem .6rem;border-bottom:1px solid var(--border);flex-wrap:wrap;background:var(--bg);position:sticky;top:0;z-index:10}.waraq-toolbar button,.waraq-toolbar select{font:inherit;font-size:.85rem;padding:.35rem .6rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg);cursor:pointer}.waraq-toolbar button:hover{border-color:var(--accent)}.waraq-toolbar button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.waraq-spacer{flex:1}.waraq-filename{font-size:.85rem;color:var(--muted);max-width:30ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.waraq-status{font-size:.78rem;color:var(--muted)}.waraq-status[data-dirty=true]:before{content:"\25cf  ";color:var(--accent)}.waraq-main{display:flex;flex:1;min-height:0;overflow:hidden}.waraq-sidebar{width:240px;flex-shrink:0;overflow-y:auto;background:var(--sidebar-bg);border-inline-end:1px solid var(--border);padding:.75rem;font-size:.85rem}.waraq-sidebar.hidden{display:none}.waraq-sidebar ul{list-style:none;margin:0;padding-inline-start:1em}.waraq-sidebar>ul{padding-inline-start:0}.waraq-sidebar a{color:var(--fg);text-decoration:none;display:block;padding:.15rem 0}.waraq-sidebar a:hover{color:var(--accent)}.waraq-panes{flex:1;display:flex;min-width:0}.waraq-pane{flex:1;min-width:0;overflow-y:auto}.waraq-pane.hidden{display:none}#waraq-editor{width:100%;height:100%;border:none;resize:none;outline:none;padding:1rem;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.95rem;line-height:1.6;background:var(--bg);color:var(--fg);direction:auto}.waraq-drop-overlay{position:fixed;inset:0;z-index:100;background:color-mix(in srgb,var(--accent) 12%,transparent);border:3px dashed var(--accent);display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--accent);pointer-events:none}.waraq-drop-overlay.hidden{display:none}.waraq-welcome{max-width:44rem;margin:3rem auto;padding:0 1.5rem;text-align:center;color:var(--muted)}.waraq-welcome button{margin:.25rem}.waraq-welcome .hint{margin-top:1.5rem;font-size:.85rem}.waraq-recent{text-align:start;max-width:28rem;margin:1.5rem auto 0}.waraq-recent li{list-style:none}.waraq-recent button{width:100%;text-align:start;background:none;border:1px solid var(--border);border-radius:6px;padding:.5rem .75rem;margin-bottom:.4rem;color:var(--fg);cursor:pointer}.waraq-chunk-placeholder{min-height:4rem;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.8rem}.waraq-preview{padding:1.25rem 1.75rem 3rem;line-height:1.7;max-width:54rem;margin:0 auto}.waraq-preview h1,.waraq-preview h2,.waraq-preview h3,.waraq-preview h4,.waraq-preview h5,.waraq-preview h6{line-height:1.3;margin-top:1.6em;margin-bottom:.5em;scroll-margin-top:3rem}.waraq-preview h1{font-size:1.9rem;border-bottom:1px solid var(--border);padding-bottom:.3em}.waraq-preview h2{font-size:1.5rem;border-bottom:1px solid var(--border);padding-bottom:.25em}.waraq-preview h3{font-size:1.25rem}.waraq-preview p{margin:.8em 0}.waraq-preview a{color:var(--accent)}.waraq-preview img{max-width:100%}.waraq-preview hr{border:none;border-top:1px solid var(--border);margin:2em 0}.waraq-preview blockquote{margin:1em 0;padding:.2em 1em;border-inline-start:3px solid var(--border);color:var(--muted)}.waraq-preview table{border-collapse:collapse;width:100%;margin:1em 0;font-size:.92em}.waraq-preview th,.waraq-preview td{border:1px solid var(--border);padding:.45em .7em}.waraq-preview th{background:var(--code-bg)}.waraq-preview code{font-family:ui-monospace,Cascadia Code,Consolas,monospace;background:var(--code-bg);padding:.15em .4em;border-radius:4px;font-size:.88em;direction:ltr;unicode-bidi:embed}.waraq-preview pre{background:var(--code-bg);padding:.9em 1em;border-radius:8px;overflow-x:auto;direction:ltr}.waraq-preview pre code{background:none;padding:0}.waraq-preview .task-list-item{list-style:none;margin-inline-start:-1.4em}.waraq-preview .task-list-item input{margin-inline-end:.5em}.waraq-preview .waraq-mermaid-rendered{text-align:center;margin:1.2em 0}.waraq-preview .waraq-mermaid-error{color:#b91c1c;background:var(--code-bg);padding:.75em;border-radius:6px;font-size:.85em;direction:ltr}.waraq-frontmatter{background:var(--sidebar-bg);border:1px solid var(--border);border-radius:8px;padding:.75em 1em;margin-bottom:1.5em;font-size:.85em}.waraq-frontmatter summary{cursor:pointer;color:var(--muted)}.waraq-frontmatter table{margin-top:.5em}@media(max-width:760px){.waraq-sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:80vw;max-width:320px;box-shadow:2px 0 12px #00000040}.waraq-sidebar.hidden{display:none}.waraq-panes.split{flex-direction:column}.waraq-panes.split .waraq-pane{flex:none;height:50%}}@media print{.waraq-toolbar,.waraq-sidebar,#waraq-editor,.waraq-drop-overlay{display:none!important}.waraq-pane.hidden.waraq-preview-pane{display:block!important}body{height:auto}.waraq-preview{max-width:none}}