:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-editor: #ffffff;--bg-header: #1a1a2e;--text-primary: #1a1a1a;--text-secondary: #666666;--text-header: #ffffff;--border-color: #e0e0e0;--accent-color: #6c5ce7;--accent-hover: #5a4bd1;--error-color: #e74c3c;--error-bg: #fdf0ef;--success-color: #27ae60;--tab-active-bg: #ffffff;--tab-inactive-bg: #e8e8e8;--shadow: 0 2px 8px rgba(0, 0, 0, .08);--radius: 6px;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}[data-theme=dark]{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-editor: #0f0f1a;--bg-header: #0f0f1a;--text-primary: #e0e0e0;--text-secondary: #999999;--text-header: #e0e0e0;--border-color: #2a2a4a;--accent-color: #a29bfe;--accent-hover: #6c5ce7;--error-color: #ff6b6b;--error-bg: #2d1b1b;--success-color: #2ecc71;--tab-active-bg: #1a1a2e;--tab-inactive-bg: #0f0f1a;--shadow: 0 2px 8px rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary)}#app{height:100%;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:48px;background:var(--bg-header);color:var(--text-header);border-bottom:1px solid var(--border-color);flex-shrink:0}.header-left{display:flex;align-items:center;gap:12px}.header-title{font-size:16px;font-weight:700;letter-spacing:-.5px}.header-title span{color:var(--accent-color)}.header-version{font-size:11px;color:var(--text-secondary);background:var(--bg-secondary);padding:2px 8px;border-radius:10px}.header-right{display:flex;align-items:center;gap:8px}.header-link{color:var(--text-secondary);text-decoration:none;font-size:13px;transition:color .2s}.header-link:hover{color:var(--text-header)}.theme-toggle{background:none;border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;padding:4px 8px;border-radius:var(--radius);font-size:14px;transition:background .2s}.theme-toggle:hover{background:var(--bg-secondary)}.header .theme-toggle{color:var(--text-header);border-color:#ffffff4d}.header .theme-toggle:hover{background:#ffffff1a}.main-layout{display:grid;grid-template-columns:1fr 1fr;flex:1;overflow:hidden}.panel{display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--border-color)}.panel:last-child{border-right:none}.panel-section{display:flex;flex-direction:column;overflow:hidden}.panel-section+.panel-section{border-top:1px solid var(--border-color)}.panel-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);padding:8px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.panel-label-right{display:flex;align-items:center;gap:8px}.examples-select{font-size:12px;padding:2px 6px;border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-editor);color:var(--text-primary);cursor:pointer;font-family:var(--font-sans)}.editor-wrapper{flex:1;overflow:auto;background:var(--bg-editor)}.editor-wrapper .cm-editor{height:100%}.editor-wrapper .cm-editor .cm-scroller{font-family:var(--font-mono);font-size:14px;line-height:1.5}.editor-wrapper .cm-editor.cm-focused{outline:none}.json-editors{display:grid;grid-template-columns:1fr 1fr;flex:1;overflow:hidden}.json-editor-section{display:flex;flex-direction:column;overflow:hidden}.json-editor-section+.json-editor-section{border-left:1px solid var(--border-color)}.tabs{display:flex;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0}.tab{padding:8px 16px;font-size:12px;font-weight:500;cursor:pointer;border:none;background:var(--tab-inactive-bg);color:var(--text-secondary);border-bottom:2px solid transparent;transition:all .2s;font-family:var(--font-sans)}.tab:hover{color:var(--text-primary)}.tab.active{background:var(--tab-active-bg);color:var(--accent-color);border-bottom-color:var(--accent-color)}.output-content{flex:1;overflow:auto;padding:12px;font-family:var(--font-mono);font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word;background:var(--bg-editor)}.output-result{color:var(--success-color)}.output-result-type{color:var(--text-secondary);font-size:11px;margin-bottom:4px}.error-display{padding:12px;background:var(--error-bg);border-left:3px solid var(--error-color);font-family:var(--font-mono);font-size:13px;color:var(--error-color);line-height:1.5;overflow:auto;flex:1}.error-type{font-weight:600;margin-bottom:4px}.error-location{font-size:11px;color:var(--text-secondary);margin-top:4px}.cm-error-highlight{background:#e74c3c33;border-bottom:2px wavy var(--error-color)}@media(max-width:768px){.main-layout{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.panel{border-right:none;border-bottom:1px solid var(--border-color)}.json-editors{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.json-editor-section+.json-editor-section{border-left:none;border-top:1px solid var(--border-color)}}.docs-content{flex:1;overflow:auto;padding:16px 20px;font-family:var(--font-sans);font-size:14px;line-height:1.6;color:var(--text-primary);background:var(--bg-editor)}.docs-content h2{font-size:18px;margin-bottom:12px}.docs-content h3{font-size:15px;margin-top:4px;margin-bottom:8px;color:var(--accent-color)}.docs-section{margin-bottom:20px}.docs-content ul{padding-left:20px;margin-bottom:8px}.docs-content li{margin-bottom:4px}.docs-content p{margin-bottom:8px}.docs-code{font-family:var(--font-mono);font-size:13px;background:var(--bg-secondary);padding:1px 5px;border-radius:3px;border:1px solid var(--border-color)}.docs-code-block{font-family:var(--font-mono);font-size:13px;line-height:1.5;background:var(--bg-secondary);padding:10px 12px;border-radius:var(--radius);border:1px solid var(--border-color);overflow-x:auto;margin:8px 0}.docs-table{width:100%;border-collapse:collapse;font-size:13px;margin:8px 0}.docs-table th,.docs-table td{padding:6px 10px;border:1px solid var(--border-color);text-align:left}.docs-table th{background:var(--bg-secondary);font-weight:600}.docs-table td:first-child{text-align:center;width:50px}.ast-tree{flex:1;overflow:auto;padding:8px 12px;font-family:var(--font-mono);font-size:13px;line-height:1.4;background:var(--bg-editor)}.ast-node-header{display:flex;align-items:center;gap:4px;padding:2px 4px;cursor:pointer;border-radius:3px;white-space:nowrap}.ast-node-header:hover{background:var(--bg-secondary)}.ast-toggle{width:14px;flex-shrink:0;color:var(--text-secondary);font-size:11px;-webkit-user-select:none;user-select:none}.ast-node-type{color:var(--accent-color);font-weight:600}.ast-node-summary{color:var(--success-color);margin-left:4px}.ast-prop-name{color:var(--text-secondary)}.ast-node-children{margin-left:16px;padding-left:8px;border-left:1px solid var(--border-color)}.ast-scalar{padding:2px 4px 2px 22px;color:var(--text-primary)}.ast-array-label{color:var(--text-secondary);margin-left:4px;font-size:12px}.shortcut-hint{font-size:10px;color:var(--text-secondary);padding:2px 6px;border:1px solid var(--border-color);border-radius:3px;font-family:var(--font-mono)}