:root{color:#0f172a;background:#f8fafc;font-family:IBM Plex Sans,Segoe UI,sans-serif;line-height:1.4}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,#e0f2fe,transparent 45%),radial-gradient(circle at top right,#fef9c3,transparent 45%),#f8fafc}h1,h2,p{margin:0}code{font-family:IBM Plex Mono,Fira Code,monospace}.app-shell{max-width:980px;margin:0 auto;padding:2rem 1rem 3rem;display:grid;gap:1rem}.subtitle{color:#334155}.panel{background:#fffc;border:1px solid #cbd5e1;border-radius:12px;padding:1rem;display:grid;gap:.75rem}.panel-section+.panel-section{border-top:1px solid #e2e8f0;padding-top:.75rem}.help{color:#475569;font-size:.95rem}.grammar-rules{color:#334155;font-size:.9rem}.grammar-rules ul{margin:.35rem 0 0;padding-left:1.1rem;display:grid;gap:.2rem}.grammar-input{width:100%;border:1px solid #94a3b8;border-radius:8px;padding:.7rem;font:inherit;resize:vertical}.grammar-toolbar{justify-content:flex-start}.row{display:flex;gap:.6rem;align-items:flex-end}.row-wrap{flex-wrap:wrap}.button-group{display:inline-flex;gap:.6rem}.text-input,.number-input{border:1px solid #94a3b8;border-radius:8px;padding:.55rem;font:inherit}.text-input{flex:1}label{display:grid;gap:.2rem;font-size:.9rem}button{border:0;border-radius:8px;background:#0ea5e9;color:#fff;font:inherit;padding:.6rem .9rem;cursor:pointer}button:disabled{background:#94a3b8;cursor:not-allowed}.examples{margin:0;padding-left:1.1rem;display:grid;gap:.2rem}.warnings{margin:0;padding-left:1.2rem;color:#7c2d12}.error{color:#b91c1c}.success{color:#166534}.parse-tree-panel{overflow-x:auto}.parse-tree-toolbar p{margin:0}.parse-tree-canvas{border:1px solid #cbd5e1;border-radius:8px;padding:.75rem;background:#fff;overflow-x:auto}.parse-tree-root,.parse-tree-root ul{margin:0;padding-left:1.1rem;list-style:none}.parse-tree-root ul{border-left:1px dashed #94a3b8;margin-left:.35rem}.parse-tree-root li{margin:.25rem 0}.tree-node-label,.tree-terminal-label,.tree-epsilon-label{font-family:IBM Plex Mono,Fira Code,monospace;font-size:.9rem;border-radius:4px;padding:.1rem .3rem;display:inline-block}.tree-node-label{background:#e0f2fe;color:#0c4a6e}.tree-terminal-label{background:#dcfce7;color:#14532d}.tree-epsilon-label{background:#f1f5f9;color:#334155}@media (max-width: 640px){.row{flex-direction:column;align-items:stretch}}