:root{--bg: #f7f8fb;--panel: #ffffff;--panel-2: #f0f3f9;--text: #0f172a;--muted: #64748b;--border: rgba(15, 23, 42, .12);--shadow: 0 10px 30px rgba(2, 6, 23, .08);--brand: #6b7280;--brand-2: #9ca3af;--danger: #dc2626;--code-bg: #f8fafc;--code-text: #0f172a;--radius: 14px;--radius-sm: 10px;color-scheme:light;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html[data-theme=dark]{--bg: #0b1220;--panel: #0f172a;--panel-2: #0b1326;--text: #e5e7eb;--muted: #9ca3af;--border: rgba(226, 232, 240, .12);--shadow: 0 10px 30px rgba(0, 0, 0, .35);--brand: #9ca3af;--brand-2: #cbd5e1;--danger: #f87171;--code-bg: #060914;--code-text: #e5e7eb;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background:var(--bg);color:var(--text);overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(900px 600px at 10% 0%,rgba(37,99,235,.12),transparent 60%),radial-gradient(700px 520px at 90% 10%,rgba(96,165,250,.12),transparent 55%)}#root{min-height:100vh;min-height:100dvh}a{color:inherit}button,input,textarea{font:inherit;color:inherit}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.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}.app-shell{height:var(--app-height, 100dvh);min-height:var(--app-height, 100dvh);display:flex;flex-direction:column;overflow:hidden;padding-bottom:var(--bottom-overlap, 0px)}.topbar{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,var(--panel) 88%,transparent);border-bottom:1px solid var(--border);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar-left{min-width:0}.app-title{font-size:15px;font-weight:700;letter-spacing:.2px}.topbar-right{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.main{flex:1;padding:14px;display:flex;justify-content:center;min-height:0;overflow:hidden}.chat-panel{width:min(980px,100%);background:color-mix(in srgb,var(--panel) 92%,transparent);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;min-height:0;flex:1}.messages{flex:1;overflow:auto;padding:16px 14px;min-height:0}.msg{display:flex;margin-bottom:12px}.msg-user{justify-content:flex-end}.msg-assistant{justify-content:flex-start}.bubble{max-width:min(760px,100%);border-radius:var(--radius);padding:12px;border:1px solid var(--border);background:var(--panel)}.msg-user .bubble{background:var(--panel);border-color:var(--border)}.composer{display:flex;align-items:center;gap:10px;padding:12px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--panel) 92%,transparent);padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.composer-input{resize:none;width:100%;flex:1;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel-2);padding:10px;outline:none;min-height:84px}.composer-input:focus{border-color:color-mix(in srgb,var(--brand) 60%,var(--border));box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 18%,transparent)}.composer-send{height:84px;align-self:center}.btn{border:1px solid var(--border);background:var(--panel);border-radius:12px;padding:10px 12px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.btn:hover:not(:disabled){background:color-mix(in srgb,var(--panel-2) 70%,var(--panel))}.btn.active{background:color-mix(in srgb,var(--brand) 15%,var(--panel));border-color:color-mix(in srgb,var(--brand) 50%,var(--border))}.btn.active:hover:not(:disabled){background:color-mix(in srgb,var(--brand) 20%,var(--panel))}.btn:disabled{opacity:.55;cursor:not-allowed}.btn[data-tooltip]:not([data-tooltip=""]):after{content:attr(data-tooltip);position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(-6px) scale(.95);padding:6px 12px;background:color-mix(in srgb,var(--panel) 98%,var(--text));color:var(--text);font-size:12px;font-weight:500;white-space:nowrap;border-radius:8px;border:1px solid var(--border);box-shadow:0 4px 16px #0000001f,0 2px 6px #00000014;pointer-events:none;opacity:0;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);z-index:1000;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:none}.btn[data-tooltip]:not([data-tooltip=""]):hover:after{opacity:0;transform:translate(-50%) translateY(-6px) scale(.95)}.btn[data-tooltip]:not([data-tooltip=""]):before{content:"";position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%) translateY(-6px) scale(.95);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid color-mix(in srgb,var(--panel) 98%,var(--text));filter:drop-shadow(0 -2px 4px rgba(0,0,0,.1));pointer-events:none;opacity:0;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);z-index:1001;display:none}.btn[data-tooltip]:not([data-tooltip=""]):hover:before{opacity:0;transform:translate(-50%) translateY(-6px) scale(.95)}.btn-sm{padding:6px 10px;border-radius:10px;font-size:12px}.muted{color:var(--muted)}.typing{display:inline-flex;gap:8px;align-items:center;padding:6px 2px}.typing-dot{width:8px;height:8px;border-radius:999px;background:color-mix(in srgb,var(--brand) 70%,var(--muted));opacity:.55;animation:typing-bounce 1s infinite ease-in-out}.typing-dot:nth-child(2){animation-delay:.12s}.typing-dot:nth-child(3){animation-delay:.24s}@keyframes typing-bounce{0%,to{transform:translateY(0);opacity:.45}50%{transform:translateY(-4px);opacity:.95}}.md{font-size:14px;overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.md :where(p){margin:.4em 0}.md :where(h1,h2,h3){margin:.6em 0 .3em}.md-inline-code{padding:.15em .35em;border-radius:8px;background:color-mix(in srgb,var(--code-bg) 10%,var(--panel));border:1px solid var(--border)}.md-code-compact{display:inline-block;max-width:100%;vertical-align:text-bottom;padding:6px 8px;border-radius:12px;border:1px solid var(--border);background:color-mix(in srgb,var(--code-bg) 65%,var(--panel));overflow-x:auto;overflow-y:hidden}.md-code-compact-inner{white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px}.md-pre{margin:.6em 0}.md-pre-scroll{max-height:min(420px,55vh);overflow:auto}.md-code-wrap{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--code-bg);color:var(--code-text)}.md-code-toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:1px solid color-mix(in srgb,var(--code-text) 12%,transparent);background:color-mix(in srgb,var(--code-bg) 92%,var(--panel))}.md-code-lang{font-size:12px;opacity:.8}.md-code-actions{display:inline-flex;gap:8px}.md-code{display:block;padding:12px;overflow:auto}.hljs{background:transparent!important}html[data-theme=dark] .hljs{color:#e5e7eb}html[data-theme=dark] .hljs-comment,html[data-theme=dark] .hljs-quote{color:#94a3b8}html[data-theme=dark] .hljs-keyword,html[data-theme=dark] .hljs-selector-tag,html[data-theme=dark] .hljs-literal,html[data-theme=dark] .hljs-built_in,html[data-theme=dark] .hljs-type{color:#93c5fd}html[data-theme=dark] .hljs-string,html[data-theme=dark] .hljs-doctag,html[data-theme=dark] .hljs-regexp{color:#a7f3d0}html[data-theme=dark] .hljs-number,html[data-theme=dark] .hljs-symbol,html[data-theme=dark] .hljs-bullet{color:#fbcfe8}html[data-theme=dark] .hljs-title,html[data-theme=dark] .hljs-section,html[data-theme=dark] .hljs-name{color:#fbbf24}html[data-theme=dark] .hljs-attr,html[data-theme=dark] .hljs-attribute,html[data-theme=dark] .hljs-variable,html[data-theme=dark] .hljs-template-variable,html[data-theme=dark] .hljs-tag{color:#c7d2fe}html[data-theme=dark] .hljs-emphasis{font-style:italic}html[data-theme=dark] .hljs-strong{font-weight:700}.md-table-wrap{width:100%;overflow:auto;margin:.8em 0}.md-table{width:100%;border-collapse:collapse;border:1px solid var(--border);border-radius:12px;overflow:hidden}.md-table :where(th,td){padding:10px;border-bottom:1px solid var(--border)}.md-table :where(th){text-align:left;background:var(--panel-2)}.runner-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#02061799;display:grid;place-items:center;padding:14px;z-index:50}.runner{width:min(980px,100%);height:min(760px,100%);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;transform-origin:center}.runner-overlay[data-state]{opacity:0;pointer-events:none;transition:opacity .16s ease-out}.runner-overlay[data-state] .runner{opacity:0;transform:translateY(10px) scale(.98);transition:transform .18s ease-out,opacity .18s ease-out}.runner-overlay[data-state=open]{opacity:1;pointer-events:auto}.runner-overlay[data-state=open] .runner{opacity:1;transform:translateY(0) scale(1)}@media (prefers-reduced-motion: reduce){.runner-overlay[data-state],.runner-overlay[data-state] .runner{transition:none!important}}.runner-header{padding:12px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px}.runner-title{font-weight:700}.runner-actions{display:inline-flex;gap:10px}.runner-body{flex:1;display:grid;grid-template-columns:1.2fr .8fr;gap:12px;padding:12px;min-height:0}.runner-editor{width:100%;height:100%;resize:none;border-radius:12px;border:1px solid var(--border);padding:10px;background:var(--panel-2);outline:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px}.runner-output{display:flex;flex-direction:column;min-height:0;border:1px solid var(--border);border-radius:12px;overflow:hidden}.runner-output-title{padding:10px;border-bottom:1px solid var(--border);background:var(--panel-2);font-weight:700}.runner-output-logs{padding:10px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;white-space:pre-wrap}.runner-iframe{display:none}.html-preview-body{flex:1;min-height:0;padding:12px}.html-preview-iframe{width:100%;height:100%;border:1px solid var(--border);border-radius:12px;background:#fff}@media (max-width: 720px){.main{padding:10px}.topbar-right .btn{padding:8px 10px}.topbar-right .btn-text{display:none}.topbar-right .btn{gap:0}.btn[data-tooltip]:not([data-tooltip=""]):after{display:block}.btn[data-tooltip]:not([data-tooltip=""]):hover:after{opacity:1;transform:translate(-50%) translateY(0) scale(1)}.btn[data-tooltip]:not([data-tooltip=""]):before{display:block}.btn[data-tooltip]:not([data-tooltip=""]):hover:before{opacity:1;transform:translate(-50%) translateY(0) scale(1)}.chat-panel{min-height:0}.runner-body{grid-template-columns:1fr;grid-template-rows:1fr .8fr}}