: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-bg:var(--card-bg);--webgpu-surface:var(--surface);--webgpu-surface-2:var(--surface);--webgpu-surface-3:var(--card-bg);--webgpu-surface-4:var(--surface);--webgpu-surface-5:var(--card-bg);--webgpu-surface-muted:var(--surface);--webgpu-border:var(--card-border);--webgpu-border-strong:var(--card-border);--webgpu-border-stronger:var(--surface-border);--webgpu-text:var(--fg);--webgpu-text-muted:var(--fg-muted);--webgpu-text-subtle:var(--fg-muted);--webgpu-text-faint:var(--fg-muted);--webgpu-accent:var(--accent);--webgpu-accent-soft-2:#2f6fff14;--webgpu-accent-soft-3:#2f6fff1f;--webgpu-accent-outline:#2f6fff4d;--webgpu-font:var(--tertiary-font);--webgpu-mono-font:var(--code-font);--webgpu-input-bg:var(--surface);--webgpu-input-bg-muted:var(--card-bg);--webgpu-input-bg-strong:var(--surface);--webgpu-input-border:var(--card-border);--webgpu-hover-bg:#ffffff0f;--webgpu-hover-bg-2:#ffffff0a;--webgpu-overlay-bg:#0009;--webgpu-icon-bg:transparent;--webgpu-icon-border:var(--card-border);--webgpu-icon-color:var(--fg-muted);--webgpu-success-text:#4ade80;--webgpu-success-bg:#4ade801a;--webgpu-success-border:#4ade804d;--webgpu-success-hover-bg:#4ade8026;--webgpu-success-hover-border:#4ade8080;--webgpu-success-outline:#4ade8033;--webgpu-error-text:#ff6b6b;--webgpu-error-bg:#ff6b6b1a;--webgpu-danger-bg:#ff6b6b1a;--webgpu-danger-border:#ff6b6b4d;--webgpu-danger-hover-bg:#ff6b6b26;--webgpu-danger-hover-border:#ff6b6b80}#site-shell[data-theme=light] .webgpu-host{color-scheme:light;--webgpu-hover-bg:#0000000a;--webgpu-hover-bg-2:#00000008;--webgpu-accent-soft-2:#2f6fff0f;--webgpu-accent-soft-3:#2f6fff1a;--webgpu-overlay-bg:#ffffffb3}.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}