.app{width:100vw;height:100vh;height:100dvh;height:calc(var(--vh, 1vh) * 100);position:fixed;top:0;left:0;background:#000;overflow:hidden}.canvas{width:100%;height:100%;display:block}.left-panel-group{position:absolute;top:calc(33.33vh - 100px);left:calc(33.33vw - 160px);z-index:10;display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:320px}.info-panel{background:transparent;padding:0;width:100%;font-family:JetBrains Mono,SF Mono,Monaco,Inconsolata,monospace;display:flex;flex-direction:column;align-items:flex-start}.info-panel h1{margin:0 0 8px;font-size:36px;font-weight:700;color:#fff;letter-spacing:-.05em}.info-panel .tagline{margin:0 0 20px;font-size:14px;color:#fffc;font-weight:400;letter-spacing:0}.info-panel .links{display:flex;gap:16px;margin-bottom:16px}.info-panel .links a{color:#fffc;text-decoration:none;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:transparent}.info-panel .links a:hover{color:#fff;background:#ffffff1a;transform:translateY(-2px)}.info-panel .icon-btn{color:#fffc;background:transparent;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;padding:0}.info-panel .icon-btn:hover{color:#fff;background:#ffffff1a;transform:translateY(-2px)}.json-display{background:transparent;padding:0;width:100%;min-width:260px}.json-display pre{margin:0;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:12px;color:#fff;line-height:1.5}.attribution{font-family:JetBrains Mono,SF Mono,Monaco,Inconsolata,monospace;font-size:11px;color:#fff9;margin-top:8px}.attribution a{color:#ffffffb3;text-decoration:none;transition:color .2s ease}.attribution a:hover{color:#ffffffe6;text-decoration:underline}.left-panel-group.dark-text h1{color:#1a1a1a}.left-panel-group.dark-text .tagline{color:#000000b3}.left-panel-group.dark-text .links a,.left-panel-group.dark-text .icon-btn{color:#000000b3;background:transparent}.left-panel-group.dark-text .links a:hover,.left-panel-group.dark-text .icon-btn:hover{color:#000;background:#0000001a}.left-panel-group.dark-text pre{color:#1a1a1a}.left-panel-group.dark-text .attribution{color:#00000080}.left-panel-group.dark-text .attribution a{color:#0009}.left-panel-group.dark-text .attribution a:hover{color:#000c}.loading-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;pointer-events:none}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.left-panel-group.mobile{position:fixed;top:50%;left:50%;transform:translate(-50%,calc(-50% - 50px));align-items:flex-start}@supports (-webkit-touch-callout: none){.left-panel-group.mobile{position:fixed;top:calc(50% - 50px);transform:translate(-50%,-50%)}}.left-panel-group.mobile .info-panel{align-items:flex-start}.left-panel-group.mobile .info-panel .links{justify-content:flex-start}@media (max-width: 768px){.left-panel-group{max-width:280px;gap:15px}.info-panel h1{font-size:28px}.info-panel .tagline{font-size:12px}.info-panel .links a,.info-panel .icon-btn{width:32px;height:32px}.json-display{min-width:220px}.json-display pre{font-size:11px}}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{width:100vw;height:100vh;position:relative}