pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}@media screen and (prefers-color-scheme:dark){pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}}:root{--bg: #ffffff;--fg: #1b1f23;--muted: #6a737d;--border: #d0d7de;--panel-bg: #f6f8fa;--accent: #0969da;--error-bg: #fff1f0;--error-border: #ffa39e;--error-fg: #a8071a;--banner-bg: #fff8e1;--banner-border: #f0c419;--banner-fg: #6b5300;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #0d1117;--fg: #e6edf3;--muted: #8b949e;--border: #30363d;--panel-bg: #161b22;--accent: #58a6ff;--error-bg: #2d1214;--error-border: #6e2c30;--error-fg: #ff7b72;--banner-bg: #2b2410;--banner-border: #6b5300;--banner-fg: #e3b341;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;overflow-x:hidden}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{flex:0 0 auto;padding:.6rem 1rem;border-bottom:1px solid var(--border);display:flex;align-items:baseline;gap:.6rem}.app-header h1{font-size:1rem;font-weight:600;margin:0}.app-header .subtitle{font-size:.8rem;color:var(--muted)}.banner{flex:0 0 auto;padding:.5rem 1rem;font-size:.85rem;border-bottom:1px solid var(--error-border);background:var(--error-bg);color:var(--error-fg)}.banner.info{border-bottom-color:var(--banner-border);background:var(--banner-bg);color:var(--banner-fg)}.tab-bar{flex:0 0 auto;display:flex;gap:.25rem;padding:.4rem 1rem 0;border-bottom:1px solid var(--border);overflow-x:auto}.tab-bar button{appearance:none;border:1px solid var(--border);border-bottom:none;background:var(--panel-bg);color:var(--muted);padding:.4rem .7rem;font-size:.8rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;border-radius:4px 4px 0 0;cursor:pointer;white-space:nowrap}.tab-bar button.active{background:var(--bg);color:var(--fg);border-color:var(--border);font-weight:600}.editor-pane{flex:0 0 40vh;display:flex;flex-direction:column;border-bottom:1px solid var(--border);min-height:0}.editor-pane textarea{flex:1 1 auto;width:100%;resize:none;border:none;outline:none;padding:.75rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;line-height:1.5;background:var(--bg);color:var(--fg)}.output-pane{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.output-toolbar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:.4rem 1rem;border-bottom:1px solid var(--border);background:var(--panel-bg)}.output-toolbar .label{font-size:.8rem;color:var(--muted)}.output-toolbar button{appearance:none;border:1px solid var(--border);background:var(--bg);color:var(--fg);padding:.3rem .7rem;font-size:.8rem;border-radius:4px;cursor:pointer}.output-toolbar button:hover{border-color:var(--accent);color:var(--accent)}.output-scroll{flex:1 1 auto;overflow:auto;min-height:0}.output-scroll pre{margin:0;padding:.75rem 1rem;min-width:max-content}.output-scroll code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;line-height:1.5}.output-placeholder{padding:1rem;color:var(--muted);font-size:.85rem}.output-error{padding:1rem;color:var(--error-fg);background:var(--error-bg);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;white-space:pre-wrap;border:1px solid var(--error-border);border-radius:4px;margin:1rem}.loading-note{padding:1rem;color:var(--muted);font-size:.85rem;display:flex;align-items:center;gap:.5rem}.spinner{width:.9rem;height:.9rem;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}