*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0}button,select,input{font:inherit;color:inherit}a{color:inherit}ul,ol{margin:0;padding:0}:root{--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Helvetica, Arial, sans-serif;--font-mono: "SF Mono", ui-monospace, "Menlo", "Consolas", monospace;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--motion-fast: .15s;--motion-medium: .22s;--ease-out: cubic-bezier(.16, 1, .3, 1);--accent: #0071e3;--accent-contrast: #ffffff;--error: #d70015;--warning: #b25000;color-scheme:light;--bg: #f5f5f7;--bg-elevated: #ffffff;--bg-subtle: #f0f0f2;--bg-hover: rgba(0, 0, 0, .04);--bg-active: rgba(0, 0, 0, .07);--text-primary: #1d1d1f;--text-secondary: #6e6e73;--text-tertiary: #a1a1a6;--shadow-panel: 0 1px 2px rgba(0, 0, 0, .03), 0 8px 30px rgba(0, 0, 0, .06);--shadow-raised: 0 2px 10px rgba(0, 0, 0, .12);--syntax-keyword: #a626a4;--syntax-type: #0b7285;--syntax-atom: #986801;--syntax-number: #1a56db;--syntax-string: #c2410c;--syntax-comment: #8a8a8e;--syntax-operator: #383a42;--syntax-variable: #1d1d1f;--error-bg: rgba(215, 0, 21, .07);--warning-bg: rgba(178, 80, 0, .08)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg: #000000;--bg-elevated: #1c1c1e;--bg-subtle: #17171a;--bg-hover: rgba(255, 255, 255, .06);--bg-active: rgba(255, 255, 255, .1);--text-primary: #f5f5f7;--text-secondary: #98989d;--text-tertiary: #6e6e73;--shadow-panel: 0 0 0 1px rgba(255, 255, 255, .05), 0 10px 30px rgba(0, 0, 0, .5);--shadow-raised: 0 4px 16px rgba(0, 0, 0, .6);--accent: #0a84ff;--error: #ff453a;--warning: #ff9f0a;--syntax-keyword: #ff7ab2;--syntax-type: #6ac4dc;--syntax-atom: #ffd479;--syntax-number: #6bb1ff;--syntax-string: #ff9f5a;--syntax-comment: #82828a;--syntax-operator: #d4d4d6;--syntax-variable: #f5f5f7;--error-bg: rgba(255, 69, 58, .14);--warning-bg: rgba(255, 159, 10, .14)}}:root[data-theme=dark]{color-scheme:dark}:root[data-theme=light]{color-scheme:light}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100vh;max-width:1400px;margin:0 auto;padding:20px 28px 16px;gap:16px}.topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.brand{display:flex;align-items:baseline;gap:10px}.brand-mark{color:var(--accent);font-size:22px;line-height:1}.brand h1{margin:0;font-size:19px;font-weight:600;letter-spacing:-.01em}.brand-faint{font-weight:400;color:var(--text-secondary)}.topbar-controls{display:flex;align-items:center;gap:10px}.select-wrap{display:inline-flex}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-elevated);border:none;border-radius:var(--radius-sm);padding:8px 32px 8px 14px;font-size:13px;font-weight:500;color:var(--text-primary);box-shadow:var(--shadow-panel);cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--text-tertiary) 50%),linear-gradient(135deg,var(--text-tertiary) 50%,transparent 50%);background-position:calc(100% - 16px) center,calc(100% - 11px) center;background-size:5px 5px,5px 5px;background-repeat:no-repeat;transition:background-color var(--motion-fast) var(--ease-out)}.select:hover{background-color:var(--bg-hover)}.select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:var(--radius-sm);padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background-color var(--motion-fast) var(--ease-out),opacity var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:var(--accent-contrast)}.btn-primary:hover{opacity:.88}.btn-primary:disabled{opacity:.5;cursor:default}.btn-icon{font-size:10px}.mobile-toggle{display:none;gap:4px;background:var(--bg-elevated);border-radius:var(--radius-sm);padding:4px;box-shadow:var(--shadow-panel);width:fit-content}.segment{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;border-radius:calc(var(--radius-sm) - 2px);padding:6px 16px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.segment.active{background:var(--bg-active);color:var(--text-primary)}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{display:flex;flex-direction:column;min-height:0;background:var(--bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);overflow:hidden}.panel-header{padding:12px 18px;font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--text-tertiary);background:var(--bg-subtle)}.editor-host{flex:1;min-height:0;overflow:auto}.tabs{display:flex;gap:2px;padding:10px 14px 0;background:var(--bg-subtle)}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;border-radius:var(--radius-sm) var(--radius-sm) 0 0;padding:9px 14px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;gap:6px;position:relative;transition:color var(--motion-fast) var(--ease-out),background-color var(--motion-fast) var(--ease-out)}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--text-primary);background:var(--bg-elevated)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--error);color:#fff;font-size:10px;font-weight:700}.tab-panels{flex:1;min-height:0;position:relative}.tab-panel{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;padding:18px;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity var(--motion-medium) var(--ease-out),transform var(--motion-medium) var(--ease-out)}.tab-panel.active{opacity:1;transform:translateY(0);pointer-events:auto}.tab-panel :empty:before{content:attr(data-empty);color:var(--text-tertiary);font-size:13px}.output-pre{margin:0;font-family:var(--font-mono);font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word;color:var(--text-primary)}.output-pre.has-error{color:var(--error)}.ast-tree{font-family:var(--font-mono);font-size:12.5px;line-height:1.7}.ast-tree details{margin-left:14px}.ast-tree summary{cursor:pointer;list-style:none;color:var(--text-primary)}.ast-tree summary::-webkit-details-marker{display:none}.ast-tree summary:before{content:"▸";display:inline-block;width:14px;color:var(--text-tertiary);transition:transform var(--motion-fast) var(--ease-out)}.ast-tree details[open]>summary:before{transform:rotate(90deg)}.ast-node-type{color:var(--syntax-keyword);font-weight:600}.ast-node-detail{color:var(--text-secondary)}.ast-leaf{margin-left:14px;color:var(--text-secondary)}.ast-leaf:before{content:"▸";display:inline-block;width:14px;color:transparent}.diagnostics-list{display:flex;flex-direction:column;gap:8px}.diagnostic-row{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--bg-subtle);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out)}.diagnostic-row:hover{background:var(--bg-hover)}.diagnostic-row.severity-error{background:var(--error-bg)}.diagnostic-row.severity-warning{background:var(--warning-bg)}.diagnostic-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.severity-error .diagnostic-dot{background:var(--error)}.severity-warning .diagnostic-dot{background:var(--warning)}.diagnostic-body{display:flex;flex-direction:column;gap:2px;min-width:0}.diagnostic-message{font-size:13px;color:var(--text-primary)}.diagnostic-meta{font-size:11.5px;color:var(--text-tertiary);font-family:var(--font-mono)}.footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;font-size:12px;color:var(--text-tertiary);padding:2px 4px}.footer a{color:var(--text-secondary);text-decoration:none}.footer a:hover{color:var(--accent)}.cm-editor{height:100%;font-family:var(--font-mono);font-size:13px;background:var(--bg-elevated)}.cm-editor.cm-focused{outline:none}.cm-scroller{padding:8px 4px}.cm-gutters{background:var(--bg-elevated);border-right:none;color:var(--text-tertiary)}.cm-activeLine,.cm-activeLineGutter{background:var(--bg-hover)}.cm-selectionMatch{background:var(--bg-active)}*{scrollbar-width:thin;scrollbar-color:var(--text-tertiary) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--bg-active);border-radius:8px}*::-webkit-scrollbar-track{background:transparent}@media(max-width:860px){.app{padding:16px 16px 12px}.mobile-toggle{display:inline-flex}.workspace{grid-template-columns:1fr;grid-template-rows:1fr}.panel{display:none}.panel.mobile-active{display:flex}.brand h1{font-size:16px}}@media(prefers-reduced-motion:reduce){*{transition-duration:.001ms!important}}