:root{--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--code-font:ui-monospace, "SF Mono", Menlo, Monaco, "Cascadia Code", Consolas, monospace;--code-font-size:13px;--logo-orange:#ac4804;--logo-orange-dark:#944004;--logo-charcoal:#303030;--logo-gray:#d0d0d0;--bg:#f3f3f3;--panel:#fff;--editor-bg:#fff;--editor-active-line:#faf6f3;--editor-selection:#f1dccb;--editor-match:#f7eae0;--border:#ddd;--text:var(--logo-charcoal);--text-muted:#646464;--text-faint:#a4a4a4;--accent:var(--logo-orange);--accent-muted:#d9a27f;--accent-text:#fff;--accent-soft:#f7e9df;--hover:#efefef;--error-bg:#fbefed;--error-border:#ecc2bb;--error-text:#b3261e;--warn-bg:#fdf5e6;--warn-text:#8a5300;--ok:#3f7a3a;--shadow:0 8px 30px #0000001f;--hl-text:var(--logo-charcoal);--hl-delimiter:var(--logo-orange);--hl-keyword:var(--logo-orange-dark);--hl-operator:var(--logo-orange-dark);--hl-filter:#c4600f;--hl-definition:#7a3a0e;--hl-variable:#1f1f1f;--hl-property:#555;--hl-string:#85602e;--hl-number:#b0670c;--hl-comment:#a0a0a0;--hl-tag:#484848;--hl-angle:#a8a8a8;--hl-attribute:#7a7a7a;--hl-punctuation:#8c8c8c;--hl-invalid:var(--error-text)}:root[data-theme=dark]{--bg:#1e1e1e;--panel:#282828;--editor-bg:#282828;--editor-active-line:#2f2c2a;--editor-selection:#553823;--editor-match:#3d3028;--border:#393939;--text:var(--logo-gray);--text-muted:#a2a2a2;--text-faint:#6c6c6c;--accent:#d0661f;--accent-muted:#8a4a20;--accent-text:#fff;--accent-soft:#3b2a1f;--hover:#333;--error-bg:#2f1d1b;--error-border:#5e2d27;--error-text:#f09a8c;--warn-bg:#2e2717;--warn-text:#f2c078;--ok:#8cc084;--shadow:0 8px 30px #00000080;--hl-text:var(--logo-gray);--hl-delimiter:#e8823b;--hl-keyword:#d9712c;--hl-operator:#d9712c;--hl-filter:#f2a465;--hl-definition:#f0b583;--hl-variable:#ececec;--hl-property:#bdbdbd;--hl-string:#d8b585;--hl-number:#f0b45e;--hl-comment:#7a7a7a;--hl-tag:#c2c2c2;--hl-angle:#7a7a7a;--hl-attribute:#9c9c9c;--hl-punctuation:#8a8a8a;--hl-invalid:var(--error-text)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px}body.resizing-horizontal{cursor:col-resize;-webkit-user-select:none;user-select:none}body.resizing-vertical{cursor:row-resize;-webkit-user-select:none;user-select:none}a{color:inherit}code,pre{font-family:var(--code-font);font-size:var(--code-font-size)}button,select,input{font:inherit;color:inherit}.app{flex-direction:column;height:100%;display:flex}.header{background:var(--panel);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 14px;display:flex}.brand{white-space:nowrap;color:var(--accent);align-items:center;gap:8px;margin-right:12px;font-size:15px;font-weight:650;text-decoration:none;display:flex}.brand-sub{color:var(--text-muted);font-weight:450}.header-spacer{flex:1}.links{white-space:nowrap;gap:14px;margin-left:8px;font-size:13px;display:flex}.links a{color:var(--text-muted);text-decoration:none}.links a:hover{color:var(--text);text-decoration:underline}.button,.examples{border:1px solid var(--border);background:var(--panel);cursor:pointer;white-space:nowrap;border-radius:6px;height:30px;padding:0 12px}.button:hover,.examples:hover{background:var(--hover)}.button:disabled{opacity:.5;cursor:default}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:550}.button.primary:hover{filter:brightness(1.08)}.button.icon{width:30px;padding:0;font-size:15px}.button.subtle{color:var(--text-muted);background:0 0;border-color:#0000}.button.subtle:hover{background:var(--hover);color:var(--text)}.button.small{height:24px;padding:0 8px;font-size:12px}.popover{border:1px solid var(--border);background:var(--panel);width:340px;max-height:calc(100vh - 70px);color:var(--text);box-shadow:var(--shadow);border-radius:10px;margin:0;padding:16px;position:fixed;inset:52px 14px auto auto;overflow:auto}.settings{flex-direction:column;gap:18px;display:flex}.settings section{flex-direction:column;gap:10px;display:flex}.settings h3{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:12px;font-weight:600}.setting-flag{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.setting-flag input{accent-color:var(--accent);margin-top:3px}.setting-flag small{color:var(--text-muted);font-size:12px;display:block}.setting-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.setting-row select,.syntax-grid input{border:1px solid var(--border);background:var(--bg);border-radius:6px;height:28px;padding:0 8px}.syntax-grid{flex-direction:column;gap:6px;display:flex}.syntax-row{grid-template-columns:1fr 70px 70px;align-items:center;gap:6px;display:grid}.syntax-grid input{width:100%;font-family:var(--code-font);font-size:12px}.workspace{grid-template-columns:calc(var(--split-x) * 100%) 6px 1fr;flex:1;min-height:0;padding:8px;display:grid}.side{grid-template-rows:calc(var(--split-y) * 100%) 6px 1fr;min-width:0;min-height:0;display:grid}.splitter{z-index:1;position:relative}.splitter:after{content:"";background:0 0;border-radius:2px;transition:background .15s;position:absolute}.splitter:hover:after{background:var(--accent)}.splitter-horizontal{cursor:col-resize}.splitter-horizontal:after{inset:30% 2px}.splitter-vertical{cursor:row-resize}.splitter-vertical:after{inset:2px 30%}.pane{background:var(--panel);border:1px solid var(--border);border-radius:8px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.pane-header{border-bottom:1px solid var(--border);align-items:stretch;gap:8px;min-height:38px;padding:0 8px;display:flex}.pane-title{align-items:center;padding:0 4px;font-size:13px;font-weight:600;display:flex}.pane-tools{color:var(--text-muted);white-space:nowrap;align-items:center;gap:10px;margin-left:auto;font-size:12px;display:flex}.pane-body{flex:1;min-height:0;position:relative}.editor{position:absolute;inset:0}.badge{background:var(--hover);border-radius:999px;padding:2px 8px;font-size:11px}.status strong{color:var(--text);font-weight:550}.toggle{cursor:pointer;align-items:center;gap:5px;display:flex}.toggle input{accent-color:var(--accent);margin:0}.tabs{scrollbar-width:none;align-items:stretch;gap:2px;min-width:0;display:flex;overflow-x:auto}.tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:0 10px;font-size:13px;display:flex}.tab:hover{color:var(--text)}.tab.active{color:var(--text);border-bottom-color:var(--accent);font-weight:550}.tab-name{font-family:var(--code-font);font-size:12.5px}.tab-error{background:var(--error-text);border-radius:50%;width:7px;height:7px}.tab-entry,.tab-close{width:18px;height:18px;color:var(--text-faint);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:4px;place-items:center;padding:0;font-size:9px;display:grid}.tab-close{font-size:15px}.tab:hover .tab-entry,.tab:hover .tab-close,.tab-entry.is-entry{opacity:1}.tab-entry.is-entry{color:var(--accent)}.tab-entry:hover,.tab-close:hover{background:var(--hover);color:var(--text)}.tab-add{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:5px;align-self:center;margin-left:2px;font-size:17px}.tab-add:hover{background:var(--hover);color:var(--text)}.tab-rename{border:1px solid var(--accent);background:var(--bg);font-family:var(--code-font);border-radius:4px;outline:none;padding:1px 4px;font-size:12.5px}.tab-rename.invalid{border-color:var(--error-text)}.output-body{overflow:auto}.text-output{white-space:pre-wrap;word-break:break-word;margin:0;padding:12px 16px;line-height:1.55}.ws{color:var(--text-faint)}.preview{background:#fff;border:0;width:100%;height:100%;display:block}.empty{color:var(--text-muted);padding:16px}.error-box{border:1px solid var(--error-border);background:var(--error-bg);color:var(--error-text);border-radius:6px;margin:12px;padding:12px 14px}.error-box pre{margin:0;font-size:12.5px;overflow-x:auto}.error-title{margin-bottom:6px;font-weight:600}.inspect{padding:0 0 12px}.hint{color:var(--text-muted);margin:12px 16px;font-size:13px}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:3px 16px 3px 0}.data-table td:first-child{padding-left:16px}.data-table .payload{word-break:break-all;width:100%}.data-table .right{text-align:right}.data-table .index{width:1%}.strong{font-weight:600}.muted{color:var(--text-faint)}.ok{color:var(--ok)}.span-link{color:var(--text-faint);font-family:var(--code-font);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0 4px;font-size:11.5px}.span-link:hover{background:var(--accent-soft);color:var(--accent)}.instructions-block h3{margin:14px 16px 6px;font-size:13px}.ast{font-family:var(--code-font);padding:10px 16px 10px 30px;font-size:12.5px;line-height:1.6}.ast-node>summary{cursor:pointer;list-style-position:outside}.ast-node>summary::marker{color:var(--text-faint)}.ast-children{border-left:1px solid var(--border);margin-left:6px;padding-left:12px}.ast-leaf{padding-left:1px}.ast-key{color:var(--text-muted)}.ast-label{color:var(--accent);margin-right:4px;font-weight:600}.ast-value{word-break:break-all}@media (max-width:860px){.header{flex-wrap:wrap}.brand{flex:1}.header-spacer{display:none}.examples{flex-basis:100%;order:10}.links{display:none}.workspace{flex-direction:column;gap:8px;display:flex;overflow:auto}.side{flex-direction:column;gap:8px;display:flex}.template-pane,.output-pane{min-height:60vh}.context-pane{min-height:30vh}.splitter{display:none}}:root[data-theme=dark] .brand img{filter:invert()}@media (max-width:480px){.brand-sub{display:none}}.tab-warning{background:var(--accent);border-radius:50%;width:7px;height:7px}.trust-banner,.notice{border-bottom:1px solid var(--border);background:var(--accent-soft);align-items:center;gap:12px;padding:8px 12px;font-size:13px;display:flex}.trust-banner span{flex:1}.link-button{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-weight:550;text-decoration:underline}.segmented{border:1px solid var(--border);border-radius:6px;display:flex;overflow:hidden}.segmented button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:2px 10px;font-size:12px}.segmented button+button{border-left:1px solid var(--border)}.segmented button.active{background:var(--accent);color:var(--accent-text)}.console{font-family:var(--code-font);font-size:var(--code-font-size)}.console-entry{border-bottom:1px solid var(--border);align-items:flex-start;gap:8px;padding:4px 12px;display:flex}.console-icon{text-align:center;flex:0 0 14px;line-height:1.55}.console-message{white-space:pre-wrap;word-break:break-word;flex:1;margin:0;line-height:1.55}.console-phase{background:var(--hover);color:var(--text-muted);font-family:var(--font);border-radius:999px;padding:0 6px;font-size:11px;line-height:1.8}.console-entry.level-warn{background:var(--warn-bg);color:var(--warn-text)}.console-entry.level-error{background:var(--error-bg);color:var(--error-text)}.console-entry.level-debug,.console-entry.level-debug .console-icon{color:var(--text-muted)}.console-entry.level-info .console-icon{color:var(--accent)}.count-badge{background:var(--hover);min-width:18px;color:var(--text-muted);text-align:center;border-radius:999px;padding:0 5px;font-size:11px;font-weight:600;line-height:18px}.count-badge.level-warn{background:var(--warn-bg);color:var(--warn-text)}.count-badge.level-error{background:var(--error-text);color:var(--panel)}