.demo-idle{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:34px;width:100%;max-width:min(560px,100% - 64px);margin:auto;padding:24px 0 48px;display:flex}.demo-idle--cli{gap:22px;padding:8px 0 72px}.demo-idle--cli .gravity--solo{--gravity-size:120px;--gravity-core:46px;--gravity-orbit:52px;--gravity-particle:6px}.demo-idle__copy{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.demo-idle__meta{max-width:28em;color:var(--text-muted,#7878a8);font-family:var(--font-sansation), var(--font-sans), system-ui, sans-serif;letter-spacing:.02em;margin:0;font-size:11px;font-weight:500;line-height:1.4}.demo-onboarding-home{flex-direction:column;align-items:stretch;gap:24px;width:100%;display:flex}.demo-onboarding-home__heading{color:var(--text,#e2e2f0);font-family:var(--font-sansation), var(--font-sans), system-ui, sans-serif;letter-spacing:-.02em;text-align:center;margin:0;font-size:clamp(16px,2.2vw,18px);font-weight:600;line-height:1.35}.demo-onboarding-home__paths{flex-direction:column;gap:2px;width:100%;display:flex}.demo-option-row{appearance:none;width:100%;color:var(--text,#e2e2f0);font-family:var(--font-sansation), var(--font-sans), system-ui, sans-serif;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:flex-start;gap:14px;padding:16px 14px;transition:background .16s,color .16s;display:flex}.demo-option-row:hover{background:color-mix(in srgb, var(--surface-hover,#22223a) 55%, transparent)}.demo-option-row:focus{outline:none}.demo-option-row:focus-visible{outline:2px solid color-mix(in srgb, var(--accent,#e04fa9) 70%, transparent);outline-offset:2px}.demo-option-row__icon{width:20px;height:20px;color:var(--text-muted,#7878a8);flex:0 0 20px;justify-content:center;align-items:center;margin-top:2px;transition:color .16s;display:inline-flex}.demo-option-row:hover .demo-option-row__icon{color:var(--accent,#e04fa9)}.demo-option-row__body{flex-direction:column;gap:3px;min-width:0;display:flex}.demo-option-row__title{letter-spacing:-.01em;font-size:15px;font-weight:600;line-height:1.3}.demo-option-row__hint{color:var(--text-muted,#7878a8);letter-spacing:-.01em;font-size:12px;font-weight:500;line-height:1.45}.demo-onboarding-home__invite{justify-content:center;width:100%;margin-top:14px;display:flex}.demo-invite-btn{appearance:none;color:var(--text-muted,#7878a8);letter-spacing:-.01em;cursor:default;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:4px 9px;font-family:inherit;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.demo-invite-btn:hover{background:var(--surface-hover,#22223a);color:var(--text,#e2e2f0)}.demo-cli-picker{text-align:left;flex-direction:column;align-items:stretch;gap:14px;width:min(420px,100%);display:flex}.demo-cli-picker__lead{color:var(--text-muted,#7878a8);letter-spacing:-.01em;text-align:center;margin:0;font-size:12px;font-weight:500;line-height:1.45}.demo-cli-picker__list{flex-direction:column;gap:2px;width:100%;display:flex;overflow:visible}.demo-panel{width:100%;max-width:42rem;color:var(--text,#e2e2f0);font-family:var(--font-sansation), var(--font-sans), system-ui, sans-serif;margin-block:auto;margin-inline:auto;padding:1.5rem 1.25rem 1.75rem}.demo-panel--plane{flex-direction:column;max-width:none;height:100%;min-height:0;padding:1rem 1rem .75rem;display:flex}.demo-panel__lead{text-align:center;letter-spacing:.02em;color:var(--foreground-muted,#9ca3af);margin:0 0 .75rem;font-size:.6875rem;font-weight:500;line-height:1.4}.demo-panel__title{text-align:center;letter-spacing:-.02em;color:#fffffff2;margin:0 0 1.25rem;font-size:clamp(1rem,2.2vw,1.125rem);font-weight:600;line-height:1.35}.demo-panel__subtitle{text-align:center;color:var(--foreground-muted,#9ca3af);margin:-.75rem 0 1.25rem;font-size:.8125rem;line-height:1.45}.demo-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;margin-bottom:1.25rem;display:grid}@media (min-width:640px){.demo-provider-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.demo-provider-card{border-radius:var(--border-radius-md,8px);color:#ffffffe6;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:.75rem;font-weight:500;line-height:1.2;transition:background .16s,border-color .16s,transform .12s;display:flex}.demo-provider-card:hover:not(:disabled){border-color:color-mix(in srgb, var(--demo-brand) 45%, transparent);background:#ffffff14}.demo-provider-card:focus{outline:none}.demo-provider-card:focus-visible:not(:disabled){outline:2px solid color-mix(in srgb, var(--primary-300,#df50a9) 70%, transparent);outline-offset:2px}.demo-provider-card:disabled{cursor:default;opacity:.4}.demo-agent-list{flex-wrap:wrap;justify-content:center;gap:.75rem;min-height:5.125rem;margin-bottom:1.25rem;display:flex}.demo-agent-card{box-sizing:border-box;background:radial-gradient(90% 70% at 12% -10%,#df50a914 0%,#0000 58%),linear-gradient(165deg,#ffffff0a 0%,#0a0c12eb 100%);border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;gap:4px;width:200px;min-height:82px;padding:8px 10px 10px;display:flex;position:relative}.demo-agent-card__header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;display:grid}.demo-agent-card__identity{align-items:center;gap:6px;min-width:0;display:flex}.demo-agent-card__monogram{color:#ffffffb8;flex:none;font-size:11px;font-weight:650;line-height:1.15}.demo-agent-card__name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.03em;color:#fffffff2;min-width:0;font-size:12px;font-weight:650;line-height:1.15;overflow:hidden}.demo-agent-card__role{color:#fff9;font-size:10px;line-height:1.25}.demo-agent-card__remove{color:#ffffff73;opacity:0;cursor:pointer;background:#0a0c12c8;border:1px solid #ffffff1a;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:.75rem;line-height:1;transition:color .16s,background .16s,opacity .16s;display:flex;position:absolute;top:6px;right:6px}.demo-agent-card:hover .demo-agent-card__remove,.demo-agent-card:focus-within .demo-agent-card__remove{opacity:1}.demo-agent-card__remove:hover:not(:disabled){color:#ffffffe6;background:#ffffff14}.demo-agent-card__remove:focus{outline:none}.demo-agent-card__remove:focus-visible:not(:disabled){opacity:1;outline:2px solid color-mix(in srgb, var(--primary-300,#df50a9) 70%, transparent);outline-offset:1px}.demo-agent-card__remove:disabled{cursor:default;opacity:.35}.demo-panel__actions{justify-content:center;display:flex}.demo-btn-primary{appearance:none;border-radius:var(--border-radius-md,8px);background:var(--primary-300,#df50a9);min-height:2.5rem;color:var(--foreground-inverted,#fff);letter-spacing:-.01em;cursor:pointer;border:none;justify-content:center;align-items:center;padding:.625rem 1.5rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:background .16s,opacity .16s,transform .12s;display:inline-flex}.demo-btn-primary:hover:not(:disabled){background:color-mix(in srgb, var(--primary-300,#df50a9) 88%, #fff)}.demo-btn-primary:focus{outline:none}.demo-btn-primary:focus-visible{outline:2px solid color-mix(in srgb, var(--primary-300,#df50a9) 70%, transparent);outline-offset:3px}.demo-btn-primary:disabled{opacity:.45;cursor:not-allowed}.demo-plane-body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.demo-plane-layout{flex:1;grid-template-columns:15rem minmax(0,1fr) auto;align-items:stretch;gap:.75rem;min-height:0;display:grid}.demo-plane-layout--bare{grid-template-columns:minmax(0,1fr)}.demo-plane-aside{flex-direction:column;align-items:flex-start;min-width:0;display:flex;overflow:hidden auto}.demo-plane-main{flex-direction:column;min-width:0;min-height:0;display:flex}.demo-plane-stage{flex-direction:column;flex:1;justify-content:center;min-height:0;padding:.5rem 0;display:flex;overflow-y:auto}.demo-plane-empty{text-align:center;max-width:22rem;color:var(--foreground-muted,#9ca3af);margin:0;font-size:.8125rem;line-height:1.5}.demo-plane-stage .demo-plane-empty{margin-inline:0}.demo-plane-composer{border-top:0;flex-shrink:0;width:min(640px,100% - 72px);max-width:640px;margin-inline:auto;padding:0}.demo-composer-row{align-items:flex-end;gap:8px;padding:4px 10px 2px;display:flex}.demo-composer-field{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.demo-target-pills{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:center;gap:5px;min-height:28px;padding:3px 14px;display:flex;overflow-x:auto}.demo-target-pills::-webkit-scrollbar{display:none}.demo-target-pill{appearance:none;color:#fff9;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:#11131ab8;border:1px solid #df50a924;border-radius:999px;flex:none;max-width:132px;padding:3px 8px;font-family:inherit;font-size:10px;font-weight:550;line-height:1.3;transition:transform .12s,border-color .16s,color .16s,background .16s;overflow:hidden}.demo-target-pill:hover{transform:translateY(-1px)}.demo-target-pill:focus{outline:none}.demo-target-pill:focus-visible{outline:2px solid color-mix(in srgb, var(--primary-300,#df50a9) 70%, transparent);outline-offset:2px}.demo-target-pill--active{color:#fffffff2;background:#3c2038c3;border-color:#df50a9}.demo-target-pill--busy{color:#e2e2f0;border-color:#df50a973}.demo-target-pill--done{color:#b7dce4;border-color:#68b5c266}.demo-composer-attach{color:#ffffff73;cursor:default;background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:28px;height:28px;margin:6px 0 6px 8px;padding:0;display:inline-flex}.demo-composer-input-shell{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--bg-secondary,#1a1a28) 50%, transparent);-webkit-backdrop-filter:blur(8px)saturate(1.2);border-radius:14px;align-items:center;display:flex}.demo-composer-input{min-width:0;min-height:40px;max-height:128px;color:var(--text,#ffffffeb);resize:none;scrollbar-width:none;background:0 0;border:0;border-radius:0;outline:none;flex:1;padding:8px 12px;font-family:inherit;font-size:14px;line-height:28px;overflow-y:auto}.demo-composer-input::-webkit-scrollbar{width:0;height:0}.demo-composer-input::placeholder{color:#ffffff73}.demo-composer-input:disabled{cursor:not-allowed}.demo-composer-input-shell:has(.demo-composer-input:disabled){opacity:.45}.demo-composer-input--auto{cursor:default}.demo-composer-input-shell:has(.demo-composer-input--auto){opacity:1;border-color:#e674bb67}.demo-composer-send{color:#fff;cursor:pointer;background:linear-gradient(145deg,#df50a9,#a46bc9);border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;margin-block-end:2px;padding:0;transition:transform .12s,opacity .15s;display:flex;box-shadow:0 2px 10px #df50a94d}.demo-composer-send:hover:not(:disabled){transform:scale(1.06)}.demo-composer-send:focus{outline:none}.demo-composer-send:focus-visible{outline:2px solid color-mix(in srgb, var(--primary-300,#df50a9) 70%, transparent);outline-offset:2px}.demo-composer-send:disabled{opacity:.4;box-shadow:none;cursor:not-allowed}.demo-suggestions{flex-wrap:wrap;align-items:center;gap:.5rem;padding:4px 10px 0;display:flex}.demo-suggestions-label{color:#ffffff73;font-size:10px}.demo-suggestion-chip{appearance:none;color:#ffffff73;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:10px;line-height:1.3;transition:color .16s}.demo-suggestion-chip:hover{color:#ffffffb3}.demo-suggestion-chip:focus{outline:none}.demo-suggestion-chip:focus-visible{outline:2px solid color-mix(in srgb, var(--primary-300,#df50a9) 70%, transparent);outline-offset:2px}@media (max-width:1100px){.demo-plane-layout{grid-template-columns:minmax(0,1fr)}.demo-plane-aside{display:none}}@media (prefers-reduced-motion:reduce){.demo-role-option,.demo-provider-card,.demo-btn-primary,.demo-target-pill,.demo-suggestion-chip,.demo-composer-send,.demo-agent-card__remove{transition:none}}
.demo-room-setup{color:#ffffffe0;width:100%;max-width:34rem;font-family:var(--font-sans), system-ui, sans-serif;flex-direction:column;gap:1.25rem;margin-inline:auto;padding:1.5rem 1.25rem 1.75rem;display:flex}.demo-room-setup__title{text-align:center;letter-spacing:-.02em;color:#fffffff2;margin:0;font-size:clamp(1rem,2.2vw,1.125rem);font-weight:600;line-height:1.35}.demo-room-setup__label{letter-spacing:.01em;color:#ffffffe0;margin-bottom:.375rem;font-size:.75rem;font-weight:600;line-height:1.35;display:block}.demo-room-setup__goal,.demo-room-setup__participants,.demo-room-setup__ceremony{flex-direction:column;gap:.5rem;display:flex}.demo-room-setup__goal-text{color:#ffffffe0;background:#00000047;border:1px solid #ffffff1f;border-radius:8px;margin:0;padding:.5rem .75rem;font-size:.875rem;line-height:1.45}.demo-room-setup__participant-row{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.demo-room-setup__participant{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:.375rem;min-width:0;padding:.375rem .5rem .375rem .375rem;display:inline-flex}.demo-room-setup__turn{color:#df50a9;background:#df50a947;border-radius:999px;justify-content:center;align-items:center;min-width:1.25rem;height:1.25rem;padding-inline:.25rem;font-size:.625rem;font-weight:700;line-height:1;display:inline-flex}.demo-room-setup__role{color:#7ca5bf;letter-spacing:.04em;text-transform:uppercase;background:#7ca5bf4d;border:1px solid #7ca5bf8c;border-radius:4px;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.5625rem;font-weight:700;line-height:1;display:inline-flex}.demo-room-setup__name{color:#ffffffeb;font-size:.8125rem;font-weight:550;line-height:1.25}.demo-room-setup__hint{color:var(--foreground-muted,#9ca3af);margin:0;font-size:.75rem;line-height:1.4}.demo-room-setup__ceremony-name{letter-spacing:-.01em;color:#9a8bb8;margin:0;font-size:.9375rem;font-weight:600;line-height:1.35}.demo-room-setup__ceremony-goal{color:var(--foreground-muted,#9ca3af);margin:0;font-size:.8125rem;line-height:1.45}.demo-room-setup__gate{flex-wrap:wrap;align-items:baseline;gap:.375rem .5rem;margin:0;font-size:.8125rem;line-height:1.45;display:flex}.demo-room-setup__gate-label{color:#ffffffe0;font-weight:600}.demo-room-setup__gate-value{color:#ffffffe0}.demo-room-setup__rounds{color:#68b5c2;margin:0;font-size:.8125rem;font-weight:500;line-height:1.4}.demo-room-setup__actions{justify-content:flex-end;padding-top:.25rem;display:flex}.demo-room-setup__start{appearance:none;background:var(--accent,#e04fa9);color:#fff;letter-spacing:-.01em;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;min-height:28px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:500;line-height:1;transition:background .12s;display:inline-flex}.demo-room-setup__start:hover{background:color-mix(in srgb, var(--accent,#e04fa9) 88%, #0c0c0e)}.demo-room-setup__start:focus{outline:none}.demo-room-setup__start:focus-visible{outline:2px solid color-mix(in srgb, var(--primary-300,#df50a9) 70%, transparent);outline-offset:3px}@media (prefers-reduced-motion:reduce){.demo-room-setup__start{transition:none}}
.demo-room{color:#ffffffe0;height:100%;min-height:0;font-family:var(--font-sans), system-ui, sans-serif;flex-direction:column;display:flex}.demo-room__head{border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:.75rem;padding:.75rem .875rem .625rem;display:flex}.demo-room__goal{letter-spacing:-.01em;color:#fffffff2;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font-size:.875rem;font-weight:600;line-height:1.3;overflow:hidden}.demo-room__head-actions{flex-shrink:0;align-items:center;gap:.375rem;display:flex}.demo-room__chip{border-radius:var(--border-radius-full,9999px);letter-spacing:.02em;color:var(--foreground-muted,#9ca3af);white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff1f;align-items:center;padding:.1875rem .5rem;font-size:.625rem;font-weight:600;line-height:1.3;display:inline-flex}.demo-room__close{appearance:none;border-radius:var(--border-radius-md,8px);color:#ffffffe0;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff24;justify-content:center;align-items:center;margin-left:.25rem;padding:.3125rem .625rem;font-family:inherit;font-size:.6875rem;font-weight:600;line-height:1.2;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.demo-room__close:hover{color:#fffffff2;background:#ffffff14;border-color:#ffffff38}.demo-room__close:focus{outline:none}.demo-room__close:focus-visible{outline:2px solid color-mix(in srgb, var(--primary-300,#df50a9) 70%, transparent);outline-offset:2px}.demo-room__lane{scrollbar-width:thin;flex-direction:column;flex:1;gap:.75rem;min-height:0;padding:.875rem 1.125rem;display:flex;overflow-y:auto}.demo-room__lane::-webkit-scrollbar{width:6px}.demo-room__lane::-webkit-scrollbar-track{background:0 0}.demo-room__lane::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:3px}.demo-room__turn-block{flex-direction:column;gap:.375rem;min-width:0;display:flex}.demo-room__round-sep{letter-spacing:.12em;text-transform:uppercase;color:var(--foreground-muted,#9ca3af);text-align:center;align-items:center;gap:.625rem;margin:.25rem 0 .125rem;font-size:.625rem;font-weight:600;line-height:1.3;display:flex}.demo-room__round-sep:before,.demo-room__round-sep:after{content:"";border-top:1px solid #ffffff1a;flex:1}.demo-room__row{border-radius:var(--border-radius-md,8px);background:#ffffff08;border:1px solid #0000;align-items:flex-start;gap:.75rem;min-width:0;padding:.75rem .875rem;display:flex}.demo-room__row--speaking{background:#df50a914;border-color:#df50a9}.demo-room__avatar{letter-spacing:.04em;color:#ffffffeb;background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.125rem;height:2.125rem;font-size:.75rem;font-weight:700;display:flex}.demo-room__entry{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.demo-room__speaker-line{align-items:center;gap:.375rem;min-width:0;display:flex}.demo-room__speaker{color:#fffffff2;font-size:.875rem;font-weight:700;line-height:1.2}.demo-room__role{border-radius:var(--border-radius-full,9999px);letter-spacing:.04em;color:var(--foreground-muted,#9ca3af);text-transform:uppercase;background:#ffffff14;align-items:center;padding:.0625rem .375rem;font-size:.5625rem;font-weight:600;line-height:1.3;display:inline-flex}.demo-room__text{color:#ffffffe0;overflow-wrap:anywhere;word-break:break-word;margin:0;font-size:.9375rem;line-height:1.55}.demo-room__preview-link{appearance:none;color:var(--primary-300,#df50a9);cursor:pointer;background:0 0;border:none;align-self:flex-start;margin:0;padding:0;font-family:inherit;font-size:.9375rem;line-height:1.55}.demo-room__preview-link:hover,.demo-room__preview-link:focus-visible{text-decoration:underline}.demo-room__preview-link:focus{outline:none}.demo-room__preview-link:focus-visible{outline:2px solid color-mix(in srgb, var(--primary-300,#df50a9) 70%, transparent);outline-offset:2px}.demo-room__dots{align-items:center;gap:.25rem;padding:.125rem 0;display:inline-flex}.demo-room__dot{background:var(--primary-300,#df50a9);opacity:.35;border-radius:50%;width:.3125rem;height:.3125rem;animation:1.2s ease-in-out infinite demo-room-dot-pulse}.demo-room__dot:nth-child(2){animation-delay:.16s}.demo-room__dot:nth-child(3){animation-delay:.32s}@keyframes demo-room-dot-pulse{0%,80%,to{opacity:.35}40%{opacity:1}}@media (prefers-reduced-motion:reduce){.demo-room__dot{opacity:.65;animation:none}}.demo-room__timeline-wrap{border-top:1px solid #ffffff14;flex-shrink:0;padding:.5rem .875rem .625rem}.demo-room__timeline{scrollbar-width:thin;gap:.5rem;min-width:0;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.demo-room__timeline::-webkit-scrollbar{height:4px}.demo-room__timeline::-webkit-scrollbar-track{background:0 0}.demo-room__timeline::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:2px}.demo-room__pip-item{flex-direction:column;flex:none;align-items:center;gap:.25rem;min-width:2.25rem;max-width:3.5rem;display:flex}.demo-room__pip{background:0 0;border:1.5px solid #fff3;border-radius:50%;width:.5rem;height:.5rem;display:block}.demo-room__pip-item--done .demo-room__pip{background:var(--primary-300,#df50a9);border-color:var(--primary-300,#df50a9)}.demo-room__pip-item--speaking .demo-room__pip{background:var(--primary-300,#df50a9);border-color:var(--primary-300,#df50a9);animation:1.2s ease-in-out infinite demo-room-pip-halo}.demo-room__pip-item--pending .demo-room__pip{background:0 0;border-color:#ffffff29}.demo-room__pip-label{text-align:center;width:100%;color:var(--foreground-muted,#9ca3af);white-space:nowrap;text-overflow:ellipsis;font-size:8px;line-height:1.2;display:block;overflow:hidden}@keyframes demo-room-pip-halo{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--primary-300,#df50a9) 0%, transparent)}50%{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-300,#df50a9) 28%, transparent)}}@media (prefers-reduced-motion:reduce){.demo-room__pip-item--speaking .demo-room__pip{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-300,#df50a9) 20%, transparent);animation:none}}.demo-room__composer{border-top:1px solid #0000;border-bottom:1px solid #ffffff14;flex-shrink:0;gap:.5rem;padding:.5rem .875rem;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.demo-room__composer--active{border-top-color:color-mix(in srgb,var(--primary-300,#df50a9) 55%,transparent);background:color-mix(in srgb,var(--primary-300,#df50a9) 8%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary-300,#df50a9) 35%,transparent);animation:1.6s ease-in-out infinite demo-room-composer-pulse}.demo-room__composer-input{border-radius:var(--border-radius-md,8px);color:#ffffffeb;background:#ffffff0a;border:1px solid #ffffff24;flex:1;min-width:0;padding:.625rem .875rem;font-family:inherit;font-size:.9375rem;transition:border-color .2s}.demo-room__composer-input::placeholder{color:var(--foreground-muted,#9ca3af)}.demo-room__composer-input:focus{border-color:color-mix(in srgb,var(--primary-300,#df50a9) 60%,transparent);outline:none}.demo-room__composer--active .demo-room__composer-input{border-color:color-mix(in srgb,var(--primary-300,#df50a9) 45%,transparent)}.demo-room__composer-send{appearance:none;border-radius:var(--border-radius-md,8px);background:var(--primary-300,#df50a9);color:#fff;cursor:pointer;border:none;padding:.625rem 1rem;font-size:.9375rem;font-weight:700}.demo-room__composer-send:disabled{opacity:.4;cursor:not-allowed}@keyframes demo-room-composer-pulse{0%,to{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary-300,#df50a9) 35%, transparent)}50%{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--primary-300,#df50a9) 60%, transparent)}}@media (prefers-reduced-motion:reduce){.demo-room__composer--active{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary-300,#df50a9) 45%, transparent);animation:none}}.demo-room__row--right{flex-direction:row-reverse;max-width:85%;margin-left:auto}.demo-room__row--right .demo-room__entry{text-align:right;align-items:flex-end}.demo-room__row--right .demo-room__preview-path,.demo-room__row--right .demo-room__preview-intro{align-self:flex-end}.demo-room__row--user{background:0 0;border:1px dashed #ffffff1f;max-width:85%}.demo-room__turn-block--user{align-self:flex-start}.demo-room__preview-intro{color:#ffffffbf;margin:.125rem 0 0;font-size:.875rem;line-height:1.5}.demo-room__preview-path{appearance:none;border-radius:var(--border-radius-md,8px);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;align-items:center;gap:.5rem;margin-top:.25rem;padding:.375rem .625rem;font-family:SFMono-Regular,Menlo,monospace;display:inline-flex}.demo-room__preview-path-route{color:var(--foreground-muted,#9ca3af);font-size:.6875rem}.demo-room__preview-path-cta{color:var(--primary-300,#df50a9);font-size:.75rem;font-weight:700}.demo-room__preview-path:hover .demo-room__preview-path-cta,.demo-room__preview-path:focus-visible .demo-room__preview-path-cta{text-decoration:underline}
.demo-session{grid-template-columns:200px minmax(0,1fr) min(268px,30%);width:100%;height:100%;min-height:0;display:grid;position:relative}.demo-spawn{scrollbar-width:none;flex-direction:column;gap:10px;min-width:0;height:100%;min-height:0;padding:12px 8px 12px 10px;display:flex;overflow:auto}.demo-spawn::-webkit-scrollbar{display:none}.demo-pane-mini{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:var(--surface);width:100%;height:168px;min-height:168px;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:8px;flex-direction:column;flex:none;padding:0;display:flex;overflow:hidden;box-shadow:0 8px 20px #0000002e}.demo-pane-mini__bar,.demo-pane-window__bar{border-bottom:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 55%, var(--bg)) 0%, color-mix(in srgb, var(--bg) 88%, var(--surface)) 100%);height:26px;color:var(--text);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:0 8px 0 10px;font-size:11px;font-weight:600;display:grid}.demo-pane-mini__bar span,.demo-pane-window__bar span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.demo-pane-lights{gap:5px;display:inline-flex}.demo-pane-lights button,.demo-pane-lights i{cursor:pointer;border:0;border-radius:50%;width:8px;height:8px;padding:0}.demo-pane-lights .is-red{background:#ff5f57}.demo-pane-lights .is-amber{background:#febc2e}.demo-pane-lights .is-green{background:#28c840}.demo-pane-mini__body,.demo-pane-window__body{background:var(--bg);min-height:0;overflow:hidden}.demo-pane-mini__body{flex:1;padding:0;position:relative;overflow:hidden}.demo-pane-mini__scale{position:absolute;inset:0;overflow:hidden}.demo-pane-mini__scale-inner{transform-origin:0 0;pointer-events:none;background:var(--bg);flex-direction:column;display:flex}.demo-pane-mini__scale-inner>*{flex:auto;min-height:0}.demo-pane-mini__body *{scrollbar-width:none;overflow:hidden}.demo-pane-mini__body ::-webkit-scrollbar{width:0;height:0;display:none}.demo-pane-preview__tree{color:var(--text);margin:0;padding:0;font-size:10px;line-height:1.45;list-style:none}.demo-pane-preview__tree.is-open,.demo-pane-window__body .demo-pane-preview__tree{font-size:13px;line-height:1.6}.demo-pane-preview__tree .is-in{color:var(--text-muted);padding-left:10px}.demo-pane-preview__url{background:color-mix(in srgb, var(--surface) 80%, transparent);color:var(--text-muted);border-radius:4px;margin-bottom:6px;padding:3px 6px;font-size:9px}.demo-pane-preview__page{color:var(--text);flex-direction:column;gap:3px;font-size:10px;display:flex}.demo-pane-preview__term{color:#9ddeb7;margin:0;font:9px/1.45 ui-monospace,SFMono-Regular,monospace}.demo-pane-preview__term span{display:block}.demo-pane-preview__dash{grid-template-columns:1fr 1fr 1fr;gap:4px;height:100%;display:grid}.demo-pane-preview__dash i{background:color-mix(in srgb, #7c6af0 22%, var(--surface));border-radius:4px}.demo-pane-overlay{z-index:40;background:color-mix(in srgb, var(--bg) 18%, transparent);pointer-events:auto;place-items:center;padding:28px;display:grid;position:absolute;inset:0}.demo-pane-window{border:1px solid color-mix(in srgb, var(--border) 75%, transparent);background:var(--surface);border-radius:10px;flex-direction:column;width:min(720px,92%);height:min(420px,78%);display:flex;overflow:hidden;box-shadow:0 28px 64px #00000061}.demo-pane-window__body{flex:1;padding:16px 18px;overflow:auto}.demo-pane-window--real{border-color:color-mix(in srgb, var(--border) 70%, transparent);background:var(--bg);width:min(920px,96%);height:min(640px,90%);color:var(--text);box-shadow:0 28px 64px #0000006b}.demo-pane-window--git{width:min(1100px,98%);height:min(680px,92%)}.demo-pane-window__bar.is-real{border-bottom:1px solid color-mix(in srgb, var(--border) 55%, transparent);background:var(--bg);height:36px;color:var(--text);grid-template-columns:minmax(0,1fr) auto;padding:0 10px 0 14px;font-size:12px;font-weight:500}.demo-pane-window__body.is-real{background:var(--bg);padding:0;overflow:hidden}.demo-pane-win-btns{align-items:center;gap:2px;display:inline-flex}.demo-pane-win-btns button{width:28px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0;font-size:13px;line-height:1}.demo-pane-win-btns button:hover{background:color-mix(in srgb, var(--surface) 80%, transparent);color:var(--text)}.demo-pane-win-btns .is-close:hover{color:#fff;background:#e24b4b}.demo-explorer,.demo-term{height:100%;min-height:0;color:inherit;flex-direction:column;display:flex}.demo-explorer__toolbar{border-bottom:1px solid color-mix(in srgb, var(--border) 50%, transparent);height:26px;color:var(--text-muted);justify-content:space-between;align-items:center;gap:8px;padding:0 10px 0 12px;font-size:11px;display:flex}.demo-explorer__tools{align-items:center;gap:2px;display:inline-flex}.demo-explorer__tools i{background:0 0;border-radius:3px;width:18px;height:18px}.demo-explorer__tools .is-plus{background:linear-gradient(var(--text-muted), var(--text-muted)) center / 8px 1.4px no-repeat, linear-gradient(var(--text-muted), var(--text-muted)) center / 1.4px 8px no-repeat}.demo-explorer__tools .is-search{box-shadow:inset 0 0 0 1.3px var(--text-muted);border-radius:50%;transform:scale(.55)}.demo-explorer__tools .is-x{background:linear-gradient(var(--text-muted), var(--text-muted)) center / 8px 1.4px no-repeat;transform:rotate(45deg)}.demo-explorer__tree{flex:1;min-height:0;padding:6px 0 12px;overflow:auto}.demo-explorer__row{width:100%;min-height:22px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 10px;font:12px/1.3 inherit;display:flex}.demo-explorer__row:hover,.demo-explorer__row.is-on{background:color-mix(in srgb, var(--surface) 72%, transparent)}.demo-explorer__chevron{border-right:1.4px solid var(--text-muted);border-bottom:1.4px solid var(--text-muted);width:8px;height:8px;transform:rotate(-45deg)}.demo-explorer__chevron.is-open{transform:rotate(45deg)translate(-1px,-1px)}.demo-explorer__chevron.is-file{opacity:0}.demo-explorer__folder{flex-shrink:0;width:14px;height:14px}.demo-explorer__badge{letter-spacing:.02em;border-radius:2px;justify-content:center;align-items:center;min-width:28px;height:12px;font-size:8px;font-weight:700;display:inline-flex}.demo-explorer__badge.is-json{color:#a8a832}.demo-explorer__badge.is-toml{color:#9c4221}.demo-explorer__badge.is-md{color:#519aba}.demo-explorer__badge.is-ts{color:#3178c6}.demo-explorer__badge.is-file{color:#9ca3af}.demo-pane-mini__body .demo-explorer__row{min-height:16px;color:var(--text);padding-left:2px;font-size:10px}.demo-pane-mini__body .demo-explorer__row:hover,.demo-pane-mini__body .demo-explorer__row.is-on{background:color-mix(in srgb, var(--surface) 70%, transparent)}.demo-pane-mini__body .demo-explorer__chevron{border-color:var(--text-muted)}.demo-pane-mini__body .demo-explorer__toolbar,.demo-pane-mini__body .demo-term__foot{display:revert}.demo-term__log{min-height:0;color:var(--text);flex:1;padding:14px 18px 10px;font:12.5px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.demo-term__line{margin:0}.demo-term__line.is-blank{height:10px}.demo-term__line.is-cmd{color:var(--text)}.demo-term__line.is-meta{color:var(--text-muted)}.demo-term__line.is-dim{color:color-mix(in srgb, var(--text-muted) 80%, transparent)}.demo-term__line.is-ok{color:#4fd2a3}.demo-term__line.is-out{color:var(--text)}.demo-term__arrow{color:var(--text-muted);margin-right:8px;display:inline-block}.demo-term__line.is-cursor i{background:var(--text);width:7px;height:14px;animation:1s step-end infinite demo-term-caret;display:inline-block}@keyframes demo-term-caret{50%{opacity:0}}.demo-term__foot{border-top:1px solid color-mix(in srgb, var(--border) 50%, transparent);background:var(--bg);color:var(--text-muted);justify-content:space-between;align-items:flex-end;gap:16px;padding:10px 16px 12px;font-size:11px;font-style:normal;display:flex}.demo-term__foot div{flex-direction:column;gap:2px;display:flex}.demo-term__foot strong{color:var(--text);font-weight:600}.demo-term__foot em{color:var(--text-muted);font-style:normal}.demo-pane-mini__body .demo-term__log{color:#9ddeb7;padding:0;font-size:9px;line-height:1.4}.demo-pane-mini__body .demo-term__line.is-cmd,.demo-pane-mini__body .demo-term__line.is-out,.demo-pane-mini__body .demo-term__line.is-ok{color:#9ddeb7}.demo-pane-mini__body .demo-term__line.is-dim,.demo-pane-mini__body .demo-term__line.is-meta{color:#6d8f78}.demo-web{background:var(--surface);height:100%;min-height:0;color:var(--text);flex-direction:column;display:flex}.demo-web__tabs{align-items:flex-end;gap:4px;min-height:28px;padding:4px 8px 0;display:flex}.demo-web__tab{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 40%, var(--surface));max-width:168px;height:26px;color:var(--text);text-overflow:ellipsis;white-space:nowrap;border-bottom:0;border-radius:8px 8px 0 0;padding:0 10px;font-size:12px;line-height:26px;overflow:hidden}.demo-web__tab-add{width:22px;height:22px;color:var(--text-muted);place-items:center;margin:0 0 2px 2px;font-size:14px;font-style:normal;display:inline-grid}.demo-web__bar{border-bottom:1px solid color-mix(in srgb, var(--border) 55%, transparent);align-items:center;gap:6px;padding:8px;display:flex}.demo-web__bar.is-locked{justify-content:flex-start}.demo-web__bar button{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:0;font-size:14px}.demo-web__bar button:disabled{opacity:.4;cursor:default}.demo-web__bar input{border:1px solid var(--border);background:var(--bg);min-width:0;height:30px;color:var(--text);border-radius:8px;flex:1;padding:0 10px;font:12px/1 inherit}.demo-web__stage{flex:1;min-height:0;overflow:auto}.demo-site{background:radial-gradient(120% 80% at 0% 0%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 46%), var(--bg);height:100%;min-height:100%;color:var(--text);scrollbar-width:none;flex-direction:column;display:flex;overflow:auto}.demo-site::-webkit-scrollbar{display:none}.demo-site__bar{border-bottom:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--surface) 88%, transparent);align-items:center;gap:14px;min-height:44px;padding:0 16px;display:flex}.demo-site__bar strong{letter-spacing:-.02em;font-size:14px}.demo-site__bar nav{flex:1;gap:4px;display:flex}.demo-site__bar nav button{height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 10px;font:12px/1 inherit}.demo-site__bar nav button.is-on{background:color-mix(in srgb, var(--accent) 16%, var(--surface));color:var(--text)}.demo-site__bar>span{color:var(--text-muted);flex:1;font-size:11px}.demo-site__bar em{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-style:normal}.demo-site__body{flex-direction:column;flex:1;gap:12px;padding:14px 16px 16px;display:flex}.demo-site__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.demo-site__steps li{border:1px solid color-mix(in srgb, var(--border) 55%, transparent);background:color-mix(in srgb, var(--surface) 55%, transparent);color:var(--text-muted);border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:flex}.demo-site__steps li.is-on,.demo-site__steps li.is-done{color:var(--text)}.demo-site__steps li.is-on{border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.demo-site__steps em{background:color-mix(in srgb, var(--accent) 18%, var(--surface));width:22px;height:22px;color:var(--accent);border-radius:50%;place-items:center;font-size:10px;font-style:normal;font-weight:700;display:grid}.demo-site__steps span{font-size:12px}.demo-site__grid{flex:1;grid-template-columns:minmax(0,1fr) 220px;align-items:start;gap:14px;display:grid}.demo-site__sheet,.demo-site__aside{border:1px solid color-mix(in srgb, var(--border) 60%, transparent);background:color-mix(in srgb, var(--surface) 82%, var(--bg));border-radius:14px;padding:14px 16px}.demo-site__kicker{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:11px}.demo-site__sheet h3,.demo-site__aside h4{letter-spacing:-.03em;margin:0;font-size:20px;font-weight:700}.demo-site__aside h4{font-size:18px}.demo-site__lead{color:var(--text-muted);margin:6px 0 12px;font-size:13px;line-height:1.4}.demo-site__fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.demo-site__fields .is-wide{grid-column:1/-1}.demo-site__sheet label,.demo-site__fields label{flex-direction:column;gap:5px;display:flex}.demo-site__sheet label span,.demo-site__fields label span{color:var(--text-muted);font-size:11px}.demo-site__sheet input,.demo-site__fields input{border:1px solid var(--border);background:var(--bg);height:34px;color:var(--text);border-radius:8px;padding:0 10px;font:13px/1 inherit}.demo-site__score{background:color-mix(in srgb, var(--accent) 10%, var(--bg));border-radius:12px;align-items:center;gap:12px;margin-bottom:12px;padding:10px 12px;display:flex}.demo-site__score b{color:var(--accent);font-size:28px;line-height:1}.demo-site__score strong,.demo-site__score span{display:block}.demo-site__score span,.demo-site__checks span,.demo-site__files span,.demo-site__aside dd{color:var(--text-muted);font-size:12px}.demo-site__checks,.demo-site__files{grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:grid}.demo-site__aside dl{gap:8px;margin:14px 0 0;padding:0;display:grid}.demo-site__checks li,.demo-site__files li{border:1px solid color-mix(in srgb, var(--border) 55%, transparent);background:color-mix(in srgb, var(--bg) 40%, transparent);border-radius:10px;justify-content:space-between;gap:10px;padding:10px 12px;display:flex}.demo-site__checks li.is-ok b:before,.demo-site__checks li.is-wait b:before{content:"";background:#3ecf8e;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.demo-site__checks li.is-wait b:before{background:#e0b44f}.demo-site__aside div{flex-direction:column;gap:2px;display:flex}.demo-site__aside dt{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:10px}.demo-site__aside dd{color:var(--text);margin:0;font-size:13px}.demo-site__sheet footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.demo-site__sheet footer small{color:var(--text-muted);font-size:11px}.demo-site__sheet footer button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:9px;height:34px;padding:0 14px;font:12px/1 inherit}.demo-pane-mini__body .demo-site__bar{min-height:22px;padding:0 8px}.demo-pane-mini__body .demo-site__bar strong{font-size:10px}.demo-pane-mini__body .demo-site__bar>span{font-size:8px}.demo-pane-mini__body .demo-site__bar em{font-size:7px}.demo-web-page{flex-direction:column;gap:8px;min-height:100%;padding:14px 16px;display:flex}.demo-web-page header{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.demo-web-page header strong{font-size:13px}.demo-web-page header nav{color:var(--text-muted);gap:8px;font-size:11px;display:flex}.demo-web-page header nav .is-on{color:var(--text)}.demo-web-page header>span,.demo-web-page>span{color:var(--text-muted);font-size:11px}.demo-web-page__kicker{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin:8px 0 0;font-size:11px}.demo-web-page h3{margin:0;font-size:22px;font-weight:700}.demo-web-page__steps,.demo-web-page__kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.demo-web-page__steps article,.demo-web-page__kpis article,.demo-web-page--port li{border:1px solid color-mix(in srgb, var(--border) 60%, transparent);background:color-mix(in srgb, var(--bg) 55%, transparent);border-radius:10px;flex-direction:column;gap:3px;padding:12px;display:flex}.demo-web-page__steps em,.demo-web-page__kpis em{color:var(--accent);font-style:normal;font-weight:700}.demo-web-page__steps span,.demo-web-page--port li span{color:var(--text-muted);font-size:11px}.demo-web-page--port ul{grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:grid}.demo-web-page__bars{align-items:flex-end;gap:6px;height:88px;margin-top:6px;display:flex}.demo-web-page__bars i{background:color-mix(in srgb, #7c6af0 55%, var(--surface));border-radius:4px 4px 0 0;flex:1}.demo-pane-mini__body .demo-web__tabs,.demo-pane-mini__body .demo-web-page__steps,.demo-pane-mini__body .demo-web-page__bars,.demo-pane-mini__body .demo-web-page h3,.demo-pane-mini__body .demo-web-page__kicker{display:revert}.demo-pane-mini__body .demo-web__bar{gap:3px;padding:4px 6px}.demo-pane-mini__body .demo-web__bar button,.demo-pane-mini__body .demo-web__bar input{height:16px;font-size:8px}.demo-pane-mini__body .demo-web__bar button{width:16px}.demo-pane-mini__body .demo-web-page{gap:4px;padding:6px 8px}.demo-pane-mini__body .demo-web-page__kpis{gap:4px}.demo-pane-mini__body .demo-web-page__kpis article{padding:4px}.demo-pane-mini__body .demo-git--mini{justify-content:center;height:100%}.demo-pane-mini__body .demo-web-page__kpis em{font-size:10px}.demo-ctx-icons{flex-wrap:wrap;gap:4px;margin:4px 0 0;padding:0;list-style:none;display:flex}.demo-ctx-icons li{border:1px solid color-mix(in srgb, currentColor 32%, transparent);background:color-mix(in srgb, var(--surface) 55%, transparent);border-radius:4px;place-items:center;width:16px;height:16px;display:grid}.demo-ctx-icons button{width:100%;height:100%;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.demo-delegate{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));background:color-mix(in srgb, var(--accent) 8%, var(--surface));border-radius:10px;margin:12px 0 4px;padding:10px 11px}.demo-delegate header{justify-content:space-between;gap:8px;margin-bottom:8px;font-size:12px;display:flex}.demo-delegate header span{color:var(--text-muted);font-variant-numeric:tabular-nums}.demo-delegate__bar{background:color-mix(in srgb, var(--text) 10%, transparent);border-radius:99px;height:2px;margin-bottom:8px;overflow:hidden}.demo-delegate__bar i{background:var(--accent);height:100%;transition:width .4s;display:block}.demo-delegate ul{margin:0;padding:0;list-style:none}.demo-delegate li{grid-template-columns:52px minmax(0,1fr) auto;gap:8px;padding:4px 0;font-size:12px;display:grid}.demo-delegate li[data-state=run]{box-shadow:inset 2px 0 0 var(--accent);padding-left:6px}.demo-delegate em{color:var(--text-muted);font-size:11px;font-style:normal}.demo-delegate li[data-state=done] em{color:#68b5c2}.demo-delegate li[data-state=run] em{color:var(--accent)}.demo-mini-face--delegating{border-color:color-mix(in srgb, var(--accent) 50%, var(--border))}.demo-mini-face__status--think{color:var(--accent)}.demo-session__chat{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--accent) 55%, #68b5c2) transparent;flex-direction:column;gap:16px;min-width:0;height:100%;padding:18px 22px 96px;display:flex;overflow:auto}.demo-session__chat::-webkit-scrollbar{width:8px}.demo-session__chat::-webkit-scrollbar-track{background:0 0}.demo-session__chat::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--accent), #68b5c2);border-radius:999px}.demo-chat-more{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;margin-top:4px;padding:0;font-size:11px}.demo-chat-more:hover{color:var(--text)}.demo-chat-thought{margin:0 0 10px}.demo-chat-thought button{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:11px;font-weight:550;display:inline-flex}.demo-chat-thought button:hover{color:var(--text)}.demo-chat-thought i{background:var(--text-muted);border-radius:50%;width:5px;height:5px}.demo-chat-thought[data-open=true] i{background:var(--accent)}.demo-chat-thought p{border-left:1px solid color-mix(in srgb, var(--border) 80%, transparent);color:color-mix(in srgb, var(--text) 72%, transparent);margin:6px 0 0;padding-left:11px;font-size:12px;line-height:1.55}.demo-chat-turn ul{margin:0 0 10px;padding-left:1.2em;font-size:13px;line-height:1.5}.demo-chat-code{margin:0 0 10px}.demo-chat-code figcaption{color:var(--text-muted);margin-bottom:4px;font-size:10px;font-weight:650}.demo-chat-code pre,.demo-chat-turn pre{background:color-mix(in srgb, var(--bg) 70%, #000);border-radius:8px;margin:0;padding:10px 12px;font:11.5px/1.45 ui-monospace,SFMono-Regular,monospace;overflow:auto}.demo-chat-log{margin:0 0 10px!important}.demo-chat-log code{flex-direction:column;gap:2px;display:flex}.demo-chat-log span{color:color-mix(in srgb, #9ddeb7 80%, var(--text))}.demo-chat-table{border-collapse:collapse;width:100%;margin:0 0 10px;font-size:11.5px}.demo-chat-table th,.demo-chat-table td{border-bottom:1px solid color-mix(in srgb, var(--border) 55%, transparent);text-align:left;padding:5px 8px}.demo-chat-table th{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:700}.demo-chat-files{margin:0 0 10px;padding:0;font-size:12px;list-style:none}.demo-chat-files li{justify-content:space-between;gap:10px;padding:3px 0;display:flex}.demo-chat-files code{color:var(--text)}.demo-chat-files span{color:var(--text-muted);font-size:11px}.demo-chat-flow{flex-wrap:wrap;gap:0;margin:0 0 12px;padding:0;list-style:none;display:flex}.demo-chat-flow li{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--bg) 40%, transparent);align-items:center;margin:0;padding:5px 10px;font-size:12px;display:inline-flex}.demo-chat-flow li+li,.demo-chat-files li+li{border-left:0;margin-top:0}.demo-chat-flow li+li:before{content:"→";color:var(--text-muted);margin-right:8px}.demo-chat-turn--reply{background:#7aa2f70f}.demo-chat-user{border:1px solid color-mix(in srgb, var(--border) 40%, transparent);background:color-mix(in srgb, var(--surface) 28%, transparent);max-width:36rem;color:var(--text-muted);border-radius:10px;align-self:flex-start;margin:0;padding:8px 12px;font-size:13px;line-height:1.45}.demo-chat-turn{border:1px solid color-mix(in srgb, var(--border) 48%, transparent);background:color-mix(in srgb, var(--surface) 38%, transparent);-webkit-backdrop-filter:blur(12px)saturate(1.05);max-width:40rem;color:var(--text);border-radius:12px;padding:12px 14px 14px}.demo-chat-turn__head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.demo-chat-turn__head strong{font-size:13px;font-weight:650;display:block}.demo-chat-turn__head span{color:var(--text-muted);font-size:11px}.demo-chat-turn__head em{color:var(--text-muted);flex:none;font-size:11px;font-style:normal;font-weight:600}.demo-chat-turn__kicker{color:var(--text-muted);margin:0 0 6px;font-size:11px}.demo-chat-turn ol{margin:0 0 10px;padding-left:1.2em;font-size:13px;line-height:1.5}.demo-chat-turn li+li{margin-top:4px}.demo-chat-turn pre{background:color-mix(in srgb, var(--bg) 70%, #000);border-radius:8px;margin:0 0 10px;padding:10px 12px;font:11.5px/1.45 ui-monospace,SFMono-Regular,monospace;overflow:auto}.demo-chat-turn p{margin:0 0 8px;font-size:13px;line-height:1.55}.demo-chat-turn p:last-child{margin-bottom:0}.demo-chat-turn code{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.92em}.demo-chat-wait{color:var(--text-muted);justify-content:space-between;gap:12px;margin-top:auto;font-size:11px;display:flex}.demo-session__agents{border-left:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:var(--bg);flex-direction:column;gap:8px;min-width:0;height:100%;padding:10px 10px 14px;display:flex;overflow:hidden}.demo-session__slide{flex:auto;min-height:0;position:relative;overflow:hidden}.demo-session__track{will-change:transform;flex-direction:column;gap:12px;padding-bottom:8px;transition:transform .28s cubic-bezier(.22,1,.36,1);display:flex}.demo-session__pill{z-index:3;border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));background:color-mix(in srgb, var(--surface) 92%, var(--bg));width:22px;height:22px;color:var(--text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 6px 16px #00000047}.demo-session__pill:hover{color:var(--text);border-color:color-mix(in srgb, var(--accent) 35%, var(--border))}.demo-session__pill--up{top:4px}.demo-session__pill--up svg{transform:rotate(180deg)}.demo-session__pill--down{bottom:4px}@media (prefers-reduced-motion:reduce){.demo-session__track{transition:none}}.demo-session__agents-head{justify-content:space-between;align-items:baseline;gap:8px;padding:2px 4px 0;font-size:12px;font-weight:650;display:flex}.demo-session__agents-head span:last-child{color:var(--text-muted);align-items:baseline;gap:6px;font-size:11px;font-weight:550;display:inline-flex}.demo-hidden-chip{height:18px;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 8px;font-size:10px;font-weight:650}.demo-hidden-chip:hover,.demo-hidden-chip[aria-expanded=true]{color:var(--text);background:color-mix(in srgb, var(--text) 8%, transparent)}.demo-hidden-pop{z-index:8;border:1px solid color-mix(in srgb, var(--border) 80%, transparent);background:var(--plane-glass-strong,var(--surface));border-radius:10px;width:220px;padding:8px;position:absolute;top:36px;right:12px;box-shadow:0 16px 36px #00000059}.demo-hidden-pop__title{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;padding:2px 6px;font-size:10px;font-weight:700}.demo-hidden-pop__hint{color:var(--text-muted);margin:0 0 8px;padding:0 6px;font-size:10px;line-height:1.4}.demo-hidden-pop ul{margin:0;padding:0;list-style:none}.demo-hidden-pop li{grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:6px;padding:5px 6px;font-size:12px;display:grid}.demo-hidden-pop__mono{color:var(--text-muted);font-size:10px;font-weight:700}.demo-hidden-pop button{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 6px;font-size:11px}.demo-hidden-pop button:hover{color:var(--text);background:color-mix(in srgb, var(--text) 8%, transparent)}.demo-hidden-pop__all{width:100%;margin-top:4px;padding:6px!important}.demo-mini-face__more{cursor:pointer}.demo-session__agents h3{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px;padding:0 4px;font-size:10px;font-weight:700}.demo-session__agents section{flex-direction:column;gap:8px;display:flex}.demo-mini-face{box-sizing:border-box;border:2px solid color-mix(in srgb, var(--border) 32%, transparent);background:radial-gradient(ellipse 90% 70% at 12% -10%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 58%), linear-gradient(165deg, color-mix(in srgb, var(--surface) 22%, var(--plane-node-bg,var(--bg-secondary))) 0%, var(--plane-node-solid,var(--surface)) 100%);width:100%;min-height:82px;box-shadow:none;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:8px;flex-direction:column;gap:4px;padding:8px 10px 10px;transition:border-color .16s,box-shadow .16s;display:flex;overflow:hidden}.demo-mini-face:hover{border-color:color-mix(in srgb, var(--border) 48%, transparent)}.demo-mini-face--selected{border-color:color-mix(in srgb, var(--accent) 55%, transparent);box-shadow:none}.demo-mini-face--busy{border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.demo-mini-face--done{border-color:color-mix(in srgb, var(--accent) 28%, var(--border))}.demo-mini-face__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.demo-mini-face__identity{align-items:center;gap:6px;min-width:0;display:inline-flex}.demo-mini-face__mono{color:var(--text-muted);letter-spacing:.04em;flex:none;font-size:11px;font-weight:700}.demo-mini-face__name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.demo-mini-face__meta{align-items:center;gap:4px;display:inline-flex}.demo-mini-face__more{width:20px;height:20px;color:var(--text-muted);cursor:pointer;border-radius:6px;flex:none;justify-content:center;align-items:center;font-size:14px;line-height:1;display:inline-flex}.demo-mini-face__more:hover,.demo-mini-face__more:focus-visible{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--text);outline:none}.demo-mini-face__engine{color:var(--text-muted);font-size:10px;font-weight:700}.demo-mini-face__more{width:18px;height:18px;color:var(--text-muted);cursor:default;background:0 0;border:0;border-radius:5px;padding:0;display:inline-flex}.demo-mini-face__role,.demo-mini-face__status{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;margin:0;font-size:11px;display:inline-flex;overflow:hidden}.demo-mini-face__status{font-size:12px}.demo-mini-face--busy .demo-mini-face__status{color:var(--accent)}.demo-mini-face--done .demo-mini-face__status{color:color-mix(in srgb, var(--accent) 70%, var(--text))}.demo-mini-face__nodes{gap:4px;margin-top:2px;display:inline-flex}.demo-mini-face__nodes i{background:color-mix(in srgb, var(--text-muted) 55%, transparent);border-radius:50%;width:6px;height:6px}.demo-panel--plane:has(.demo-session){padding:0}.demo-plane-main:has(.demo-session){grid-template-rows:minmax(0,1fr) auto;grid-template-columns:200px minmax(0,1fr) min(268px,30%);height:100%;min-height:0;display:grid}.demo-plane-stage:has(.demo-session){grid-area:1/1/-1/-1;justify-content:stretch;padding:0;overflow:hidden}.demo-plane-main:has(.demo-session) .demo-plane-composer{z-index:3;background:var(--bg);border-top:0;grid-area:2/2;width:100%;max-width:none;margin:0;padding:2px 10px 10px;position:relative}.demo-plane-main:has(.demo-session) .demo-suggestions{display:none}@media (max-width:980px){:is(.demo-session,.demo-plane-main:has(.demo-session)){grid-template-columns:180px minmax(0,1fr) min(260px,34%)}}@media (max-width:860px){:is(.demo-session,.demo-plane-main:has(.demo-session)){grid-template-columns:1fr}.demo-session__agents,.demo-spawn{display:none}.demo-plane-main:has(.demo-session) .demo-plane-composer{grid-column:1}}