:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080b10;--panel:#0b1017e6;--panel-strong:#0e141dfa;--line:#90bedb24;--line-strong:#58c5ff61;--text:#eef6fb;--muted:#8293a2;--faint:#53616d;--accent:#58c5ff;--accent-bright:#92e2ff;--accent-soft:#58c5ff1f;--warm:#ffb96b;--sidebar-width:328px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans SC,sans-serif}*{box-sizing:border-box}html,body,#app{background:var(--bg);width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--text);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{color:inherit}#scene-canvas{outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#app:before{z-index:2;pointer-events:none;content:"";background:radial-gradient(circle at 72% 42%,#0000 0 25%,#04080c24 64%,#04070a9e 100%),linear-gradient(90deg,#05080c7a,#0000 42%);position:fixed;inset:0}#app:after{z-index:3;pointer-events:none;content:"";opacity:.16;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");position:fixed;inset:0}.topbar{top:0;right:0;left:var(--sidebar-width);z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#070b10e0,#070b104d);align-items:center;height:78px;padding:0 34px;display:flex;position:fixed}.brand-mark{border:1px solid #58c5ff66;place-items:center;width:36px;height:36px;margin-right:12px;display:grid;position:relative;transform:rotate(45deg)}.brand-mark:before,.brand-mark:after{content:"";background:var(--accent);position:absolute;box-shadow:0 0 14px #58c5ff80}.brand-mark:before{width:14px;height:1px}.brand-mark:after{width:1px;height:14px}.brand-mark-core{border:1px solid var(--accent-bright);width:5px;height:5px}.brand-copy{flex-direction:column;gap:1px;display:flex}.brand-copy strong{letter-spacing:.02em;font-size:16px;font-weight:700}.brand-copy span,.eyebrow{color:var(--accent);letter-spacing:.18em;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:9px;font-weight:500}.runtime-badge{border:1px solid var(--line);color:#a8b9c5;letter-spacing:.12em;background:#0d141db8;border-radius:99px;align-items:center;gap:8px;margin-left:auto;padding:8px 11px;font-family:IBM Plex Mono,monospace;font-size:9px;display:flex}.runtime-dot{background:#42dfa0;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #42dfa0bf}.catalog-panel{z-index:30;width:var(--sidebar-width);border-right:1px solid var(--line);background:linear-gradient(180deg, #111822fa, #080c12fa), var(--panel-strong);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:24px 0 60px #0000003d}.catalog-header{justify-content:space-between;align-items:flex-end;padding:28px 24px 20px;display:flex}.catalog-header h1{letter-spacing:-.04em;margin:7px 0 0;font-size:24px;font-weight:600}.icon-button{cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.close-menu-button,.mobile-menu-button{display:none}.search-box{border:1px solid var(--line);background:#03070b8c;border-radius:8px;align-items:center;height:44px;margin:0 18px 14px;padding:0 12px;transition:border-color .18s,box-shadow .18s;display:flex}.search-box:focus-within{border-color:var(--line-strong);box-shadow:0 0 0 3px #58c5ff12}.search-box svg{fill:none;stroke:#6f8290;stroke-linecap:round;stroke-width:1.5px;width:17px}.search-box input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;padding:0 10px;font-size:12px}.search-box input::placeholder{color:#53616c}.search-box kbd{border:1px solid var(--line);color:#677581;background:#ffffff06;border-radius:4px;place-items:center;min-width:20px;height:20px;font-family:IBM Plex Mono,monospace;font-size:10px;display:grid}.catalog-list{scrollbar-color:#58c5ff38 transparent;scrollbar-width:thin;flex:1;min-height:0;padding:0 10px 24px;overflow:hidden auto}.catalog-group{padding:3px 0 8px}.catalog-group summary{color:#72818d;cursor:pointer;letter-spacing:.12em;text-transform:uppercase;align-items:center;padding:11px 10px 8px;font-family:IBM Plex Mono,monospace;font-size:9px;list-style:none;display:flex}.catalog-group summary::-webkit-details-marker{display:none}.catalog-group summary:before{content:"";border-bottom:1px solid;border-right:1px solid;width:5px;height:5px;margin-right:8px;transition:transform .16s;transform:rotate(-45deg)}.catalog-group[open] summary:before{transform:rotate(45deg)translateY(-2px)}.catalog-group summary small{color:#41515e;margin-left:auto;font-size:9px}.catalog-items{flex-direction:column;gap:2px;display:flex}.asset-button{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:11px;width:100%;padding:10px;transition:background .16s,border-color .16s,transform .16s;display:flex;position:relative;overflow:hidden}.asset-button:hover{background:#58c5ff0e;border-color:#58c5ff1f;transform:translate(2px)}.asset-button.is-active{background:linear-gradient(90deg,#58c5ff24,#58c5ff09);border-color:#58c5ff3b}.asset-button.is-active:before{content:"";background:var(--accent);border-radius:9px;width:2px;position:absolute;inset:9px auto 9px 0;box-shadow:0 0 10px #58c5ffb3}.asset-icon{color:#8194a3;background:#ffffff06;border:1px solid #8cbcd826;border-radius:7px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-family:IBM Plex Mono,monospace;font-size:9px;display:grid}.asset-button.is-active .asset-icon{color:var(--accent-bright);background:#58c5ff1f;border-color:#58c5ff54}.asset-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.asset-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.asset-copy small{color:#5e6d78;text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:1.35;overflow:hidden}.asset-arrow{color:#40515e;opacity:0;font-size:12px;transition:opacity .16s,color .16s}.asset-button:hover .asset-arrow,.asset-button.is-active .asset-arrow{color:var(--accent);opacity:1}.catalog-footer{border-top:1px solid var(--line);color:#53616d;letter-spacing:.05em;justify-content:space-between;padding:15px 22px 18px;font-family:IBM Plex Mono,monospace;font-size:8px;display:flex}.catalog-footer span{color:#8fa2b1}.empty-state{color:var(--faint);text-align:center;margin:34px 14px;font-size:12px}.viewport-ui{inset:78px 0 0 var(--sidebar-width);z-index:10;pointer-events:none;position:fixed}.asset-heading{max-width:480px;position:absolute;top:30px;left:34px}.asset-heading h2{letter-spacing:-.055em;text-shadow:0 3px 18px #00000073;margin:8px 0 7px;font-size:clamp(28px,3vw,46px);font-weight:500;line-height:1.05}.asset-heading p{color:#8293a2;max-width:420px;margin:0;font-size:12px;line-height:1.7}.metrics-panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#090e14a8;border-radius:10px;display:flex;position:absolute;top:28px;right:30px;overflow:hidden}.metric{border-right:1px solid var(--line);flex-direction:column;gap:5px;min-width:82px;padding:12px 15px;display:flex}.metric:last-child{border-right:0}.metric span{color:#62717d;font-size:9px}.metric strong{font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:500}.tool-dock{border:1px solid var(--line);pointer-events:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#090e14d1;border-radius:11px;gap:4px;padding:5px;display:flex;position:absolute;bottom:34px;right:30px}.tool-button{color:#687986;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:58px;height:49px;transition:color .16s,background .16s,border-color .16s;display:flex}.tool-button:hover,.tool-button.is-active{color:var(--accent-bright);background:#58c5ff17;border-color:#58c5ff29}.tool-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.45px;width:18px;height:18px}.tool-button span{font-size:8px}.interaction-hint{color:#586875;letter-spacing:.03em;align-items:center;gap:9px;font-size:9px;display:flex;position:absolute;bottom:42px;left:34px}.mouse-icon{border:1px solid #516270;border-radius:7px;width:13px;height:19px;position:relative}.mouse-icon:after{content:"";background:var(--accent);width:1px;height:4px;position:absolute;top:3px;left:5px}.loading-screen{z-index:100;background:radial-gradient(circle,#18364852,#0000 38%),#080b10;flex-direction:column;justify-content:center;align-items:center;transition:opacity .65s,visibility .65s;display:flex;position:fixed;inset:0}.loading-screen.is-complete{visibility:hidden;opacity:0}.loading-orbit{width:90px;height:90px;margin-bottom:30px;position:relative}.loading-orbit span{border:1px solid #58c5ff38;border-radius:50%;animation:2.4s linear infinite orbit;position:absolute;inset:0}.loading-orbit span:nth-child(2){animation-duration:1.8s;transform:rotateX(65deg)rotate(25deg)}.loading-orbit span:nth-child(3){animation-duration:2s;animation-direction:reverse;transform:rotateY(65deg)rotate(-25deg)}.loading-orbit:after{content:"";background:var(--accent-bright);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 22px #58c5ffe6}@keyframes orbit{to{transform:rotate(360deg)}}.loading-screen strong{letter-spacing:-.025em;margin:12px 0 22px;font-size:21px;font-weight:500}.progress-track{background:#ffffff14;width:min(320px,72vw);height:2px;overflow:hidden}.progress-track span{background:linear-gradient(90deg, var(--accent), var(--accent-bright));width:3%;height:100%;transition:width .18s;display:block;box-shadow:0 0 12px #58c5ffcc}.progress-track span.is-error{background:#ff6775}#progress-label{color:#566672;margin-top:12px;font-family:IBM Plex Mono,monospace;font-size:9px}.toast{bottom:108px;left:calc(var(--sidebar-width) + 50%);z-index:60;color:#b9d6e6;pointer-events:none;opacity:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a1118eb;border:1px solid #58c5ff33;border-radius:7px;padding:10px 15px;font-size:10px;transition:opacity .18s,transform .18s;position:fixed;transform:translate(-50%,10px)}.toast.is-visible{opacity:1;transform:translate(-50%)}.mobile-scrim{display:none}@media (max-width:1080px){:root{--sidebar-width:292px}.metrics-panel{top:auto;bottom:102px;right:24px}}@media (max-width:820px){:root{--sidebar-width:min(86vw, 340px)}.topbar{height:66px;padding:0 18px;left:0}.mobile-menu-button{flex-direction:column;gap:4px;width:30px;height:30px;margin-right:12px;display:flex}.mobile-menu-button span{background:#9cb1c0;width:18px;height:1px}.brand-mark{width:28px;height:28px}.runtime-badge{padding:7px 9px}.runtime-badge span:last-child{display:none}.catalog-panel{width:var(--sidebar-width);transition:transform .24s cubic-bezier(.2,.8,.2,1);transform:translate(-102%)}.catalog-panel.is-open{transform:translate(0)}.close-menu-button{border:1px solid var(--line);color:#8293a2;border-radius:8px;width:34px;height:34px;font-size:20px;display:grid}.mobile-scrim{z-index:25;visibility:hidden;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#01030694;transition:opacity .22s,visibility .22s;display:block;position:fixed;inset:0}.mobile-scrim.is-visible{visibility:visible;opacity:1}.viewport-ui{inset:66px 0 0}.asset-heading{max-width:calc(100vw - 36px);top:22px;left:18px}.asset-heading h2{font-size:29px}.asset-heading p{max-width:78vw;font-size:10px}.metrics-panel{bottom:94px;left:18px;right:auto}.metric{min-width:70px;padding:9px 11px}.tool-dock{bottom:20px;right:14px}.tool-button{width:49px;height:45px}.interaction-hint{display:none}.toast{white-space:nowrap;max-width:86vw;bottom:83px;left:50%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}