:root{color-scheme:dark;font-family:system-ui,sans-serif;font-size:14px}html,body{margin:0;height:100%;background:#111;color:#eee}body{display:flex;flex-direction:column}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.5rem .75rem;border-bottom:1px solid #333}.toolbar h1{margin:0;font-size:1rem}.group{display:flex;align-items:center;gap:.4rem}input[type=url]{width:22rem;max-width:50vw}select:disabled{opacity:.5}#status{margin:0 0 0 auto;color:#aaa}#status.error{color:#f88}#viewer{flex:1;min-height:0;position:relative}#viewer canvas{display:block;width:100%;height:100%;touch-action:none}.demo-toggle{position:absolute;left:12px;bottom:12px;width:36px;height:36px;border-radius:50%;border:1px solid #555;background:#1e1e1ed9;color:#ccc;font:600 .9rem/1 system-ui,sans-serif;cursor:pointer;opacity:.55;z-index:10}.demo-toggle:hover,.demo-toggle:focus-visible,.demo-toggle[aria-expanded=true]{opacity:1}.demo-popover{position:absolute;left:12px;bottom:56px;width:min(34rem,calc(100% - 24px));padding:.6rem .75rem;border:1px solid #444;border-radius:8px;background:#141414f2;color:#ddd;font-size:.8rem;z-index:10}.demo-heading{margin:0 0 .5rem;color:#999}.demo-row{display:grid;grid-template-columns:7rem minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.3rem 0;border-top:1px solid #333}.demo-row code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aaa}.demo-row button{font-size:.75rem}