:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent:#2badee;--bg:hsl(from var(--accent) h 35% 6%);--panel:hsl(from var(--accent) h 28% 10%);--border:hsl(from var(--accent) h 24% 18%);--text:hsl(from var(--accent) h 20% 93%);--text-dim:hsl(from var(--accent) h 10% 62%)}@font-face{font-family:Righteous;font-style:normal;font-weight:400;src:url(./assets/Righteous.ttf)format("truetype")}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif}.app{height:100%;display:flex}.sidebar{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:17.5rem;display:flex;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--border);flex-shrink:0;padding:1rem}.sidebar-logo{color:var(--text);margin-bottom:.375rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:block}.sidebar-menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;width:2rem;height:2rem;padding:0;display:none}.sidebar-menu-toggle span{background:var(--text);border-radius:999px;width:1.25rem;height:.125rem;display:block}.sidebar-docs-link{color:var(--accent);margin-bottom:.75rem;font-size:.75rem;text-decoration:none;display:inline-block}.sidebar-docs-link:hover{text-decoration:underline}.sidebar-search{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:.375rem;padding:.5rem .625rem;font-size:.8125rem}.sidebar-search:focus{outline:1px solid var(--accent)}.sidebar-list{flex:1;padding:.5rem 0 1.5rem;overflow-y:auto}.sidebar-category h2{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin:0;padding:.875rem 1rem .375rem;font-size:.6875rem}.sidebar-category ul{margin:0;padding:0;list-style:none}.sidebar-category a{color:var(--text);border-left:2px solid #0000;padding:.375rem 1rem;font-size:.84375rem;text-decoration:none;display:block}.sidebar-category a:hover{background:color-mix(in srgb, var(--accent) 8%, transparent)}.sidebar-category a.active{background:color-mix(in srgb, var(--accent) 16%, transparent);border-left-color:var(--accent);color:#fff}.sidebar-category .example-subgroup{border-left:1px solid var(--border);margin-left:1.25rem}.example-subgroup a{color:var(--text-dim);padding:.25rem .75rem;font-size:.78125rem}.example-subgroup a:hover{color:var(--text)}.example-subgroup a.active{color:#fff}.sidebar-empty{color:var(--text-dim);padding:.75rem 1rem;font-size:.8125rem}.viewer{flex:1;min-width:0;position:relative}.viewer canvas{display:block}.spectator-inset{border:1px solid var(--border);cursor:grab;-webkit-user-select:none;user-select:none;width:27rem;height:20.75rem;position:absolute;bottom:1rem;left:1rem}.spectator-inset:active{cursor:grabbing}.spectator-inset-label{text-transform:uppercase;letter-spacing:.04em;color:var(--panel);pointer-events:none;font-size:.6875rem;position:absolute;top:.5rem;left:.625rem}.scene-info{position:absolute;top:1.25rem;left:1.25rem}.scene-info-toggle{background:var(--panel);border:1px solid var(--border);width:2rem;height:2rem;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.scene-info-toggle:hover{color:var(--accent);border-color:var(--accent)}.scene-info-popover{background:var(--panel);border:1px solid var(--border);border-radius:.5rem;width:18rem;padding:.875rem 1rem;font-size:.8125rem;line-height:1.5;position:absolute;top:2.5rem;left:0}.scene-info-popover h3{color:var(--text);margin:0 0 .375rem;font-size:.875rem}.scene-info-popover p{color:var(--text-dim);white-space:pre-wrap;margin:0}.source-link{background:var(--panel);border:1px solid var(--border);width:2.5rem;height:2.5rem;color:var(--text);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex;position:absolute;bottom:1.25rem;right:1.25rem}.source-link:hover{color:var(--accent);border-color:var(--accent)}.blend-progress{pointer-events:none;background:var(--panel);border:1px solid var(--border);width:22rem;max-width:calc(100% - 2rem);color:var(--text-dim);border-radius:.5rem;padding:.75rem 1rem;font-size:.75rem;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.blend-progress-label{letter-spacing:.04em;margin-bottom:.5rem}.blend-progress-track{background:var(--bg);border:1px solid var(--border);border-radius:999px;height:.5rem;position:relative;overflow:hidden}.blend-progress-fill{background:var(--accent);border-radius:inherit;width:0%;position:absolute;inset:0}.blend-progress-marker{background:#fff;width:.125rem;height:.875rem;position:absolute;top:-.1875rem;left:0%;transform:translate(-50%)}.welcome,.scene-missing{text-align:center;height:100%;color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;padding:0 1.5rem;display:flex}.welcome h1{color:var(--text);margin:0 0 .5rem}@media (width<=45rem){.app{flex-direction:column}.sidebar{z-index:1001;border-right:none;border-bottom:1px solid var(--border);width:100%;position:fixed;top:0;overflow:visible}.sidebar-header{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.sidebar-logo{flex:1;margin-bottom:0}.sidebar-menu-toggle{display:flex}.sidebar-docs-link,.sidebar-search{flex-basis:100%;margin-top:.75rem;display:none}.sidebar-list{display:none}.sidebar.menu-open .sidebar-docs-link,.sidebar.menu-open .sidebar-search{display:block}.sidebar.menu-open .sidebar-list{background:var(--panel);border-bottom:1px solid var(--border);max-height:60vh;display:block;position:absolute;top:100%;left:0;right:0}.spectator-inset{width:11rem;height:8rem;bottom:.75rem;left:.75rem}.spectator-inset-label{font-size:.5625rem}.scene-info{top:4.5rem}.source-link{width:2.25rem;height:2.25rem;bottom:.75rem;right:.75rem}.blend-progress{display:none}}