.source-viewer[data-astro-cid-cwoufiea]{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:var(--bg-surface)}.source-tabs[data-astro-cid-cwoufiea]{display:flex;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);overflow-x:auto}.source-tab[data-astro-cid-cwoufiea]{padding:.5rem 1rem;font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:color .15s ease,border-color .15s ease}.source-tab[data-astro-cid-cwoufiea]:hover{color:var(--text-secondary)}.source-tab[data-astro-cid-cwoufiea].active{color:var(--text-primary);border-bottom-color:var(--accent)}.source-panel[data-astro-cid-cwoufiea]{display:none}.source-panel[data-astro-cid-cwoufiea].active{display:block}.source-panel-content[data-astro-cid-cwoufiea]{position:relative;max-height:11rem;overflow:hidden}.source-panel[data-astro-cid-cwoufiea].is-expanded .source-panel-content[data-astro-cid-cwoufiea]{max-height:none}.source-panel-content[data-astro-cid-cwoufiea]:after{content:"";position:absolute;inset-inline:0;bottom:0;height:3rem;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--bg-surface) 90%)}.source-panel[data-astro-cid-cwoufiea].is-expanded .source-panel-content[data-astro-cid-cwoufiea]:after{display:none}.source-panel-content[data-astro-cid-cwoufiea] pre{margin:0;border:none;border-radius:0;font-size:.8rem;line-height:1.6;overflow:auto}.expand-btn[data-astro-cid-cwoufiea]{display:block;width:100%;padding:.6rem 1rem;font-family:var(--font-body);font-size:.8rem;font-weight:600;color:var(--text-secondary);background:var(--bg-secondary);border:none;border-top:1px solid var(--border-color);cursor:pointer;transition:color .15s ease,background-color .15s ease}.expand-btn[data-astro-cid-cwoufiea]:hover{color:var(--text-primary);background:var(--bg-elevated)}.expand-btn[data-astro-cid-cwoufiea]:focus-visible{outline:2px solid var(--color-purple);outline-offset:-2px}.demo-page[data-astro-cid-rpohz3az]{display:flex;flex-direction:column;gap:1.5rem}.demo-bar[data-astro-cid-rpohz3az]{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap;padding-bottom:.25rem}.back-link[data-astro-cid-rpohz3az]{display:inline-flex;align-items:center;gap:.25rem;font-size:.85rem;font-weight:500;color:var(--text-muted);transition:color .15s ease;text-decoration:none}.back-link[data-astro-cid-rpohz3az]:hover{color:var(--text-primary);text-decoration:none}.bar-divider[data-astro-cid-rpohz3az]{width:1px;height:1.25rem;background:var(--border-color)}.bar-title[data-astro-cid-rpohz3az]{font-size:1.05rem;font-weight:700;margin:0;color:var(--text-primary);line-height:1.2}.bar-actions[data-astro-cid-rpohz3az]{display:flex;align-items:center;gap:.375rem;margin-left:auto}.bar-action[data-astro-cid-rpohz3az]{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-secondary);text-decoration:none;transition:color .15s ease,background-color .15s ease,border-color .15s ease}.bar-action[data-astro-cid-rpohz3az]:hover{color:var(--text-primary);background:var(--bg-elevated);border-color:var(--accent)}.demo-description[data-astro-cid-rpohz3az]{margin:0;color:var(--text-secondary);max-width:52rem;font-size:.9rem}.context-badge[data-astro-cid-rpohz3az],.difficulty-badge[data-astro-cid-rpohz3az]{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.175rem .5rem;border-radius:4px;line-height:1.4}.context-2d[data-astro-cid-rpohz3az]{background:#00e5b926;color:var(--color-teal)}.context-webgl[data-astro-cid-rpohz3az]{background:#ff592626;color:var(--color-orange)}.context-webgpu[data-astro-cid-rpohz3az]{background:#6c41f026;color:var(--color-purple)}.difficulty-beginner[data-astro-cid-rpohz3az]{background:#00bd811f;color:var(--color-green)}.difficulty-intermediate[data-astro-cid-rpohz3az]{background:#ff59261f;color:var(--color-orange)}.difficulty-advanced[data-astro-cid-rpohz3az]{background:#d52e661f;color:var(--color-pink)}.demo-stage-wrapper[data-astro-cid-rpohz3az]{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-bottom:1.5rem}.demo-stage[data-astro-cid-rpohz3az]{position:relative;width:100%;min-height:min(78vh,820px);border-block:1px solid var(--border-color);background:#0a0a0a}.demo-stage[data-astro-cid-rpohz3az]:fullscreen{width:100vw;height:100vh;min-height:100vh;border:none}.demo-fullscreen-btn[data-astro-cid-rpohz3az]{position:absolute;top:.625rem;right:.625rem;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:6px;border:1px solid var(--border-color);background:#0a0a0fb3;color:var(--text-secondary);cursor:pointer;backdrop-filter:blur(8px);transition:color .15s ease,background-color .15s ease,border-color .15s ease}.demo-fullscreen-btn[data-astro-cid-rpohz3az]:hover{color:var(--text-primary);background:#0a0a0fe6;border-color:var(--accent)}.demo-fullscreen-btn[data-astro-cid-rpohz3az]:focus-visible{outline:2px solid var(--color-purple);outline-offset:var(--focus-offset)}.demo-fallback[data-astro-cid-rpohz3az]:not([hidden]){position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border-radius:8px}.fallback-content[data-astro-cid-rpohz3az]{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;padding:2rem;color:var(--text-muted)}.fallback-content[data-astro-cid-rpohz3az] svg[data-astro-cid-rpohz3az]{color:var(--color-orange);margin-bottom:.25rem}.fallback-title[data-astro-cid-rpohz3az]{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.fallback-text[data-astro-cid-rpohz3az]{margin:0;font-size:.85rem;color:var(--text-secondary);max-width:24rem}.fallback-text[data-astro-cid-rpohz3az] code[data-astro-cid-rpohz3az]{font-size:.8rem;padding:.1em .3em;background:#ff59261a;border-radius:3px;color:var(--color-orange)}.fallback-link[data-astro-cid-rpohz3az]{font-size:.85rem;font-weight:600;margin-top:.25rem}.demo-details[data-astro-cid-rpohz3az]{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:1rem 1.5rem;padding:1rem 1.25rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px}.detail-field[data-astro-cid-rpohz3az]{display:flex;flex-direction:column;gap:.375rem;min-width:0}.detail-field-wide[data-astro-cid-rpohz3az]{grid-column:span 2}.field-label[data-astro-cid-rpohz3az]{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.field-value[data-astro-cid-rpohz3az]{font-size:.85rem;color:var(--text-primary)}.feature-list[data-astro-cid-rpohz3az]{display:flex;flex-wrap:wrap;gap:.375rem}.feature-tag[data-astro-cid-rpohz3az]{font-size:.75rem;padding:.125rem .4rem;background:var(--bg-elevated);border-radius:3px;color:var(--accent)}.browser-list[data-astro-cid-rpohz3az]{display:flex;flex-wrap:wrap;gap:.375rem}.browser-badge[data-astro-cid-rpohz3az]{font-size:.75rem;font-weight:500;padding:.125rem .4rem;border-radius:3px}.browser-badge[data-astro-cid-rpohz3az].supported{background:#00bd811f;color:var(--color-green)}.browser-badge[data-astro-cid-rpohz3az].unsupported{background:var(--bg-elevated);color:var(--text-muted)}.tag-list[data-astro-cid-rpohz3az]{display:flex;flex-wrap:wrap;gap:.375rem}.demo-tag[data-astro-cid-rpohz3az]{font-size:.7rem;padding:.125rem .4rem;background:var(--bg-elevated);color:var(--text-muted);border-radius:3px}.demo-source[data-astro-cid-rpohz3az] h2[data-astro-cid-rpohz3az]{font-size:1.25rem;margin-bottom:.75rem}@media(max-width:768px){.demo-stage[data-astro-cid-rpohz3az]{height:65vh;min-height:24rem}.demo-details[data-astro-cid-rpohz3az]{grid-template-columns:1fr}.detail-field-wide[data-astro-cid-rpohz3az]{grid-column:auto}}