:root{--webgpu-bg:#282828;--webgpu-surface:#303030;--webgpu-surface-2:#383838;--webgpu-surface-3:#2a2a2a;--webgpu-surface-4:#303030;--webgpu-surface-5:#282828;--webgpu-surface-muted:#303030;--webgpu-border:#505050b3;--webgpu-border-strong:#64646499;--webgpu-border-stronger:#78787899;--webgpu-text:#e0e0e0;--webgpu-text-muted:#ccc;--webgpu-text-subtle:#999;--webgpu-text-faint:#777;--webgpu-accent:#77b2ff;--webgpu-accent-soft:#77b2ff1a;--webgpu-accent-soft-2:#77b2ff26;--webgpu-accent-soft-3:#77b2ff14;--webgpu-accent-outline:#77b2ff4d;--webgpu-font:var(--tertiary-font,system-ui, sans-serif);--webgpu-mono-font:var(--code-font,monospace);--webgpu-input-bg:#383838;--webgpu-input-bg-muted:#2e2e2e;--webgpu-input-bg-strong:#404040;--webgpu-input-border:#64646499;--webgpu-hover-bg:#ffffff0f;--webgpu-hover-bg-2:#ffffff14;--webgpu-icon-bg:transparent;--webgpu-icon-border:#64646499;--webgpu-icon-color:#ccc;--webgpu-success-text:#4ade80;--webgpu-success-bg:#4ade801a;--webgpu-success-border:#4ade804d;--webgpu-success-hover-bg:#4ade8026;--webgpu-success-hover-border:#4ade8066;--webgpu-success-outline:#4ade8033;--webgpu-warning-text:#fbbf24;--webgpu-warning-bg:#fbbf241a;--webgpu-warning-border:#fbbf244d;--webgpu-error-text:#ff6b6b;--webgpu-error-bg:#ff6b6b1a;--webgpu-error-overlay-bg:#3c1e1ef2;--webgpu-danger-bg:#ff6b6b1a;--webgpu-danger-border:#ff6b6b4d;--webgpu-danger-hover-bg:#ff6b6b26;--webgpu-danger-hover-border:#ff6b6b66;--webgpu-overlay-bg:#282828f2}.webgpu-host{font-family:var(--webgpu-font);color:var(--webgpu-text);background:var(--webgpu-bg);color-scheme:dark;--webgpu-accent:var(--accent);--webgpu-font:var(--font-body);--webgpu-mono-font:var(--font-code)}.webgpu-controls-root{flex-direction:column;gap:12px;width:100%;min-width:0;display:flex}.webgpu-controls-root>*{min-width:0}.webgpu-controls-root details,.webgpu-controls-root summary,.webgpu-controls-root button,.webgpu-controls-root input,.webgpu-controls-root select,.webgpu-controls-root textarea{box-sizing:border-box;max-width:100%}.webgpu-controls-root input[type=range]{width:100%;min-width:0}.webgpu__lede[data-astro-cid-am22myml]{max-width:var(--measure);margin-top:var(--space-3);color:var(--soft)}.webgpu-widget-slot[data-astro-cid-am22myml]{margin:var(--space-5) 0}.webgpu-widget-slot[data-astro-cid-am22myml]:not(:has(.webgpu-host)){border:1px solid var(--line);background:#282828}.webgpu-widget-slot[data-astro-cid-am22myml]:not(:has(.webgpu-host)):after{content:"Initializing WebGPU…";aspect-ratio:16/9;color:#999;width:100%;font-family:var(--font-label);font-size:var(--step--1);justify-content:center;align-items:center;display:flex}.webgpu-list__head[data-astro-cid-am22myml]{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--line);display:flex}.webgpu-list__count[data-astro-cid-am22myml]{font-family:var(--font-label);font-size:var(--step--1);color:var(--soft)}.webgpu-grid[data-astro-cid-am22myml]{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;display:grid}.webgpu-card[data-astro-cid-am22myml]{gap:var(--space-3);height:100%;padding:var(--space-3);border:1px solid var(--line);color:inherit;grid-template-columns:auto minmax(0,1fr);text-decoration:none;transition:border-color .2s,background-color .2s;display:grid}.webgpu-card[data-astro-cid-am22myml]:hover{border-color:var(--accent);background:#2f6fff0a}.webgpu-card__number[data-astro-cid-am22myml],.webgpu-card__api[data-astro-cid-am22myml]{font-family:var(--font-label);color:var(--accent)}.webgpu-card__number[data-astro-cid-am22myml]{font-size:var(--step--1)}.webgpu-card__copy[data-astro-cid-am22myml]{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.webgpu-card__name[data-astro-cid-am22myml]{font-family:var(--font-display);font-size:var(--step-1)}.webgpu-card__description[data-astro-cid-am22myml]{color:var(--soft);font-size:var(--step--1);line-height:1.5}.webgpu-card__api[data-astro-cid-am22myml]{font-size:var(--step--2);letter-spacing:.08em;text-transform:uppercase}@media (width<=720px){.webgpu-grid[data-astro-cid-am22myml]{grid-template-columns:1fr}}
