.stage[data-astro-cid-gr7tew4f]{position:relative;height:var(--stage-h, clamp(260px, 26vw, 360px))}.frame[data-astro-cid-gr7tew4f]{position:absolute;inset:0 6% 0 0;display:flex;flex-direction:column;border:1px solid hsl(var(--border));border-radius:var(--r-xl);background:hsl(var(--surface));box-shadow:var(--shadow-lg);overflow:hidden}.tabs[data-astro-cid-gr7tew4f]{display:flex;gap:2px;padding:5px 6px 0;background:hsl(var(--bg-sunken));flex:none}.tab[data-astro-cid-gr7tew4f]{display:flex;align-items:center;gap:4px;min-width:0;flex:1 1 0;height:22px;padding-inline:6px;border-radius:var(--r-sm) var(--r-sm) 0 0;background:hsl(var(--border) / .5);transition:max-width var(--t-slow) var(--ease-out),opacity var(--t-base) var(--ease-out),padding var(--t-slow) var(--ease-out);max-width:20rem;overflow:hidden}.tab[data-astro-cid-gr7tew4f] i[data-astro-cid-gr7tew4f]{width:9px;height:9px;border-radius:50%;background:hsl(var(--fg-subtle) / .45);flex:none}.tab[data-astro-cid-gr7tew4f] b[data-astro-cid-gr7tew4f]{font-size:.5625rem;font-weight:500;color:hsl(var(--fg-muted));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab[data-astro-cid-gr7tew4f].is-live{flex:2.4 1 0;background:hsl(var(--surface))}[data-step="3"] .tab[data-astro-cid-gr7tew4f].is-live,[data-step="4"] .tab[data-astro-cid-gr7tew4f].is-live,[data-step="5"] .tab[data-astro-cid-gr7tew4f].is-live{max-width:0;padding-inline:0;opacity:0;flex-grow:0}.bar[data-astro-cid-gr7tew4f]{display:flex;align-items:center;gap:var(--s3);padding:6px .75rem;border-bottom:1px solid hsl(var(--border));background:hsl(var(--surface));flex:none}.omni[data-astro-cid-gr7tew4f]{position:relative;display:flex;align-items:center;gap:5px;flex:1;min-width:0;height:22px;padding:0 .625rem;border-radius:var(--r-full);background:hsl(var(--bg-sunken));border:1px solid hsl(var(--border));color:hsl(var(--fg-subtle));font-size:.6875rem;white-space:nowrap;overflow:hidden}.url[data-astro-cid-gr7tew4f]{transition:opacity var(--t-base) var(--ease-out)}.url-b[data-astro-cid-gr7tew4f]{position:absolute;inset-inline-start:1.6rem;opacity:0}[data-step="4"] .url-a[data-astro-cid-gr7tew4f],[data-step="5"] .url-a[data-astro-cid-gr7tew4f]{opacity:0}[data-step="4"] .url-b[data-astro-cid-gr7tew4f],[data-step="5"] .url-b[data-astro-cid-gr7tew4f]{opacity:1}.ext[data-astro-cid-gr7tew4f]{position:relative;display:flex;flex:none}.ext[data-astro-cid-gr7tew4f] img[data-astro-cid-gr7tew4f]{border-radius:var(--r-xs)}.icon-badge[data-astro-cid-gr7tew4f]{position:absolute;inset-block-end:-2px;inset-inline-end:-3px;display:grid;place-items:center;width:13px;height:13px;padding:0;border:0;border-radius:var(--r-full);background:hsl(var(--accent));color:hsl(var(--accent-fg));font-family:var(--font-mono);font-size:.5rem;line-height:1;opacity:0;transform:scale(.4);transition:opacity var(--t-base) var(--ease-out),transform var(--t-base) var(--spring)}[data-step]:not([data-step="1"]) .icon-badge[data-astro-cid-gr7tew4f]{opacity:1;transform:scale(1)}.pages[data-astro-cid-gr7tew4f]{position:relative;flex:1;min-height:0}.page[data-astro-cid-gr7tew4f]{position:absolute;inset:0;display:flex;flex-direction:column;gap:var(--s3);padding:var(--s5);transition:opacity var(--t-slow) var(--ease-out)}.page-b[data-astro-cid-gr7tew4f],[data-step="4"] .page-a[data-astro-cid-gr7tew4f],[data-step="5"] .page-a[data-astro-cid-gr7tew4f]{opacity:0}[data-step="4"] .page-b[data-astro-cid-gr7tew4f],[data-step="5"] .page-b[data-astro-cid-gr7tew4f]{opacity:1}.sk[data-astro-cid-gr7tew4f]{height:7px;border-radius:var(--r-full);background:hsl(var(--border) / .85);flex:none}.sk[data-astro-cid-gr7tew4f].t{height:11px}.w30[data-astro-cid-gr7tew4f]{width:30%}.w45[data-astro-cid-gr7tew4f]{width:45%}.w60[data-astro-cid-gr7tew4f]{width:60%}.w70[data-astro-cid-gr7tew4f]{width:70%}.w75[data-astro-cid-gr7tew4f]{width:75%}.w80[data-astro-cid-gr7tew4f]{width:80%}.w85[data-astro-cid-gr7tew4f]{width:85%}.media[data-astro-cid-gr7tew4f]{flex:1;min-height:0;border-radius:var(--r-md);background:linear-gradient(hsl(var(--border) / 0) 0 62%,hsl(var(--border) / .5) 62% 100%),linear-gradient(160deg,hsl(var(--border) / .66),hsl(var(--border) / .34));box-shadow:inset 0 0 0 1px hsl(var(--border))}.line[data-astro-cid-gr7tew4f]{font-size:.75rem;line-height:1.5;color:hsl(var(--fg-muted))}.line[data-astro-cid-gr7tew4f] mark[data-astro-cid-gr7tew4f]{padding:1px 4px;border-radius:3px;background:hsl(var(--accent) / .16);color:hsl(var(--fg));font-weight:550}.keys[data-astro-cid-gr7tew4f]{position:absolute;inset-block-start:52%;inset-inline-start:8%;display:flex;gap:4px;opacity:0;transform:translateY(6px);transition:opacity var(--t-base) var(--ease-out),transform var(--t-base) var(--ease-out)}[data-step="2"] .keys[data-astro-cid-gr7tew4f]{opacity:1;transform:none}.keys[data-astro-cid-gr7tew4f] kbd[data-astro-cid-gr7tew4f]{padding:5px 9px;border:1px solid hsl(var(--border-strong));border-bottom-width:2px;border-radius:var(--r-sm);background:hsl(var(--surface-raised));box-shadow:var(--shadow-sm);font-family:inherit;font-size:var(--text-sm);font-weight:600;color:hsl(var(--fg))}.toast[data-astro-cid-gr7tew4f]{position:absolute;inset-block-end:4%;inset-inline-end:0;display:flex;align-items:center;gap:var(--s3);width:min(72%,21rem);padding:var(--s4);border:1px solid hsl(var(--border));border-radius:var(--r-lg);background:hsl(var(--surface-raised));box-shadow:var(--shadow-xl);opacity:0;transform:translateY(12px) scale(.98);transition:opacity var(--t-base) var(--ease-out),transform var(--t-base) var(--ease-out)}[data-step="5"] .toast[data-astro-cid-gr7tew4f]{opacity:1;transform:none}.toast[data-astro-cid-gr7tew4f] img[data-astro-cid-gr7tew4f]{border-radius:var(--r-sm);flex:none}.toast-body[data-astro-cid-gr7tew4f]{display:flex;flex-direction:column;gap:1px;min-width:0}.toast-body[data-astro-cid-gr7tew4f] strong[data-astro-cid-gr7tew4f]{font-size:var(--text-sm);font-weight:600;color:hsl(var(--fg));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast-body[data-astro-cid-gr7tew4f]>span[data-astro-cid-gr7tew4f]{font-size:var(--text-xs);color:hsl(var(--fg-muted));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast-now[data-astro-cid-gr7tew4f]{margin-inline-start:auto;font-family:var(--font-mono);font-size:var(--text-xs);color:hsl(var(--accent-text));flex:none}@media(max-width:760px){.frame[data-astro-cid-gr7tew4f]{inset:0 3% 0 0}.tab[data-astro-cid-gr7tew4f]:nth-child(n+5){display:none}.keys[data-astro-cid-gr7tew4f]{inset-block-start:46%;inset-inline-start:5%}.toast[data-astro-cid-gr7tew4f]{width:88%}}