.ts-playground:where(.astro-sxtufadm){display:flex;flex-direction:column;gap:.85rem;margin:1rem 0}.ts-intro:where(.astro-sxtufadm){background:var(--sl-color-bg-sidebar, #f6f7f9);border-left:3px solid var(--sl-color-accent, #6366f1);padding:.75rem 1rem;border-radius:4px;margin:0;line-height:1.5}.ts-row:where(.astro-sxtufadm){display:flex;flex-direction:column;gap:.4rem}.ts-row:where(.astro-sxtufadm) label:where(.astro-sxtufadm){font-size:.95rem}.ts-controls:where(.astro-sxtufadm){flex-direction:row;align-items:center;flex-wrap:wrap;gap:.6rem}.ts-hint:where(.astro-sxtufadm){font-size:.85em;color:var(--sl-color-text-accent, #888)}textarea:where(.astro-sxtufadm),select:where(.astro-sxtufadm){width:100%;box-sizing:border-box;font-family:var(--sl-font-system-mono, ui-monospace, monospace);font-size:.9rem;padding:.5rem;border:1px solid var(--sl-color-hairline, #d4d4d8);border-radius:4px;background:var(--sl-color-bg, #fff);color:var(--sl-color-text, #222)}button:where(.astro-sxtufadm){padding:.5rem 1rem;border:1px solid var(--sl-color-hairline, #d4d4d8);border-radius:4px;background:var(--sl-color-accent, #6366f1);color:#fff;cursor:pointer;font-weight:500}button:where(.astro-sxtufadm):hover:not(:disabled){opacity:.9}button:where(.astro-sxtufadm):disabled{opacity:.5;cursor:not-allowed}.ts-status:where(.astro-sxtufadm){font-size:.9rem;color:var(--sl-color-text-accent, #888)}.ts-sidebyside:where(.astro-sxtufadm){display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.ts-sidebyside:where(.astro-sxtufadm) h4:where(.astro-sxtufadm){margin:0 0 .4rem;font-size:.95rem;color:var(--sl-color-text-accent, #666)}.ts-output:where(.astro-sxtufadm){background:var(--sl-color-bg-sidebar, #f6f7f9);border:1px solid var(--sl-color-hairline, #d4d4d8);border-radius:4px;padding:.75rem;margin:0;font-family:var(--sl-font-system-mono, ui-monospace, monospace);font-size:.85rem;white-space:pre-wrap;word-wrap:break-word;min-height:8rem;max-height:24rem;overflow-y:auto}.ts-output:where(.astro-sxtufadm) mark:where(.astro-sxtufadm).ts-fake{background:#6366f126;color:inherit;padding:1px 3px;border-radius:3px;font-weight:500}.ts-mappings:where(.astro-sxtufadm){border:1px solid var(--sl-color-hairline, #d4d4d8);border-radius:4px;padding:.5rem;background:var(--sl-color-bg-sidebar, #f6f7f9);max-height:18rem;overflow-y:auto}.ts-mappings:where(.astro-sxtufadm) table:where(.astro-sxtufadm){width:100%;border-collapse:collapse;font-size:.85rem}.ts-mappings:where(.astro-sxtufadm) th:where(.astro-sxtufadm),.ts-mappings:where(.astro-sxtufadm) td:where(.astro-sxtufadm){text-align:left;padding:.3rem .5rem;border-bottom:1px solid var(--sl-color-hairline, #d4d4d8)}.ts-mappings:where(.astro-sxtufadm) th:where(.astro-sxtufadm){background:var(--sl-color-bg, #fff);font-weight:600}.ts-mappings:where(.astro-sxtufadm) tr:where(.astro-sxtufadm).ts-repeat{background:#22c55e14}.ts-mappings:where(.astro-sxtufadm) tr:where(.astro-sxtufadm).ts-repeat td:where(.astro-sxtufadm):first-child:after{content:" ↻";color:#22c55e;font-weight:700}.ts-mappings:where(.astro-sxtufadm) .ts-label:where(.astro-sxtufadm){font-family:var(--sl-font-system-mono, ui-monospace, monospace);font-size:.8rem;color:var(--sl-color-text-accent, #888)}.ts-mappings:where(.astro-sxtufadm) .ts-orig:where(.astro-sxtufadm),.ts-mappings:where(.astro-sxtufadm) .ts-fake-cell:where(.astro-sxtufadm){font-family:var(--sl-font-system-mono, ui-monospace, monospace)}.ts-mappings:where(.astro-sxtufadm) .ts-fake-cell:where(.astro-sxtufadm){color:var(--sl-color-accent, #6366f1);font-weight:500}.ts-code:where(.astro-sxtufadm){background:var(--sl-color-bg-sidebar, #f6f7f9);border:1px solid var(--sl-color-hairline, #d4d4d8);border-radius:4px;padding:.75rem;margin:0;font-family:var(--sl-font-system-mono, ui-monospace, monospace);font-size:.85rem;overflow-x:auto}.ts-details:where(.astro-sxtufadm) summary:where(.astro-sxtufadm){cursor:pointer;font-weight:500}.ts-note:where(.astro-sxtufadm){background:var(--sl-color-bg-sidebar, #f6f7f9);border-left:3px solid #b8761a;padding:.6rem 1rem;border-radius:4px;margin:0;font-size:.9rem;line-height:1.5}.ts-download-warning:where(.astro-sxtufadm){background:#fff7e6;color:#5a3d00;border:1px solid #f0b25e;border-radius:4px;padding:.5rem .7rem;font-size:.88rem;line-height:1.5}.ts-download-warning:where(.astro-sxtufadm) strong:where(.astro-sxtufadm){color:#b8761a}