:root{--bw-indigo: #6366f1;--bw-violet: #8b5cf6;--bw-lavender: #a78bfa;--bw-glow: rgba(99, 102, 241, .35);--bw-glow-soft: rgba(99, 102, 241, .12);--bw-accent: var(--demo-accent, var(--bw-indigo));--bw-marker: #ef4444}.brainwave-frame{--bw-ring-inset: -14px;position:relative;isolation:isolate;border-radius:inherit}.brainwave-frame__floor{position:absolute;top:8%;right:8%;bottom:8%;left:8%;border-radius:14px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--bw-accent) 12%,transparent) 0%,transparent 72%);pointer-events:none;z-index:0;opacity:.55;animation:bw-floor-pulse 3.6s ease-in-out infinite}.brainwave-frame .orbit-ring{position:absolute;inset:var(--bw-ring-inset);border:1px solid color-mix(in srgb,var(--bw-accent) 28%,transparent);border-radius:16px;pointer-events:none;z-index:3;opacity:0;animation:bw-orbit-ring-pulse 3.6s ease-in-out infinite}.brainwave-frame .orbit-ring--2{inset:calc(var(--bw-ring-inset) - 14px);border-color:color-mix(in srgb,var(--bw-violet) 28%,transparent);animation-delay:.15s}.brainwave-frame .orbit-dot{position:absolute;width:6px;height:6px;border-radius:50%;top:50%;left:50%;margin:-3px 0 0 -3px;background:linear-gradient(135deg,var(--bw-indigo),var(--bw-violet));box-shadow:0 0 8px var(--bw-glow);pointer-events:none;z-index:4;opacity:0;animation:bw-orbit-spin 2.4s linear infinite}.brainwave-frame .orbit-dot--2{width:4px;height:4px;margin:-2px 0 0 -2px;animation-duration:3.1s;animation-direction:reverse}.brainwave-frame__content{position:relative;z-index:1;border-radius:inherit}.brainwave-frame--compact{--bw-ring-inset: -10px}.brainwave-frame--compact .orbit-dot{animation-name:bw-orbit-spin-compact}.brainwave-frame.is-idle .orbit-ring,.brainwave-frame.is-idle .orbit-dot,.brainwave-frame.is-idle .brainwave-frame__floor{animation-play-state:running}.brainwave-frame.is-task-running,.brainwave-frame.is-working{--bw-active: 1}.brainwave-frame.is-task-running iframe,.brainwave-frame.is-working iframe,.brainwave-frame.is-task-running .brainwave-frame__content,.brainwave-frame.is-working .brainwave-frame__content{animation:bw-task-outline 2s ease-out infinite}.brainwave-frame.is-task-running .orbit-ring,.brainwave-frame.is-working .orbit-ring{opacity:1;animation:bw-orbit-ring-active 1.6s ease-in-out infinite}.bw-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;opacity:.35;background-image:linear-gradient(rgba(255,210,30,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,210,30,.12) 1px,transparent 1px);background-size:24px 24px;mix-blend-mode:screen}.bw-grid-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(99,102,241,.06),transparent 40%)}.bw-marker-demo{position:absolute;width:14px;height:14px;border-radius:50%;border:2.5px solid var(--bw-marker);background:#ef44442e;transform:translate(-50%,-50%);pointer-events:none;z-index:5;box-shadow:0 0 10px #ef44448c}.bw-marker-demo:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--bw-marker)}.bw-marker-demo--pulse{animation:bw-marker-ping 2.4s ease-out infinite}.bw-marker-demo--pulse:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1.5px solid rgba(239,68,68,.45);animation:bw-marker-ring 2.4s ease-out infinite}.demo-preview{position:relative;height:148px;margin:-.15rem -.2rem .55rem;border-radius:12px;overflow:hidden;background:linear-gradient(180deg,#f0f0f0,#e4e4e4)}.demo-preview .brainwave-frame{height:100%;display:grid;place-items:center;padding:1.1rem .85rem}.demo-preview__mock{position:relative;width:min(92%,220px);background:#fff;border-radius:10px;border:1px solid #ddd;box-shadow:0 10px 28px #0000001f;overflow:hidden;z-index:1}.demo-preview__url{padding:.28rem .5rem;font-size:.52rem;color:#9ca3af;background:#fafafa;border-bottom:1px solid #eee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-preview__body{padding:.55rem .5rem .45rem;min-height:3.2rem}.demo-preview__row{display:flex;justify-content:flex-end;gap:.25rem;margin-top:.45rem}.demo-preview__btn{padding:.18rem .42rem;border-radius:5px;font-size:.48rem;font-weight:600}.demo-preview__btn--ghost{background:#f5f5f5;border:1px solid #e5e7eb;color:#374151}.demo-preview__btn--solid{background:#111;color:#fff}.demo-preview--operator{--demo-accent: #111827}.demo-preview--minimal{--demo-accent: #059669}.demo-preview--minimal .demo-preview__mock{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:4.5rem}.demo-preview--minimal .demo-preview__code{padding:.35rem .4rem;font:.44rem/1.45 ui-monospace,monospace;background:#09090b;color:#a1a1aa;border-right:1px solid #27272a}.demo-preview--minimal .demo-preview__mini{background:#fafafa;position:relative}.demo-preview--voice{--demo-accent: #7c3aed;background:radial-gradient(ellipse at 50% 0%,#6366f159,#0a0a12 70%)}.demo-preview--voice .demo-preview__mic{width:42px;height:42px;margin:.65rem auto .35rem;border-radius:50%;background:linear-gradient(145deg,#6366f1,#7c3aed);box-shadow:0 0 24px #6366f18c}.demo-preview--voice .demo-preview__wave{display:flex;justify-content:center;gap:2px;height:18px;align-items:flex-end;padding-bottom:.35rem}.demo-preview--voice .demo-preview__wave span{width:3px;border-radius:2px;background:linear-gradient(180deg,#6366f1,#a78bfa);animation:bw-wave 1.2s ease-in-out infinite}.demo-preview--voice .demo-preview__wave span:nth-child(odd){animation-delay:.12s}.demo-preview--forms{--demo-accent: #d97706}.demo-preview--forms .demo-preview__field{height:.55rem;border-radius:4px;background:#fef3c7;border:1px solid #fcd34d;margin-bottom:.28rem}.demo-preview--forms .demo-preview__field.is-hot{box-shadow:0 0 0 2px #f59e0b59}.demo-preview--grounding{--demo-accent: #ea580c;background:#080a10}.demo-preview--grounding .demo-preview__mock{background:#111520;border-color:#ffffff14}.demo-preview--grounding .demo-preview__body{background-image:linear-gradient(rgba(255,210,30,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,210,30,.1) 1px,transparent 1px);background-size:12px 12px}.demo-preview--embed{--demo-accent: #0284c7}.demo-preview--embed .demo-preview__product{height:2.6rem;background:linear-gradient(135deg,#93c5fd,#1d4ed8)}.demo-preview--embed .demo-preview__drawer{position:absolute;right:.35rem;bottom:.35rem;width:38%;padding:.25rem;border-radius:6px;background:#0f1419;border:1px solid rgba(99,102,241,.35);box-shadow:0 0 12px #6366f140}.demo-preview--models{--demo-accent: #6366f1;background:#05070d}.demo-preview--models .demo-preview__avatars{display:flex;gap:.35rem;justify-content:center;padding:.5rem 0}.demo-preview--models .demo-preview__avatar{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.12);box-shadow:0 0 12px #a855f759}.demo-preview--models .demo-preview__avatar:nth-child(1){background:linear-gradient(135deg,#6366f1,#8b5cf6)}.demo-preview--models .demo-preview__avatar:nth-child(2){background:linear-gradient(135deg,#a855f7,#ec4899)}.demo-preview--models .demo-preview__avatar:nth-child(3){background:linear-gradient(135deg,#ffd21e,#f59e0b)}.demo-preview--workflows{--demo-accent: #8b5cf6}.demo-preview--workflows .demo-preview__timeline{display:flex;flex-direction:column;gap:.35rem;padding:.35rem .45rem}.demo-preview--workflows .demo-preview__step{display:flex;align-items:center;gap:.35rem;font-size:.48rem;color:#6b7280}.demo-preview--workflows .demo-preview__node{width:10px;height:10px;border-radius:50%;border:2px solid #d1d5db;flex-shrink:0}.demo-preview--workflows .demo-preview__step.is-active .demo-preview__node{border-color:var(--bw-indigo);box-shadow:0 0 0 3px var(--bw-glow-soft),0 0 10px var(--bw-glow)}.demo-preview--workflows .demo-preview__step.is-active{color:var(--bw-indigo);font-weight:600}.demo-preview--shop{--demo-accent: #6366f1}.demo-preview--shop .demo-preview__mock{min-height:4rem}.demo-preview--shop .demo-preview__product{height:1.8rem;background:linear-gradient(90deg,#dbeafe,#93c5fd);margin-bottom:.35rem}.demo-preview--try-it{--demo-accent: #6366f1;background:linear-gradient(180deg,#eef2ff,#f8fafc)}.demo-preview--try-it .demo-preview__prompt{margin:.45rem .35rem 0;padding:.22rem .35rem;border-radius:6px;border:1px solid #c7d2fe;font-size:.48rem;color:#4338ca;background:#fff}@keyframes bw-orbit-ring-pulse{0%,20%{opacity:0;transform:scale(.92)}30%,70%{opacity:1;transform:scale(1)}85%,to{opacity:0;transform:scale(1.06)}}@keyframes bw-orbit-ring-active{0%,to{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}@keyframes bw-orbit-spin{0%,18%{opacity:0;transform:rotate(0) translate(0)}28%,72%{opacity:1;transform:rotate(0) translate(92px) rotate(0)}88%,to{opacity:0;transform:rotate(360deg) translate(92px)}}@keyframes bw-orbit-spin-compact{0%,18%{opacity:0;transform:rotate(0) translate(0)}28%,72%{opacity:1;transform:rotate(0) translate(58px) rotate(0)}88%,to{opacity:0;transform:rotate(360deg) translate(58px)}}@keyframes bw-floor-pulse{0%,20%{opacity:0;transform:scale(.9)}32%,68%{opacity:1;transform:scale(1.05)}85%,to{opacity:0}}@keyframes bw-task-outline{0%,to{box-shadow:0 6px 28px #0f172a14}25%,55%{box-shadow:0 0 0 2px color-mix(in srgb,var(--bw-accent) 50%,transparent),0 8px 32px color-mix(in srgb,var(--bw-accent) 16%,transparent)}}@keyframes bw-marker-ping{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.08)}}@keyframes bw-marker-ring{0%,40%{opacity:0;transform:scale(.6)}55%,75%{opacity:1;transform:scale(1.6)}to{opacity:0;transform:scale(2)}}@keyframes bw-wave{0%,to{height:4px;opacity:.45}50%{height:14px;opacity:1}}@media(prefers-reduced-motion:reduce){.brainwave-frame .orbit-ring,.brainwave-frame .orbit-dot,.brainwave-frame__floor,.brainwave-frame.is-task-running .brainwave-frame__content,.bw-marker-demo--pulse,.demo-preview--voice .demo-preview__wave span{animation:none!important}.brainwave-frame.is-task-running .brainwave-frame__content{box-shadow:0 0 0 2px color-mix(in srgb,var(--bw-accent) 35%,transparent)}}