.code-app{--code-app-bg:#f0f1f3;--code-app-surface:#ffffff;--code-app-surface-muted:#e8eaed;--code-app-input-bg:#ffffff;--code-app-text:#1a1a1a;--code-app-text-secondary:#5f6368;--code-app-text-muted:#80868b;--code-app-border:#dadce0;--code-app-border-strong:#bdc1c6;--code-app-accent:#000000;--code-app-accent-text:#ffffff;--code-app-focus-ring:rgba(0,0,0,0.2);--code-app-error:#dc2626;--code-app-error-text:#ffffff;--code-app-preview-bg:#ffffff;--code-app-radius:12px;--code-app-radius-pill:999px;--code-app-shadow:0 8px 28px rgba(0,0,0,0.12);color-scheme:light;color:var(--code-app-text);background-color:var(--code-app-surface)}html.dark .code-app{--code-app-bg:#121316;--code-app-surface:#1e1f20;--code-app-surface-muted:#282a2e;--code-app-input-bg:#252628;--code-app-text:#e8eaed;--code-app-text-secondary:#9aa0a6;--code-app-text-muted:#6d7178;--code-app-border:#3c4043;--code-app-border-strong:#5f6368;--code-app-accent:#ffffff;--code-app-accent-text:#0f0f0f;--code-app-focus-ring:rgba(255,255,255,0.28);--code-app-shadow:0 8px 32px rgba(0,0,0,0.45);color-scheme:dark}html.dark .code-app-chat-stream{--code-app-bg:transparent;--code-app-surface:#0a0a0a;--code-app-surface-muted:#121316;--code-app-input-bg:#1a1a1a;--code-app-text:#e8eaed;--code-app-text-secondary:#9aa0a6;--code-app-text-muted:#6d7178;--code-app-border:#3c4043;--code-app-border-strong:#5f6368;--code-app-accent:#3b78e8;--code-app-accent-text:#ffffff;color-scheme:dark;color:var(--code-app-text-secondary);background-color:transparent!important}html.light .code-app-chat-stream{--code-app-bg:transparent;--code-app-surface:#ffffff;--code-app-surface-muted:#f0f1f3;--code-app-text:#1a1a1a;--code-app-text-secondary:#5f6368;--code-app-accent:#1565d8;--code-app-accent-text:#ffffff;background-color:transparent!important}.code-app-chat-stream .code-app-stream-message{background-color:transparent}.code-app .prose{color:var(--code-app-text-secondary);--tw-prose-body:var(--code-app-text-secondary);--tw-prose-headings:var(--code-app-text);--tw-prose-bold:var(--code-app-text);--tw-prose-links:var(--code-app-text)}.code-app .prose h1,.code-app .prose h2,.code-app .prose h3,.code-app .prose h4,.code-app .prose strong{color:var(--code-app-text)}.code-app .prose li,.code-app .prose p{color:var(--code-app-text-secondary)}.code-app .prose a,.code-app .prose code{color:var(--code-app-text)}.code-app .prose code,.code-app .prose pre{background-color:var(--code-app-surface-muted)}.code-app .prose pre{border-color:var(--code-app-border)}.code-app .prose pre code{color:var(--code-app-text);background-color:transparent}.code-app button,.code-app input,.code-app select,.code-app textarea{color:var(--code-app-text);-webkit-text-fill-color:var(--code-app-text)}.code-app input:not([type=button]):not([type=submit]):not([type=reset]),.code-app textarea{background-color:var(--code-app-input-bg);border-color:var(--code-app-border)}.code-app ::placeholder{color:var(--code-app-text-muted);opacity:1}.code-app ::selection{background:rgba(26,115,232,.25);color:var(--code-app-text)}html.dark .code-app ::selection{background:rgba(138,180,248,.35);color:var(--code-app-text)}.code-app .MuiSvgIcon-root{color:inherit}.llamacoder-workspace .sp-preview,.llamacoder-workspace .sp-preview-container,.llamacoder-workspace .sp-stack,.llamacoder-workspace .sp-wrapper{display:flex;flex:1 1 auto;flex-direction:column;width:100%;min-height:360px;height:100%}.llamacoder-workspace .sp-preview-iframe{flex:1 1 auto;width:100%!important;min-height:360px!important;height:100%!important;border:0;background:#fff}html.dark .llamacoder-workspace .sp-preview-iframe{background:#1a1a1a}.llamacoder-workspace{color-scheme:light;color:#111827;background-color:#ffffff}.llamacoder-workspace .prose{color:#4b5563}.llamacoder-workspace .prose h1,.llamacoder-workspace .prose h2,.llamacoder-workspace .prose h3,.llamacoder-workspace .prose h4,.llamacoder-workspace .prose strong{color:#111827}.llamacoder-workspace button,.llamacoder-workspace input,.llamacoder-workspace select,.llamacoder-workspace textarea{color:inherit;-webkit-text-fill-color:currentColor}.llamacoder-workspace ::placeholder{color:#6b7280;opacity:1}.llamacoder-workspace [data-active]{background-color:#3b82f6!important;color:#ffffff!important}