.embed-demo:where(.astro-j2kng7ne){gap:.75rem;min-inline-size:0;max-inline-size:100%;margin-block:1.25rem;display:grid}.embed-demo__commands:where(.astro-j2kng7ne){flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.embed-demo__button:where(.astro-j2kng7ne){border:1px solid var(--sl-color-gray-5);background:var(--sl-color-gray-6);color:var(--sl-color-white);cursor:pointer;font:inherit;border-radius:.35rem;padding:.6rem .9rem;font-weight:600;line-height:1.2;text-decoration:none;transition:background .12s,border-color .12s,color .12s}.embed-demo__button:where(.astro-j2kng7ne):hover{border-color:var(--sl-color-accent);background:var(--sl-color-gray-5);color:var(--sl-color-white)}.embed-demo__file:where(.astro-j2kng7ne) input:where(.astro-j2kng7ne){opacity:0;block-size:1px;inline-size:1px;margin:0;position:absolute}.embed-demo__frame:where(.astro-j2kng7ne){border:1px solid var(--sl-color-gray-5);background:#fff;border-radius:.45rem;block-size:min(62vh,560px);min-block-size:360px;inline-size:100%;max-inline-size:100%}.embed-demo__summary:where(.astro-j2kng7ne){border:1px solid var(--sl-color-gray-5);background:var(--sl-color-bg-nav);border-radius:.45rem;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem;display:flex}.embed-demo__summary:where(.astro-j2kng7ne) div:where(.astro-j2kng7ne){gap:.15rem;display:grid}.embed-demo__summary:where(.astro-j2kng7ne) strong:where(.astro-j2kng7ne){color:var(--sl-color-white)}.embed-demo__summary:where(.astro-j2kng7ne) p:where(.astro-j2kng7ne){color:var(--sl-color-gray-2);text-align:end;margin:0}.embed-demo__label:where(.astro-j2kng7ne){color:var(--sl-color-gray-3);font-size:var(--sl-text-xs);text-transform:uppercase;font-weight:700}.embed-demo__output:where(.astro-j2kng7ne){grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;min-inline-size:0;display:grid}.embed-demo__panel:where(.astro-j2kng7ne){border:1px solid var(--sl-color-gray-5);background:var(--sl-color-bg-nav);border-radius:.45rem;min-inline-size:0;padding:.75rem}.embed-demo__panel-heading:where(.astro-j2kng7ne){justify-content:space-between;align-items:center;gap:1rem;margin-block-end:.75rem;display:flex}.embed-demo__title:where(.astro-j2kng7ne){color:var(--sl-color-white);font-weight:700}.embed-demo__panel-heading:where(.astro-j2kng7ne) span:where(.astro-j2kng7ne){border:1px solid var(--sl-color-gray-5);color:var(--sl-color-gray-2);font-size:var(--sl-text-xs);border-radius:999px;padding:.15rem .55rem;font-weight:700}.embed-demo__messages:where(.astro-j2kng7ne){gap:.5rem;max-block-size:18rem;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.embed-demo__message:where(.astro-j2kng7ne),.embed-demo__empty:where(.astro-j2kng7ne){border:1px solid var(--sl-color-gray-6);border-radius:.55rem;padding:.65rem}.embed-demo__message--received:where(.astro-j2kng7ne){border-color:color-mix(in srgb, var(--sl-color-accent) 45%, var(--sl-color-gray-6))}.embed-demo__message-meta:where(.astro-j2kng7ne){color:var(--sl-color-gray-3);font-size:var(--sl-text-xs);align-items:center;gap:.45rem;display:flex}.embed-demo__message-meta:where(.astro-j2kng7ne) strong:where(.astro-j2kng7ne){color:var(--sl-color-white)}.embed-demo__message-meta:where(.astro-j2kng7ne) time:where(.astro-j2kng7ne){margin-inline-start:auto}.embed-demo__message:where(.astro-j2kng7ne) p:where(.astro-j2kng7ne),.embed-demo__empty:where(.astro-j2kng7ne){color:var(--sl-color-gray-2);overflow-wrap:anywhere;margin:.35rem 0 0}.embed-demo__preview:where(.astro-j2kng7ne){min-block-size:12rem;color:var(--sl-color-gray-2);text-align:center;place-items:center;display:grid;overflow:auto}.embed-demo__preview:where(.astro-j2kng7ne) img:where(.astro-j2kng7ne),.embed-demo__preview:where(.astro-j2kng7ne) svg:where(.astro-j2kng7ne){block-size:auto;max-inline-size:100%}.embed-demo__artifact:where(.astro-j2kng7ne){border:1px solid var(--sl-color-gray-5);border-radius:.45rem;justify-items:center;gap:.55rem;inline-size:min(100%,22rem);padding:1rem;display:grid}.embed-demo__artifact:where(.astro-j2kng7ne) strong:where(.astro-j2kng7ne){color:var(--sl-color-white);overflow-wrap:anywhere}.embed-demo__artifact:where(.astro-j2kng7ne) span:where(.astro-j2kng7ne){color:var(--sl-color-gray-2);font-size:var(--sl-text-sm)}.embed-demo__download:where(.astro-j2kng7ne){margin-block-start:.25rem}@media (width<=72rem){.embed-demo__output:where(.astro-j2kng7ne){grid-template-columns:1fr}.embed-demo__summary:where(.astro-j2kng7ne){flex-direction:column;align-items:start}.embed-demo__summary:where(.astro-j2kng7ne) p:where(.astro-j2kng7ne){text-align:start}}