.webgl-card-rows{gap:5px;margin:0;padding:0;list-style:none;display:grid}.webgl-card-rows li{background:#fff;border:1px solid #dfe2e8;border-radius:7px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;padding:5px 7px 5px 5px;display:grid}.webgl-card-rows li>span:nth-child(2){gap:1px;min-width:0;display:grid}.webgl-card-rows b{color:#1f2530;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.webgl-card-rows small{color:#535a67;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.webgl-card-rows em{white-space:nowrap;font-size:9.5px;font-style:normal;font-weight:800}.webgl-card-rows li.is-ok em{color:#17703d}.webgl-card-rows li.is-bad{background:#fff7f7;border-color:#f0c9c9}.webgl-card-rows li.is-bad em{color:#b42323}.webgl-card-thumb{border-radius:5px;place-items:center;width:34px;height:30px;display:grid;position:relative;overflow:hidden}.webgl-card-thumb.is-live{background:radial-gradient(circle at 50% 40%,#2a303b,#12151b)}.webgl-card-thumb.is-live i{background:linear-gradient(90deg,#3b4251,#5b6476 50%,#3b4251);border-radius:3px;width:12px;height:16px;box-shadow:0 -3px 0 -1px #ffb547}.webgl-card-thumb.is-blank{background:#fff;border:1px dashed #e3b3b3}.webgl-card-thumb.is-poster{background:#f1f2f5}.webgl-poster{width:100%;max-width:160px;height:auto;display:block}.webgl-poster.is-compact{width:26px}.webgl-probe{color:#c5ccd8;background:#12151b;border:1px solid #262b35;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0;padding:8px 10px;font-size:12.5px;display:flex}.webgl-probe>span{color:#8f98a8;font-weight:700}.webgl-probe b{color:#e8ebf1}.webgl-probe b.is-good{color:#4ade80}.webgl-probe b.is-bad{color:#f87171}.webgl-probe code{color:#e8ebf1;min-width:0;max-width:100%;font-family:var(--font-geist-mono), ui-monospace, monospace;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.webgl-demo-layout{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}.webgl-product{background:#fff;border:1px solid #d9dde5;border-radius:12px;gap:0;min-width:0;display:grid;position:relative;overflow:hidden}.webgl-product .w3d-stage{aspect-ratio:4/3;border:0;border-radius:0}.webgl-product footer{border-top:1px solid #eceef2;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.webgl-product footer>span{gap:1px;display:grid}.webgl-product footer b{color:#1f2530;font-size:14px}.webgl-product footer small{color:#4a515e;font-size:13px;font-weight:700}.term-interactive-demo.w3d-demo .webgl-buy{color:#fff;background:#1f2530;border-color:#1f2530}.term-interactive-demo.w3d-demo .webgl-buy:hover{color:#fff;background:#0d1016;border-color:#0d1016}.term-interactive-demo.w3d-demo .webgl-buy[aria-pressed=true]{color:#17703d;background:#e9f7ee;border-color:#17703d}.webgl-fallback{text-align:center;place-content:center;justify-items:center;gap:8px;padding:14px;display:grid}.webgl-fallback .webgl-poster{width:46%;max-width:150px}.webgl-fallback p{gap:3px;margin:0;display:grid}.webgl-fallback b{color:#1f2530;font-size:13.5px}.webgl-fallback span{color:#4a515e;max-width:30ch;font-size:12px;line-height:1.5}.webgl-product.is-crashed{border-style:dashed;border-color:#e3a5a5}.webgl-crash{text-align:center;background:#fff;align-content:center;justify-items:center;gap:8px;min-height:280px;padding:16px;display:grid}.webgl-crash-blank{background:repeating-linear-gradient(135deg,#fff,#fff 8px,#fbf1f1 8px 16px);border-radius:8px;width:100%;height:150px;margin:0}.webgl-crash code{color:#a11d1d;font-family:var(--font-geist-mono), ui-monospace, monospace;background:#fdecec;border-radius:5px;padding:3px 7px;font-size:12px}.webgl-crash small{color:#8c2a2a;font-size:12px;font-weight:650}.webgl-frozen-tag{z-index:4;color:#ffd0d0;background:#1e0c0ce6;border:1px solid #8a3b3b;border-radius:7px;margin:0;padding:6px 9px;font-size:12px;font-weight:700;position:absolute;top:10px;left:10px;right:10px}.webgl-panel{gap:10px;min-width:0;display:grid}.webgl-device{border:0;gap:6px;min-width:0;margin:0;padding:0;display:grid}.webgl-device legend{color:#1f2530;margin-bottom:6px;padding:0;font-size:12.5px;font-weight:800}.webgl-device [role=group]{gap:6px;display:grid}.term-interactive-demo.w3d-demo .webgl-device button{text-align:left;justify-content:flex-start;width:100%}.webgl-guard{cursor:pointer;background:#fff8ea;border:1px solid #e2c48f;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;padding:9px 10px;display:grid}.webgl-guard input{margin-top:2px}.webgl-guard span{gap:2px;display:grid}.webgl-guard b{color:#4d3300;font-size:13px}.webgl-guard small{color:#5c4a2a;font-size:12px;font-weight:500;line-height:1.45}.term-interactive-demo.w3d-demo .webgl-reset{justify-self:start}.webgl-checks{border-collapse:collapse;background:#fff;border:1px solid #d9dde5;border-radius:8px;width:100%;font-size:13px}.webgl-checks caption{color:#1f2530;text-align:left;padding:0 0 6px;font-size:12.5px;font-weight:800}.webgl-checks th,.webgl-checks td{text-align:left;border-top:1px solid #eceef2;padding:7px 10px}.webgl-checks th{color:#2b303a;font-weight:600}.webgl-checks td{white-space:nowrap;width:7em;font-weight:800}.webgl-checks tr.is-todo td{color:#6b7280}.webgl-checks tr.is-pass td{color:#17703d}.webgl-checks tr.is-pass{background:#f1faf4}.webgl-checks tr.is-fail td{color:#b42323}.webgl-checks tr.is-fail{background:#fff5f5}@media (max-width:720px){.webgl-demo-layout{grid-template-columns:1fr}}