:root{--bg: #1e1e1e;--panel: #252526;--border: #333;--text: #d4d4d4;--accent: #4ea1ff;font-family:ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}.app{display:flex;height:100vh}.sidebar{width:320px;background:var(--panel);border-right:1px solid var(--border);padding:16px;overflow-y:auto;flex-shrink:0}.viewport{flex:1;position:relative}.brand{font-size:20px;font-weight:700;margin:0 0 4px}.brand span{color:var(--accent)}.sub{font-size:12px;color:#888;margin:0 0 16px}.group{margin-bottom:14px}.group h3{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#999;margin:0 0 6px;border-bottom:1px solid var(--border);padding-bottom:4px}.row{display:flex;justify-content:space-between;font-size:13px;padding:2px 0}.row b{color:#fff;font-variant-numeric:tabular-nums}.badge{display:inline-block;padding:1px 8px;border-radius:10px;font-size:11px}.ok{background:#1b3a1b;color:#7fe07f}.statusbar{position:absolute;bottom:0;left:0;right:0;height:24px;background:#007acc;color:#fff;font-size:12px;display:flex;align-items:center;gap:16px;padding:0 12px}.loading{padding:40px;color:#888}.dsl{width:100%;height:200px;resize:vertical;background:#1b1b1b;color:#cfe3ff;border:1px solid var(--border);border-radius:4px;padding:8px;font:12px/1.5 ui-monospace,monospace;-moz-tab-size:2;tab-size:2}.dsl:focus{outline:1px solid var(--accent)}.err{color:#ff9a9a;font-size:12px;margin-top:6px;white-space:pre-wrap}.spin{color:var(--accent);font-size:10px;font-weight:400;text-transform:none}