.qualiaDemo{--demo-cell-bg:#fff;--demo-cell-text:#212529;--demo-primary:#0d6efd;--demo-success:#28a745;--demo-warning:#a65d18;--demo-error:#d32f2f;--demo-surface-base:color-mix(in srgb,var(--demo-cell-bg) 98%,black);--demo-surface-hover:color-mix(in srgb,var(--demo-cell-text) 5%,var(--demo-cell-bg));--demo-hover-background:color-mix(in srgb,var(--demo-cell-text) 1.5%,var(--demo-cell-bg));--demo-surface-active:color-mix(in srgb,var(--demo-cell-bg) 85%,black);--demo-text-primary:var(--demo-cell-text);--demo-text-secondary:color-mix(in srgb,var(--demo-cell-text) 60%,var(--demo-cell-bg));--demo-text-tertiary:color-mix(in srgb,var(--demo-cell-text) 40%,var(--demo-cell-bg));--demo-border-color:color-mix(in srgb,var(--demo-cell-text) 15%,var(--demo-cell-bg));--demo-border-subtle:color-mix(in srgb,var(--demo-border-color) 40%,transparent);--demo-grid:color-mix(in srgb,color-mix(in srgb,var(--demo-primary) 25%,var(--demo-cell-bg)) 50%,transparent);--demo-grid-fine:color-mix(in srgb,var(--demo-grid) 35%,transparent);--demo-primary-10:color-mix(in srgb,var(--demo-primary) 10%,transparent);--demo-primary-15:color-mix(in srgb,var(--demo-primary) 15%,transparent);--demo-cell-shadow:3px 3px 0 var(--demo-primary-15);--demo-cell-radius:14px;--demo-font-sans:"IBM Plex Sans Variable",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--demo-font-mono:"Inconsolata",ui-monospace,"SF Mono",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--background:var(--demo-surface-base);--foreground:var(--demo-text-primary);--primary:var(--demo-primary);--primary-foreground:#fff;--muted:var(--demo-surface-hover);--muted-foreground:var(--demo-text-secondary);--border:var(--demo-border-color);--input:var(--demo-border-color);--ring:var(--demo-primary);--radius:8px;color:var(--demo-text-primary);color-scheme:light;font-family:var(--demo-font-sans);font-size:13px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1.5;text-align:left;text-transform:none;user-select:none}html.dark .qualiaDemo{--demo-cell-bg:#282c34;--demo-cell-text:#abb2bf;--demo-primary:#4d94ff;--demo-success:#28bd4a;--demo-warning:#ffab76;--demo-error:#f06060;--demo-surface-base:color-mix(in srgb,var(--demo-cell-bg) 98%,white);--demo-cell-shadow:none;--demo-border-color:color-mix(in srgb,var(--demo-cell-bg) 75%,black);color-scheme:dark}.qualiaDemo :where(button,textarea,a){font-family:inherit;letter-spacing:normal}.qualiaDemo :where(button){cursor:pointer}.qualiaDemo :where(button,[role=button],summary){user-select:none}.qualiaDemo :where(input,textarea,[contenteditable=true]){user-select:text}.qualiaDemo :where(button,textarea,a):focus-visible{outline:2px solid var(--demo-primary);outline-offset:-2px}.qualiaDemo :where(svg){flex-shrink:0}@supports (corner-shape:superellipse(1.4)){.qualiaDemo{--demo-cell-radius:19.6px}.qualiaDemo :where(div,button,textarea){corner-shape:superellipse(1.4)}}.QualiaDemo_wrapper__sUXy1{background:var(--demo-surface-base);border:1px solid var(--demo-border-color);border-radius:12px;box-shadow:0 20px 60px rgb(0 0 0/20%);container:qualia-demo/inline-size;display:flex;flex-direction:column;font-variation-settings:normal;height:720px;isolation:isolate;max-width:100%;overflow:hidden;width:100%}.QualiaDemo_menuBar__CUQV6{align-items:center;border-bottom:1px solid var(--demo-border-color);display:grid;flex-shrink:0;grid-template-columns:1fr auto 1fr;height:40px;padding:0 12px}.QualiaDemo_windowControls__Va_IN{align-items:center;display:flex;gap:8px;justify-self:start}.QualiaDemo_windowControl__7_eqb{align-items:center;border:1px solid rgb(0 0 0/12%);border-radius:50%;box-shadow:inset 0 1px 0 rgb(255 255 255/15%);display:flex;flex-shrink:0;height:12px;justify-content:center;width:12px}.QualiaDemo_windowControl__7_eqb svg{height:8px;opacity:0;width:8px}.QualiaDemo_windowControls__Va_IN:hover svg{opacity:1}.QualiaDemo_closeControl__hIZNG{background:#ff5f57;color:#820005}.QualiaDemo_minimizeControl__gXvcY{background:#febc2e;color:#985600}.QualiaDemo_maximizeControl__sHKav{background:#28c840;color:#006500}.QualiaDemo_title__CJLE1{align-items:center;display:flex;font-size:14px;gap:6px;min-width:0}.QualiaDemo_title__CJLE1 svg{color:var(--demo-text-secondary)}.QualiaDemo_rightSection__hJ74j{align-items:center;display:flex;gap:10px;justify-content:flex-end}.QualiaDemo_menuAction__8Adk7{font-size:11px;gap:4px}.QualiaDemo_iconButton__ksL_H,.QualiaDemo_menuAction__8Adk7{align-items:center;background:none;border:0;color:var(--demo-text-secondary);display:inline-flex;padding:0}.QualiaDemo_iconButton__ksL_H{border-radius:4px;flex-shrink:0;height:28px;justify-content:center;width:28px}.QualiaDemo_iconButton__ksL_H:hover,.QualiaDemo_menuAction__8Adk7:hover{background:var(--demo-hover-background);color:var(--demo-text-primary)}.QualiaDemo_demoBody__rYjba{display:flex;flex:1;min-height:0}.QualiaDemo_editorArea__arm1C{display:flex;flex:1;flex-direction:column;min-width:0}.QualiaDemo_tabBar__mis3T{align-items:center;border-bottom:1px solid var(--demo-border-color);display:flex;flex-shrink:0;height:36px;min-width:0}.QualiaDemo_tab__d986d{align-items:center;align-self:stretch;background:none;border:0;border-right:1px solid var(--demo-border-subtle);color:var(--demo-text-secondary);display:flex;font-size:13px;gap:6px;max-width:220px;min-width:0;padding:0 12px}.QualiaDemo_chatTitle__c9djl,.QualiaDemo_tab__d986d span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.QualiaDemo_tabActive__ZVL3M{background:var(--demo-cell-bg);box-shadow:inset 0 -1px var(--demo-primary);color:var(--demo-text-primary)}.QualiaDemo_tabActive__ZVL3M>svg{color:var(--demo-warning)}.QualiaDemo_tabPanels__x7u4B{flex:1;min-height:0;position:relative}.QualiaDemo_tabContent__Kfz1_{display:flex;inset:0;position:absolute}.QualiaDemo_tabContent__Kfz1_[hidden]{display:none}.QualiaDemo_chatPane__vY_ik{border-left:1px solid var(--demo-border-color);display:flex;flex:0 0 21%;flex-direction:column;min-width:240px}.QualiaDemo_chatHeader__C92ud{align-items:center;display:flex;flex-shrink:0;gap:2px;height:36px;padding:0 6px}.QualiaDemo_chatTitle__c9djl{background:var(--demo-surface-active);border-radius:6px;font-size:12px;margin-right:auto;padding:3px 8px}@container qualia-demo (width < 850px){.QualiaDemo_chatPane__vY_ik{flex-basis:30%}.QualiaDemo_menuAction__8Adk7{display:none}}.QualiaDemo_chatCollapse__3aGe7{display:none}@container qualia-demo (width < 600px){.QualiaDemo_chatCollapse__3aGe7{display:inline-flex}.QualiaDemo_chatPane__vY_ik[data-collapsed]{flex:0 0 auto}.QualiaDemo_chatPane__vY_ik[data-collapsed]>:not(.QualiaDemo_chatHeader__C92ud){display:none}.QualiaDemo_demoBody__rYjba{flex-direction:column}.QualiaDemo_editorArea__arm1C{flex:1;min-height:0}.QualiaDemo_chatPane__vY_ik{border-left:0;border-top:1px solid var(--demo-border-color);flex:0 0 42%;min-height:0;min-width:0}.QualiaDemo_title__CJLE1{font-size:12px}.QualiaDemo_menuBar__CUQV6{grid-template-columns:1fr auto 1fr}}