.code-editor{background:#1a1a1a;border:1px solid #444;border-radius:2px;position:relative;overflow:hidden}.code-editor pre,.code-editor textarea{white-space:pre;overflow-wrap:normal;tab-size:2;box-sizing:border-box;border:0;margin:0;padding:3px 4px;font-family:Consolas,Monaco,monospace;font-size:11px;line-height:1.4}.code-editor pre{pointer-events:none;color:#ddd;background:0 0;position:absolute;inset:0;overflow:hidden}.code-editor pre>code{font:inherit;will-change:transform;display:block}.code-editor textarea{color:#0000;caret-color:#ddd;resize:vertical;background:0 0;outline:none;width:100%;display:block;position:relative;overflow:auto}.code-block{white-space:pre;color:#ddd;margin:0;padding:0 6px 6px;font-family:Consolas,Monaco,monospace;font-size:10px;line-height:1.4;overflow-x:auto}.code-editor .token.comment,.code-editor .token.prolog,.code-editor .token.cdata,.code-block .token.comment,.code-block .token.prolog,.code-block .token.cdata{color:#6a7a85}.code-editor .token.punctuation,.code-editor .token.operator,.code-block .token.punctuation,.code-block .token.operator{color:#9aa3ad}.code-editor .token.keyword,.code-block .token.keyword{color:#c678dd}.code-editor .token.string,.code-editor .token.char,.code-editor .token.regex,.code-block .token.string,.code-block .token.char,.code-block .token.regex{color:#98c379}.code-editor .token.number,.code-editor .token.boolean,.code-editor .token.constant,.code-block .token.number,.code-block .token.boolean,.code-block .token.constant{color:#d19a66}.code-editor .token.function,.code-editor .token.class-name,.code-block .token.function,.code-block .token.class-name{color:#4fc3f7}.code-editor .token.builtin,.code-block .token.builtin{color:#56b6c2}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#ddd;background:#1e1e1e;width:100%;height:100%;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}.app{background:#111;grid-template-columns:320px 1fr;gap:4px;width:100vw;height:100vh;display:grid;overflow:hidden}.left-panel{background:#2a2a2a;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.right-panel{grid-template-rows:1fr 60px;gap:4px;min-width:0;min-height:0;display:grid;overflow:hidden}.right-split{width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}.top-right,.bottom-right,.scrubber{background:#2a2a2a;min-width:0;min-height:0;position:relative;overflow:hidden}.top-right,.bottom-right{width:100%;height:100%;padding:4px}h3{text-transform:uppercase;color:#888;letter-spacing:.8px;margin-bottom:10px;font-size:12px}.scrubber{align-items:center;gap:8px;padding:8px 12px;display:flex}