*{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#cdd6f4;background:#1e1e2e;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{flex-direction:column;height:100%;display:flex}.header{background:#181825;border-bottom:1px solid #313244;flex-shrink:0;align-items:center;gap:12px;padding:8px 16px;display:flex}.header-title{color:#cba6f7;font-size:15px;font-weight:600}.header-select{color:#cdd6f4;cursor:pointer;background:#313244;border:1px solid #45475a;border-radius:4px;padding:4px 8px;font-size:13px}.header-btn{color:#cdd6f4;cursor:pointer;background:#313244;border:1px solid #45475a;border-radius:4px;padding:4px 12px;font-size:13px;transition:background .15s}.header-btn:hover{background:#45475a}.panels{flex:1;min-height:0;display:flex}.editor-panel{border-right:1px solid #313244;flex:1;overflow:auto}.editor-panel .cm-editor{height:100%}.editor-panel .cm-editor .cm-scroller{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:14px}.result-panel{flex-direction:column;flex:1;min-width:0;display:flex}.result-tabs{background:#181825;border-bottom:1px solid #313244;flex-shrink:0;gap:0;display:flex}.result-tab{color:#6c7086;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:6px 16px;font-size:13px;transition:color .15s,border-color .15s}.result-tab:hover{color:#cdd6f4}.result-tab.active{color:#cdd6f4;border-bottom-color:#cba6f7}.result-tab.has-error{color:#f38ba8}.result-content{flex:1;padding:8px;overflow:auto}.ast-tree{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:1.6}.ast-placeholder{color:#6c7086;padding:16px;font-size:14px}.tree-children{padding-left:18px}.tree-leaf{padding-left:16px}.tree-summary{cursor:default;border-radius:3px;outline:none;padding:0 2px;list-style:disclosure-closed}details[open]>.tree-summary{list-style:disclosure-open}.tree-summary:hover{background:#313244}.tree-clickable{cursor:pointer}.tree-clickable:hover{background:#45475a}.tree-active{background:#cba6f726}.tree-key{color:#89b4fa}.tree-type{color:#a6e3a1;font-weight:600}.tree-string{color:#f9e2af}.tree-number{color:#fab387}.tree-null{color:#6c7086;font-style:italic}.tree-bracket{color:#6c7086}.error-view{padding:16px;font-size:14px}.error-message{color:#f38ba8;white-space:pre-wrap;word-break:break-word;font-family:JetBrains Mono,Fira Code,Consolas,monospace}.error-ok{color:#a6e3a1}.error-elapsed{color:#6c7086;margin-top:8px;font-size:12px}