*{margin:0;padding:0;box-sizing:border-box}.app{font-family:-apple-system,BlinkMacSystemFont,sans-serif;height:100vh;display:grid;grid-template-rows:auto auto 1fr;background:#1e1e1e;color:#d4d4d4}.header{padding:12px 16px;border-bottom:1px solid #333;display:flex;align-items:center;gap:16px}.header h1{font-size:16px;font-weight:500}.header select{background:#252526;color:#d4d4d4;border:1px solid #444;border-radius:4px;padding:4px 8px;font-size:13px}.editor{padding:8px;border-bottom:1px solid #333}.editor textarea{width:100%;min-height:80px;background:#252526;color:#d4d4d4;border:1px solid #333;border-radius:4px;padding:12px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:14px;resize:vertical;line-height:1.5}.panels{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:1px;background:#333;overflow:hidden}.panel{background:#1e1e1e;display:flex;flex-direction:column;overflow:hidden}.panel h2{font-size:13px;font-weight:500;padding:8px 12px;border-bottom:1px solid #333;color:#888}.panel-content{flex:1;overflow:auto;padding:12px}.highlight-output pre,.highlight-output code{font-family:SF Mono,Menlo,Consolas,monospace!important;font-size:14px!important;line-height:1.5!important;background:transparent!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important}.treesitter-output pre{overflow-wrap:anywhere}.codemirror-output .cm-editor{height:100%}.codemirror-output .cm-editor .cm-scroller{font-family:SF Mono,Menlo,Consolas,monospace;font-size:14px;line-height:1.5}@media(max-width:800px){.app{height:auto;min-height:100vh}.panels{grid-template-columns:1fr;grid-auto-rows:auto;overflow:visible}}