.component-detail-page:has(.fluid-agent-orb-demo) .component-preview-stage{background:0 0;padding:0}.fluid-agent-orb-demo{box-sizing:border-box;background:var(--theme-background,#080909);width:100%;color:var(--theme-ink,#eee);text-align:center;padding:28px 32px 24px;font-family:Inter,system-ui,sans-serif;overflow:hidden}.fluid-agent-orb-demo-stage{place-items:center;width:100%;min-height:300px;padding:8px 0;display:grid}.fluid-agent-orb-state-tabs{flex-wrap:wrap;justify-content:center;gap:0;margin:40px 0 0;display:flex}.fluid-agent-orb-state-tabs button,.fluid-agent-orb-demo-actions button{font:inherit;cursor:pointer;color:inherit}.fluid-agent-orb-state-tabs button{isolation:isolate;color:var(--theme-ink-muted,#888);background:0 0;border:1px solid #0000;border-radius:0;padding:8px 14px;font-size:11px;transition:background .2s,color .2s;position:relative}.fluid-agent-orb-state-tabs button:before{content:"";z-index:-1;pointer-events:none;border:1px solid #0000;border-radius:20px;transition:background .2s;position:absolute;inset:-1px 1px}.fluid-agent-orb-state-tabs button[aria-pressed=true]:before{background:color-mix(in srgb, currentColor 8%, transparent);border-color:var(--theme-border,#ffffff12)}.fluid-agent-orb-state-tabs button[aria-pressed=true]{color:var(--theme-ink,#eee)}.fluid-agent-orb-demo-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.fluid-agent-orb-demo-actions button{border:1px solid var(--theme-border,#ffffff20);background:0 0;border-radius:24px;padding:11px 16px;font-size:12px}.fluid-agent-orb-demo-actions .fluid-agent-orb-primary{background:var(--theme-ink,#eee);color:var(--theme-background,#080909);border-color:#0000}.fluid-agent-orb-curve-actions{justify-content:flex-start;margin-top:14px}.fluid-agent-orb-curve-editor{max-width:480px;color:var(--theme-ink-muted,#888);margin-top:16px}.fluid-agent-orb-curve-editor svg{width:100%;display:block}.fluid-agent-orb-curve-editor text{fill:currentColor;font:11px Inter,sans-serif}.fluid-agent-orb-curve-guide{fill:none;stroke:currentColor;opacity:.2;stroke-dasharray:3 4}.fluid-agent-orb-curve-line{fill:none;stroke:var(--theme-ink,#eee);stroke-width:2px}.fluid-agent-orb-curve-editor p{margin:4px 0 0;font-size:12px}.fluid-agent-orb-demo button:focus-visible{outline-offset:3px;outline:2px solid #5fa8a6}.component-showcase.is-fullscreen .fluid-agent-orb-demo{flex-direction:column;justify-content:safe center;align-items:center;display:flex;overflow-y:auto}.component-showcase.is-fullscreen .fluid-agent-orb-demo>*{flex-shrink:0;max-width:100%}@media (width<=600px){.fluid-agent-orb-demo{padding:22px 16px}.fluid-agent-orb-demo-stage{min-height:250px}.fluid-agent-orb-state-tabs button{padding:7px 12px}}.fluid-agent-orb-curve-editor svg{touch-action:none;max-width:380px;overflow:visible}.fluid-agent-orb-curve-editor code{margin:8px 0 14px;font-size:12px;display:block}.fluid-agent-orb-curve-grid{fill:none;stroke:currentColor;opacity:.15}.fluid-agent-orb-curve-tangent{fill:none;stroke:#5fa8a6;stroke-width:1.5px}.fluid-agent-orb-curve-handle{fill:var(--theme-background,#080909);stroke:#5fa8a6;stroke-width:3px;cursor:grab}.fluid-agent-orb-curve-handle:active{cursor:grabbing}.fluid-agent-orb-curve-handle:focus-visible{stroke-width:5px;outline:none}.fluid-agent-orb-curve-anchor{fill:var(--theme-ink,#eee)}