:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#172237;background:#fff;font-synthesis:none;--blue:#365cf5;--muted:#6c7789;--line:#e8ecf3}
*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #8ea4ff;outline-offset:4px}button{color:inherit}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}#viewport{position:fixed;inset:0}#viewport canvas{display:block;width:100%;height:100%;touch-action:none}#interface{position:fixed;inset:0;pointer-events:none;display:flex;flex-direction:column;padding:0 42px}#interface button,#interface a,#interface input,#inspector{pointer-events:auto}header{height:105px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:#172237;font-size:32px;font-weight:650;letter-spacing:-1.5px}.brand-symbol{font-size:41px;font-weight:800;color:var(--blue);line-height:1}.brand-dot{color:var(--blue)}.edition{font-size:12px;letter-spacing:2px;font-weight:600;color:#44516b;display:flex;gap:30px}.edition span{font-weight:400;color:#8b94a4}.header-actions{display:flex;gap:16px;align-items:center}.icon-button{width:44px;height:44px;border:1px solid transparent;background:transparent;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;transition:background .18s,color .18s;flex-shrink:0}.icon-button:hover{background:#eef2fa}.icon-button.active{background:#eef2ff;color:var(--blue)}.xr-button{display:flex;align-items:center;gap:11px;background:var(--blue);border:0;border-radius:13px;color:white;padding:13px 17px;font-size:14px;box-shadow:0 5px 16px #365cf521}.xr-button svg{display:block}.arrow{margin-left:8px;font-size:20px}main{position:relative;flex:1;min-height:0}.scene-heading{position:absolute;top:39px;left:0}.eyebrow{font-size:12px;letter-spacing:1.9px;display:flex;align-items:center;gap:9px;color:#778195;font-weight:600}.live-dot{height:6px;width:6px;border-radius:50%;background:#5176ef;box-shadow:0 0 0 4px #f1f4ff}h1{font-size:clamp(28px,3.2vw,46px);font-weight:450;letter-spacing:-1.8px;line-height:1.1;margin:16px 0 11px}.scene-heading p{font-size:15px;margin:0;color:var(--muted);max-width:300px;line-height:1.5}.scene-nav{position:absolute;left:0;top:210px;display:flex;flex-direction:column;gap:7px;padding:8px;border:1px solid var(--line);border-radius:20px;background:#ffffffea;box-shadow:0 8px 32px #21355704}.scene-button{position:relative;display:flex;align-items:center;justify-content:center;width:49px;height:49px;border:0;border-radius:13px;background:transparent;color:#8893a8}.scene-button svg{width:27px;height:27px}.scene-button:hover{background:#f2f5fa;color:#354564}.scene-button.active{background:#ebefff;color:var(--blue)}.scene-button.active:before{content:'';position:absolute;left:-9px;width:3px;height:19px;border-radius:3px;background:var(--blue)}.scene-button .tooltip{position:absolute;left:65px;white-space:nowrap;padding:9px 13px;background:#1b2940;color:#fff;border-radius:8px;font-size:13px;opacity:0;transform:translateX(-3px);transition:.15s;pointer-events:none;z-index:4}.scene-button:hover .tooltip,.scene-button:focus-visible .tooltip{opacity:1;transform:translateX(0)}.scene-coordinate{position:absolute;bottom:48px;left:0;display:flex;gap:8px;flex-direction:column}.scene-coordinate>span:first-child{font-size:26px;font-weight:400;letter-spacing:-1px}.scene-coordinate>span:last-child{font-size:10px;letter-spacing:1.5px;color:#8a93a3}.inspector{position:absolute;right:0;top:41px;width:245px;background:#ffffffed;border:1px solid var(--line);border-radius:18px;padding:24px;max-height:calc(100% - 66px);overflow:auto;scrollbar-width:thin}.inspector>.icon-button{position:absolute;right:7px;top:8px;width:34px;height:34px;color:#8993a7}.inspector .eyebrow{font-size:10px;letter-spacing:1.5px}.particle-symbol{display:flex;align-items:center;justify-content:center;font-size:38px;letter-spacing:-1px;height:76px;width:76px;border-radius:50%;color:#4965df;background:radial-gradient(circle at 35% 30%,white,#ecf0ff);border:1px solid #e5eaff;margin:24px 0 18px;font-family:Georgia,serif;font-style:italic}h2{font-size:22px;letter-spacing:-.5px;font-weight:500;margin:0 0 11px}.inspector p{font-size:14px;line-height:1.65;color:#6c7789;margin:0 0 18px}.properties{border-top:1px solid var(--line);padding-top:13px;margin:10px 0 16px}.property{display:flex;justify-content:space-between;font-size:12px;gap:7px;margin:10px 0}.property span:first-child{color:#7a8598}.property span:last-child{text-align:right;color:#364661}.legend{display:flex;flex-wrap:wrap;gap:9px 13px;margin:18px 0}.legend-item{font-size:11px;display:flex;align-items:center;gap:6px;color:#657086}.legend-dot{width:6px;height:6px;border-radius:50%;background:var(--dot)}.model-note{font-size:11px;color:#939bab;line-height:1.6;border-top:1px solid var(--line);padding-top:14px}.canvas-hint{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;color:#99a1ae;white-space:nowrap;font-size:12px}.canvas-hint svg{width:16px;height:16px}footer{height:83px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;background:#ffffffd9}.scene-counter{display:flex;align-items:center;gap:10px;font-size:12px;color:#9ba3b0}.scene-counter>span:first-child{color:var(--blue);font-size:18px}.scene-counter>span:last-child{color:#536078;margin-left:13px;font-size:13px}.transport{display:flex;align-items:center;gap:5px;background:#f8f9fc;border:1px solid var(--line);padding:5px 7px;border-radius:15px;pointer-events:auto}.divider{height:21px;width:1px;background:#dfe4ed;margin:0 10px}.speed-label{font-size:12px;color:#7d8798;margin-right:9px}input[type=range]{accent-color:var(--blue);width:80px;cursor:pointer}output{font-size:12px;color:#647087;min-width:36px;margin-left:7px;font-variant-numeric:tabular-nums}.excite-button{border:0;background:#e9efff;color:var(--blue);display:flex;align-items:center;gap:7px;padding:10px 13px;border-radius:10px;font-size:13px}.excite-button svg{width:18px;height:18px}.view-controls{display:flex;gap:3px}.bottom-note{display:flex;align-items:center;justify-content:space-between;height:35px;flex-shrink:0;font-size:9px;letter-spacing:1.2px;color:#9ba4b3}.bottom-note span:nth-child(2){letter-spacing:.2px;font-size:10px}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:15px 22px;background:#fff;border:1px solid var(--line);border-radius:14px;color:#68758c;font-size:14px;box-shadow:0 5px 40px #47618f0c}.loading[hidden]{display:none}#toast{position:fixed;bottom:125px;left:50%;transform:translateX(-50%);max-width:min(520px,90vw);background:#1c2943;color:#fff;border-radius:13px;padding:15px 21px;font-size:14px;line-height:1.5;box-shadow:0 8px 25px #1c294320;z-index:20}#toast[hidden]{display:none}.options{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin:15px 0}.option{border:1px solid var(--line);border-radius:9px;padding:8px 5px;background:white;font-size:11px;display:flex;gap:5px;align-items:center;justify-content:center}.option.active{color:var(--blue);border-color:#c5d0ff;background:#f2f5ff}.option svg{width:16px;height:16px}.slider-option{font-size:12px;color:#63718a;margin:12px 0 17px;display:flex;flex-direction:column;gap:9px}.slider-option input{width:100%}dialog{border:1px solid var(--line);border-radius:24px;max-width:560px;width:calc(100% - 32px);padding:40px;color:#24324a;max-height:90dvh;box-shadow:0 30px 100px #1b31532e}dialog::backdrop{background:#eef2f7ba;backdrop-filter:blur(7px)}dialog .close-dialog{position:absolute;right:14px;top:14px}dialog h2{font-size:36px;margin-top:23px}dialog p{font-size:15px;line-height:1.7;color:#6b788c}.source-links{border-top:1px solid var(--line);margin:25px 0}.source-links a{display:flex;justify-content:space-between;text-decoration:none;color:var(--blue);padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.source-links span{color:#6c7a92;font-size:12px}dialog .small{font-size:12px}.download-link{font-size:14px;text-decoration:none;color:var(--blue)}body.xr-active #interface{display:none}.fatal{position:fixed;inset:35% 15%;padding:30px;background:#fff;border:1px solid var(--line);border-radius:20px;text-align:center;line-height:1.6}.inspector.collapsed{width:145px;padding-bottom:24px}.inspector.collapsed #inspector-body{display:none}.inspector.collapsed #collapse-inspector{transform:rotate(180deg)}
@media(min-width:1600px){#interface{padding:0 64px}.inspector{width:265px}.scene-heading{top:50px}}
@media(max-width:1100px){#interface{padding:0 24px}.edition{display:none}.inspector{width:215px;padding:20px}.scene-counter>span:last-child{display:none}.canvas-hint{left:46%;font-size:11px}.scene-heading p{max-width:260px}}
@media(max-width:760px){#interface{padding:0 18px}header{height:78px}.brand{font-size:27px;gap:8px}.brand-symbol{font-size:34px}.xr-button{padding:10px 13px;font-size:12px;gap:8px}.xr-button .arrow{display:none}.header-actions{gap:4px}.header-actions>.icon-button{display:none}.scene-heading{top:25px}.scene-heading h1{font-size:29px;margin:12px 0 8px}.scene-heading p{font-size:13px;max-width:220px}.eyebrow{font-size:9px}.inspector{top:auto;bottom:90px;right:0;width:190px;max-height:45%;padding:18px;display:none}.inspector.mobile-open{display:block}.particle-symbol{height:48px;width:48px;font-size:27px;margin:16px 0 12px}.inspector p{font-size:12px}.inspector h2{font-size:18px}.scene-nav{left:50%;transform:translateX(-50%);top:auto;bottom:21px;flex-direction:row;gap:2px;padding:5px;border-radius:16px}.scene-button{width:44px;height:44px;border-radius:10px}.scene-button.active:before{left:calc(50% - 8px);bottom:-6px;width:16px;height:3px}.scene-button .tooltip{display:none}.scene-coordinate{bottom:94px}.scene-coordinate>span:first-child{font-size:20px}.scene-coordinate>span:last-child{font-size:8px}.canvas-hint{bottom:80px;left:auto;right:0;transform:none;font-size:10px}.canvas-hint span:last-child{max-width:145px;white-space:normal}.canvas-hint svg{display:none}footer{height:76px;justify-content:center;gap:8px}.scene-counter{display:none}.transport{gap:0;padding:3px;border-radius:13px}.transport .icon-button{width:34px;height:38px}.speed-label,.desktop-only{display:none}input[type=range]{width:55px}output{min-width:29px;margin-left:4px;font-size:11px}.divider{margin:0 7px}.excite-button{padding:9px 10px;margin-left:7px}.view-controls .icon-button{width:34px;height:38px}.view-controls #fullscreen-button{display:none}.view-controls #home-button{display:none}.bottom-note{height:25px;font-size:7px;letter-spacing:.6px}.bottom-note span:nth-child(2){font-size:8px}.bottom-note span:last-child{display:none}#toast{bottom:110px}}
@media(max-height:700px) and (min-width:761px){header{height:76px}.scene-heading{top:25px}.scene-nav{top:155px;gap:2px;padding:5px}.scene-button{width:39px;height:39px}.scene-button svg{width:23px;height:23px}.scene-coordinate{bottom:28px}.inspector{top:25px;max-height:calc(100% - 45px)}footer{height:72px}.bottom-note{height:24px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

@media(max-width:760px){.header-actions>.icon-button{display:inline-flex;width:32px;height:36px}.header-actions{gap:3px}header{gap:8px}.xr-button{padding:10px;font-size:11px}}