html,body{color:#e8ecff;background:#05070d;width:100%;height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}*{box-sizing:border-box}.loading-screen{z-index:100;color:#e8fcff;text-align:center;background:linear-gradient(#00e5ff14 1px,#0000 1px) 0 0/100% 24px,linear-gradient(90deg,#00e5ff12 1px,#0000 1px) 0 0/24px 100%,radial-gradient(circle at 50% 38%,#00b7ff4d,#0000 26%),radial-gradient(circle at 50% 64%,#8ffcff24,#0000 32%),#020712;align-content:center;place-items:center;gap:22px;padding:24px;transition:opacity .36s,visibility .36s;display:grid;position:fixed;inset:0;overflow:hidden}.loading-screen:before{content:"";background:linear-gradient(#0000,#8ffcff29,#0000);animation:1.8s linear infinite loading-scan;position:absolute;inset:0}.loading-screen:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 45%,#020712db);position:absolute;inset:0}.loading-screen.is-hidden{visibility:hidden;opacity:0;pointer-events:none}.loading-screen.is-error{background:radial-gradient(circle at 50% 38%,#00b7ff3d,#0000 26%),#020712}.loading-orb,.loading-copy,.loading-meter{z-index:1;position:relative}.loading-orb{aspect-ratio:1;border:1px solid #8ffcff6b;border-radius:50%;place-items:center;width:min(34vw,168px);animation:1.8s ease-in-out infinite loading-pulse;display:grid;box-shadow:0 0 34px #00b7ff6b,inset 0 0 34px #8ffcff21}.loading-orb:before,.loading-orb:after,.loading-orb span{content:"";border:1px solid #8ffcff57;border-radius:50%;position:absolute}.loading-orb:before{border-left-color:#0000;border-right-color:#0000;animation:2.6s linear infinite loading-spin;inset:15%}.loading-orb:after{border-top-color:#0000;border-bottom-color:#0000;animation:1.9s linear infinite reverse loading-spin;inset:29%}.loading-orb span{background:#8ffcff;border:none;inset:43%;box-shadow:0 0 24px #00b7ff}.loading-copy{max-width:520px}.loading-kicker{color:#8ffcff;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:700}.loading-copy h2{text-shadow:0 0 26px #00b7ff9e;margin:0;font-size:clamp(28px,5vw,56px);line-height:1}.loading-copy p:last-child{color:#a8dce8;margin:14px 0 0;line-height:1.5}.loading-meter{background:#8ffcff1f;border-radius:999px;width:min(480px,82vw);height:4px;overflow:hidden}.loading-meter span{border-radius:inherit;background:linear-gradient(90deg,#0000,#00b7ff,#8ffcff);width:42%;height:100%;animation:1.2s ease-in-out infinite loading-meter;display:block}.app{grid-template-columns:minmax(0,1fr) clamp(440px,34vw,560px);width:100vw;height:100dvh;display:grid}.viewport{min-width:0;min-height:0;position:relative}#renderCanvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.inspector-button{z-index:20;color:#f3f6ff;min-width:112px;min-height:36px;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d121ed1;border:1px solid #ffffff38;border-radius:8px;font-size:13px;font-weight:650;position:fixed;top:16px;left:16px;box-shadow:0 10px 28px #00000047}.inspector-button:hover{background:#161f32e6;border-color:#ffffff6b}.inspector-button:disabled{cursor:wait;opacity:.68}.panel{background:radial-gradient(circle at top,#5078ff2e,#0000 35%),#080a12eb;border-left:1px solid #ffffff1a;padding:28px;overflow:auto}.panel h1{margin:0 0 12px;font-size:24px}.panel p{color:#aeb6d8;line-height:1.5}.repo-link{color:#d8fdff;background:#00b7ff14;border:1px solid #8ffcff47;border-radius:8px;align-items:center;min-height:38px;margin-top:6px;padding:0 14px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 0 22px #00b7ff14}.repo-link:hover{background:#00b7ff24;border-color:#8ffcff8c}.controls{margin-top:24px}label{color:#cfd6ff;gap:8px;font-size:14px;display:grid}input[type=range]{width:100%}pre{color:#b9c7ff;white-space:pre-wrap;overflow-wrap:anywhere;background:#00000059;border-radius:8px;margin-top:24px;padding:16px;font-size:13px;line-height:1.55;overflow:auto}pre code{display:block}@keyframes loading-scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes loading-spin{to{transform:rotate(360deg)}}@keyframes loading-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes loading-meter{0%{transform:translate(-110%)}to{transform:translate(250%)}}@media (width<=900px){.app{grid-template-rows:minmax(0,58dvh) minmax(0,42dvh);grid-template-columns:1fr}.panel{border-top:1px solid #ffffff1a;border-left:none;max-height:none;padding:20px}}@media (width<=520px){.app{grid-template-rows:minmax(0,52dvh) minmax(0,48dvh)}.panel{padding:16px}.panel h1{font-size:20px}pre{padding:12px;font-size:12px}}@media (prefers-reduced-motion:reduce){.loading-screen:before,.loading-orb,.loading-orb:before,.loading-orb:after,.loading-meter span{animation-duration:1ms;animation-iteration-count:1}}