:root{--bg: #ffffff;--fg: #1a1a1a;--muted: #6b7280;--border: #e5e7eb;--panel: #f9fafb;--accent: #2563eb;--warn: #b45309;--err: #b91c1c;--ok: #15803d;font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme: dark){:root{--bg: #0f1115;--fg: #e5e7eb;--muted: #9ca3af;--border: #262b36;--panel: #151922;--accent: #60a5fa}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg)}.app{display:flex;flex-direction:column;height:100vh}header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 1rem;border-bottom:1px solid var(--border);flex-wrap:wrap}.brand{font-size:1rem}.brand code{color:var(--accent)}.controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.controls select{background:var(--panel);color:var(--fg);border:1px solid var(--border);border-radius:6px;padding:.2rem .4rem}.status{font-size:.85rem;color:var(--muted);font-variant-numeric:tabular-nums}.status-error{color:var(--err)}.status-ready{color:var(--ok)}main{display:flex;flex:1;min-height:0}.pane{flex:1;min-width:0;overflow:auto}.editor{border-right:1px solid var(--border);display:flex}.editor textarea{flex:1;border:0;resize:none;padding:1rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;line-height:1.5;background:var(--bg);color:var(--fg);outline:none}.preview{padding:1.25rem 1.75rem}.preview .fl-article{max-width:46rem}footer{border-top:1px solid var(--border);background:var(--panel)}.panel{padding:.5rem 1rem;font-size:.85rem}.counts{display:flex;gap:1.25rem}.counts .warn{color:var(--warn)}.counts .ok{color:var(--ok)}.error{color:var(--err);margin-top:.4rem;white-space:pre-wrap}.warnings{margin:.5rem 0 0;padding-left:0;list-style:none;max-height:8rem;overflow:auto}.warnings li{display:flex;gap:.6rem;padding:.15rem 0;align-items:baseline}.warnings code{color:var(--accent)}.warnings .line{color:var(--muted);min-width:2.5rem}.muted{color:var(--muted)}