.showcase.svelte-10ybeex{--showcase-height:500px;background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:620px;margin:0 auto;transition:background-color .24s;display:flex;overflow:hidden;box-shadow:0 0 0 1px #0000000f,0 30px 80px -20px #00000047}.showcase--terminal.svelte-10ybeex{background:#0f0f0f}.showcase-bar.svelte-10ybeex{border-bottom:1px solid #0000000f;flex-shrink:0;justify-content:center;align-items:center;height:44px;display:flex;position:relative}.showcase--terminal.svelte-10ybeex .showcase-bar:where(.svelte-10ybeex){border-bottom-color:#ffffff0f}.lights.svelte-10ybeex{gap:7px;display:flex;position:absolute;left:16px}.lights.svelte-10ybeex i:where(.svelte-10ybeex){background:#0000001f;border-radius:50%;width:11px;height:11px}.showcase--terminal.svelte-10ybeex .lights:where(.svelte-10ybeex) i:where(.svelte-10ybeex){background:#ffffff29}.switch.svelte-10ybeex{background:#0000000d;border-radius:999px;gap:2px;padding:3px;display:inline-flex}.showcase--terminal.svelte-10ybeex .switch:where(.svelte-10ybeex){background:#ffffff14}.switch-option.svelte-10ybeex{color:#0000008c;cursor:pointer;border-radius:999px;align-items:center;gap:6px;height:26px;padding:0 12px;font-size:12.5px;font-weight:500;transition:background-color .2s,color .2s,box-shadow .2s;display:inline-flex}.showcase--terminal.svelte-10ybeex .switch-option:where(.svelte-10ybeex){color:#ffffff8c}.switch-option--active.svelte-10ybeex{color:#1d1d1f;background:#fff;box-shadow:0 1px 3px #0000001f}.showcase--terminal.svelte-10ybeex .switch-option--active:where(.svelte-10ybeex){color:#fff;box-shadow:none;background:#ffffff24}.showcase-body.svelte-10ybeex{height:var(--showcase-height);flex-direction:column;min-height:0;display:flex}.showcase-body.svelte-10ybeex .session{flex:1;min-height:0}.showcase-body.svelte-10ybeex .session .transcript{flex:1;height:auto;min-height:0}.showcase-loading.svelte-10ybeex{flex:1}@media (width<=734px){.showcase.svelte-10ybeex{--showcase-height:460px}.lights.svelte-10ybeex{display:none}}