:root{--showcase-bg:#f5f5f7;--showcase-surface:#fff;--showcase-border:#e1e1e4;--showcase-text:#1b1a19;--showcase-muted:#605e5c;--showcase-accent:#0f6cbd;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.app--dark{--showcase-bg:#1b1a19;--showcase-surface:#252423;--showcase-border:#3b3a39;--showcase-text:#f3f2f1;--showcase-muted:#b3b0ad;--showcase-accent:#6cb8f6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif}:focus-visible{outline:2px solid var(--showcase-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app{background:var(--showcase-bg);height:100%;min-height:100%;color:var(--showcase-text);flex-direction:column;gap:.75rem;padding:.75rem;display:flex}.app__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.app__heading{min-width:0}.app__title{margin:0;font-size:1rem;font-weight:600}.app__subtitle{color:var(--showcase-muted);margin:.125rem 0 0;font-size:.8125rem}.theme-toggle{border:1px solid var(--showcase-border);background:var(--showcase-surface);color:var(--showcase-text);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;display:inline-flex}.theme-toggle:hover{border-color:var(--showcase-accent)}.app__body{flex:1;grid-template-columns:1fr;gap:.75rem;min-height:0;display:grid}.app__body--chat-open{grid-template-columns:minmax(0,1fr) minmax(18rem,22rem)}.stage{background:var(--showcase-surface);border:1px solid var(--showcase-border);border-radius:.5rem;min-width:0;min-height:0;overflow:hidden}.stage>*{height:100%}.chat-panel{border:1px solid var(--showcase-border);background:var(--showcase-surface);border-radius:.5rem;flex-direction:column;min-height:0;display:flex;overflow:hidden}.chat-panel__header{border-bottom:1px solid var(--showcase-border);justify-content:space-between;align-items:center;padding:.625rem .75rem;display:flex}.chat-panel__title{margin:0;font-size:.875rem;font-weight:600}.chat-panel__close{color:var(--showcase-muted);cursor:pointer;background:0 0;border:0;border-radius:.25rem;padding:.375rem;font-size:.875rem;line-height:1}.chat-panel__close:hover{color:var(--showcase-text);background:var(--showcase-bg)}.chat-panel__thread{flex:1;min-height:0;overflow:hidden}.chat-panel__thread>*{height:100%}.chat-panel__typing{min-height:1.25rem;padding:0 .75rem}.chat-panel__sendbox{padding:.5rem .75rem .75rem}.app__controls{flex:none;min-height:5rem;position:relative}.app__controls>*{height:100%}.app__controls .ms-Button-flexContainer,.demo .ms-Button-flexContainer{align-self:center;height:auto}.app__footnote{text-align:center;color:var(--showcase-muted);margin:0;font-size:.75rem}.camera-error{border:1px solid var(--showcase-border);background:var(--showcase-surface);text-align:center;width:100%;height:100%;min-height:4.5rem;color:var(--showcase-text);border-radius:.25rem;flex-direction:column;justify-content:center;align-items:center;gap:.125rem;padding:.5rem;display:flex}.camera-error__title{font-size:.8125rem;font-weight:600}.camera-error__body{color:var(--showcase-muted);font-size:.6875rem;line-height:1.35}.camera-notice{border:1px solid var(--showcase-border);background:var(--showcase-surface);max-width:40rem;color:var(--showcase-text);text-align:center;border-radius:.25rem;margin:0 auto;padding:.5rem .75rem;font-size:.8125rem;line-height:1.4}.app--ended{justify-content:center;align-items:center}.ended-card{text-align:center;border:1px solid var(--showcase-border);background:var(--showcase-surface);border-radius:.5rem;max-width:26rem;padding:1.5rem}.ended-card__title{margin:0 0 .5rem;font-size:1.125rem}.ended-card__body{color:var(--showcase-muted);margin:0 0 1rem;font-size:.875rem;line-height:1.45}.ended-card__button{background:var(--showcase-accent);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:.25rem;padding:.5rem 1rem;font-size:.875rem}@media (width<=48rem){.app{gap:.5rem;padding:.5rem}.app__body--chat-open{grid-template-rows:minmax(9rem,1fr) minmax(0,1.1fr);grid-template-columns:1fr}.app__footnote{font-size:.6875rem}}.demo{background:var(--showcase-bg);height:100%;color:var(--showcase-text);flex-direction:column;gap:.625rem;padding:.75rem;display:flex}.demo__head{flex:none}.demo__name{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875rem;font-weight:600}.demo__note{color:var(--showcase-muted);margin:.25rem 0 0;font-size:.75rem;line-height:1.45}.demo__body{flex-direction:column;flex:1;gap:.5rem;min-height:0;display:flex}.demo-stage{border:1px solid var(--showcase-border);background:var(--showcase-surface);border-radius:.375rem;overflow:hidden}.demo-stage--fill{flex:1 1 0;min-height:0;overflow:hidden}.demo-stage--fill>*{height:100%}.demo-stage--pad{padding:.5rem}.demo-stage--column{flex-direction:column;padding:.5rem;display:flex}.demo-stage--column>*{height:auto}.demo-stage--center{display:flex;overflow:visible}.demo-stage--center>*{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.demo-stage--bar{position:relative}.demo-stage--bar>*{height:100%}.demo-sendbox-thread{flex:1;min-height:0;overflow:auto}.demo-empty{color:var(--showcase-muted);margin:0;padding:1rem .5rem;font-size:.75rem}.demo-switcher{flex-wrap:wrap;flex:none;align-items:baseline;gap:.5rem;display:flex}.demo-switcher__label{letter-spacing:.08em;text-transform:uppercase;color:var(--showcase-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.625rem}.demo-switcher__options{flex-wrap:wrap;gap:.25rem;display:flex}.demo-chip{border:1px solid var(--showcase-border);background:var(--showcase-surface);color:var(--showcase-muted);font:inherit;cursor:pointer;border-radius:999px;padding:.1875rem .5rem;font-size:.6875rem}.demo-chip:hover{color:var(--showcase-text)}.demo-chip[aria-pressed=true]{border-color:var(--showcase-accent);color:var(--showcase-accent);background:color-mix(in srgb, var(--showcase-accent) 10%, transparent)}.stage{flex-direction:column;display:flex}.stage>:first-child{flex:1;min-height:0}.stage__banner{border-top:1px solid var(--showcase-border);flex-direction:column;flex:none;height:40%;display:flex;overflow:hidden}.stage__banner>:first-child{flex-direction:column;flex:1;min-height:0;display:flex}.stage__banner>:first-child>:last-child{margin-top:auto}.demo-stage--banner{flex:none;height:min(260px,100%);margin-top:auto}.demo-stage--banner>*{flex-direction:column;height:100%;display:flex}.demo-stage--banner>*>:last-child{margin-top:auto}.demo-sendbox-thread--empty{flex:none}.demo-stage--idle{height:auto}