.chat-page.svelte-23dtxz{--nav-height:3.2rem;--agent-sidebar-width:28rem;--mobile-agent-height:min(75dvh, calc(100dvh - var(--nav-height)));background:var(--background);z-index:20;width:100vw;height:100dvh;padding:calc(var(--nav-height) + .5rem) 0 0 0;display:flex;position:fixed;inset:0;overflow:hidden}.emulator-stage.svelte-23dtxz{top:var(--nav-height);padding:.5rem;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.agent-shell.svelte-23dtxz{flex:1;min-width:0;height:100%;transition:transform .3s,box-shadow .3s;position:relative}.agent-shell.floating.svelte-23dtxz{top:var(--nav-height);width:min(var(--agent-sidebar-width), 100vw);height:calc(100dvh - var(--nav-height));z-index:100;background-color:color-mix(in srgb, var(--tertiary) 20%, transparent);-webkit-backdrop-filter:blur(.7rem);backdrop-filter:blur(.7rem);border:solid .1rem var(--tertiary);border-right:none;border-top-left-radius:1rem;border-bottom-left-radius:1rem;flex-direction:column;padding:0;display:flex;position:fixed;right:0;overflow:hidden;transform:translate(100%)}.agent-shell.floating.open.svelte-23dtxz{transform:translate(0);box-shadow:-4px 0 3rem 2rem #0000004d}.nav-agent-toggle.svelte-23dtxz{background-color:var(--accent);height:2.2rem;color:var(--accent-text);cursor:pointer;border:none;border-radius:1.5rem 1.5rem .4rem;justify-content:center;align-items:center;gap:.5rem;padding:.3rem .8rem;font-family:Rubik,sans-serif;font-weight:700;display:flex}.toggle-icon.svelte-23dtxz{width:1.2em;height:1.2em;display:flex}@media (width<=900px){.chat-page.svelte-23dtxz{padding:var(--nav-height) 0 0 0;-webkit-overflow-scrolling:touch;gap:2rem;overflow:hidden auto}.chat-page.has-example.svelte-23dtxz{flex-direction:column}.chat-page.has-example.svelte-23dtxz .emulator-stage:where(.svelte-23dtxz){height:calc(100dvh - var(--nav-height) + 30.5rem);flex:0 0 calc(100dvh - var(--nav-height) + 30.5rem);min-height:0;position:relative;inset:auto}.agent-shell.floating.svelte-23dtxz{width:100vw;height:var(--mobile-agent-height);flex:0 0 var(--mobile-agent-height);background-color:var(--background);-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-bottom:solid .1rem var(--tertiary);border-radius:0;position:relative;inset:auto;transform:none}.agent-shell.floating.open.svelte-23dtxz{box-shadow:none;transform:none}.nav-agent-toggle.svelte-23dtxz{display:none}}