
:root{--night:#07101c;--navy:#091723;--line:#1a2a39;--ink:#e9eff7;--muted:#758ca2;--cyan:#49d9ca;--orange:#ed9361;--shade:#0c1a28}
*{box-sizing:border-box}body{margin:0;background:#08121f;color:var(--ink);font-family:'DM Sans',Inter,system-ui,sans-serif;font-size:13px}button,input{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}.shell{height:100dvh;min-height:650px;display:grid;grid-template-columns:326px minmax(0,1fr);overflow:hidden}.sidebar{height:100%;min-height:0;display:flex;flex-direction:column;background:#091521;border-right:1px solid #213143;padding:27px 18px 17px}.brand{display:flex;align-items:center;gap:10px;margin-bottom:36px;padding:0 7px}.brand-mark{width:39px;height:39px;background:#48d6c5;color:#092027;font:800 27px 'Space Grotesk';display:grid;place-items:center;border-radius:9px;position:relative;box-shadow:0 0 30px #20b39a20}.brand-mark span{font-size:13px;position:absolute;right:-3px;top:-7px;color:#f4b27e}.brand strong{display:block;font:700 17px 'Space Grotesk';letter-spacing:-.6px}.brand strong span{color:#68dbc8}.brand small{display:block;font-size:8px;color:#748c9e;letter-spacing:2px;margin-top:3px;font-weight:700}.product-badge{border:1px solid #294a4d;color:#8de6d7;background:linear-gradient(90deg,#10312f55,#10302e13);height:36px;display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.2px;font-weight:800;border-radius:7px;padding:0 12px;margin-bottom:28px}.product-badge>span:last-child{margin-left:auto;color:#426268}.live-dot{width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 10px var(--cyan)}.side-head{display:flex;justify-content:space-between;align-items:end;padding:0 7px 20px}.eyebrow{color:#6b889e;font:700 10px 'Space Grotesk';letter-spacing:2.5px}.side-head h1{font:700 29px 'Space Grotesk';letter-spacing:-1.3px;margin-top:5px}.side-head h1 em{color:#56decf;font-style:normal}.asset-count{border:1px solid #334555;color:#a5d6e0;padding:7px 9px;border-radius:8px;font:600 13px 'Space Grotesk'}.search-wrap{height:44px;background:#101f2c;border:1px solid #2a3c4b;border-radius:9px;display:flex;gap:9px;align-items:center;padding:0 12px;margin-bottom:18px}.search-wrap:focus-within{border-color:#61cfc2}.search-icon{font-size:24px;color:#7292a7;line-height:0}.search-wrap input{background:transparent;border:0;outline:0;min-width:0;flex:1;color:#edf5fa;font-size:12px}.search-wrap input::placeholder{color:#68839a}.search-wrap kbd{border:1px solid #3c4b5b;border-radius:4px;padding:2px 6px;color:#6f8294;font-size:10px}.filters{display:flex;flex-wrap:wrap;gap:7px;max-height:140px;overflow:auto;padding:1px 0 8px}.filter{padding:7px 10px;border:1px solid #263949;background:#10202e;border-radius:5px;color:#91a6b9;font-size:10.5px;font-weight:700;transition:all .16s}.filter:hover{border-color:#529889}.filter.active{color:#0a2628;background:#55dac9;border-color:#55dac9}.browse-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #233344;margin-top:12px;padding:9px 4px 12px}.browse-head strong{font-size:12px}.browse-head span{color:#608095;font-size:11px}.asset-list{overflow:auto;min-height:0;flex:1;margin-top:9px;padding:0 4px 10px 0;scrollbar-color:#335062 transparent;scrollbar-width:thin}.asset-card{width:100%;border:1px solid transparent;background:transparent;color:#e5eff5;display:flex;gap:12px;align-items:center;text-align:left;padding:9px;border-radius:9px;margin-bottom:4px;transition:background .15s,border .15s}.asset-card:hover{background:#132738}.asset-card.active{background:#153039;border-color:#326a6b}.asset-graphic{width:56px;height:54px;display:grid;place-items:center;border:1px solid #305063;border-radius:7px;background:radial-gradient(ellipse at 50% 25%,var(--tone,#409aa2) 0%,#14283b 70%);font:700 27px 'Space Grotesk';flex-shrink:0;color:#c0f3ec}.asset-card.active .asset-graphic{border-color:#59baa8}.asset-card .asset-text{min-width:0;flex:1}.asset-card strong{display:block;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-card small{display:block;color:#8297a9;margin-top:5px;font-size:10px}.asset-card .idx{color:#4f778a;font:600 10px 'Space Grotesk'}.loading,.no-results{padding:20px 10px;color:#8ea6b9;font-size:12px}.side-footer{display:flex;justify-content:space-between;border-top:1px solid #223445;padding:16px 4px 2px;color:#496779;font-size:9px;font-weight:800;letter-spacing:1.1px}.workspace{display:flex;flex-direction:column;min-height:0;background:#07111c}.topbar{height:66px;flex:none;border-bottom:1px solid #1d303e;display:flex;align-items:center;justify-content:space-between;padding:0 31px}.breadcrumb{font-size:10px;font-weight:800;color:#658196;letter-spacing:1.4px}.breadcrumb b{padding:0 9px;color:#335263}.breadcrumb strong{color:#bfced8}.top-info{display:flex;align-items:center;gap:24px}.engine-label{color:#91e3d7;font-weight:800;letter-spacing:1.1px;font-size:10px}.engine-label span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#49e0be;margin-right:8px}.version{font-size:10px;letter-spacing:1.3px;color:#456578}.viewport{position:relative;min-height:0;flex:1;background:radial-gradient(ellipse at 60% 40%,#163746 0%,#0b1b2b 42%,#06111d 77%);overflow:hidden}#stage{display:block;width:100%;height:100%;outline:none;touch-action:none}.scene-top{position:absolute;top:26px;left:31px;right:31px;display:flex;justify-content:space-between;pointer-events:none}.scene-label{padding:7px 10px;border:1px solid #255963;border-radius:4px;font:700 9px 'Space Grotesk';letter-spacing:1.7px;color:#86dfd6;background:#12303b99}.scene-label.muted{border-color:#355060;color:#8ca4b5;background:#0b1a2a99}.model-title{position:absolute;bottom:55px;left:34px;pointer-events:none;text-shadow:0 2px 20px #061222}.model-title .eyebrow{font-size:11px;color:#72e2cb}.model-title h2{font:700 clamp(27px,3vw,45px) 'Space Grotesk';letter-spacing:-1.6px;margin-top:8px}.model-title p{font-size:14px;color:#93afc2;margin-top:4px}.visual-flourish{pointer-events:none;position:absolute;right:34px;top:79px;display:flex;align-items:center;flex-direction:column;gap:3px;color:#294b60;font-size:30px}.visual-flourish span:last-child{font-size:9px;letter-spacing:3px;color:#427587}.viewport-tools{position:absolute;right:30px;bottom:60px;display:flex;gap:8px}.icon-btn{width:41px;height:41px;background:#102638d9;color:#d0f2ee;border:1px solid #2b5462;border-radius:7px;font-size:21px}.icon-btn:hover{background:#225c60;border-color:#67d8c7}.axes-legend{position:absolute;bottom:114px;right:30px;display:flex;gap:11px;font:700 10px 'Space Grotesk';color:#a0baca}.axes-legend span{display:flex;align-items:center;gap:5px}.axes-legend i{display:block;width:6px;height:6px;border-radius:2px;background:#e86e79}.axes-legend .y-axis{background:#60cca2}.axes-legend .z-axis{background:#619ddf}.stage-hint{pointer-events:none;position:absolute;bottom:18px;text-align:center;left:0;right:0;color:#617e8f;font:700 9px 'Space Grotesk';letter-spacing:1.2px}.load-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0a2536d9;border:1px solid #2a6972;color:#c3e6e4;padding:14px 20px;border-radius:8px;font-size:12px}.load-state[hidden]{display:none}.lower-area{flex:none;min-height:227px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #203542}.controls-panel,.inspector-panel{padding:22px 30px 20px;min-width:0}.inspector-panel{border-left:1px solid #203542}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.panel-head h3{font:700 17px 'Space Grotesk';letter-spacing:-.4px;margin-top:5px}.tiny-tag{padding:5px 7px;border:1px solid #224e50;border-radius:4px;color:#64bdb2;font-size:9px;letter-spacing:1.1px}.control-row{display:flex;justify-content:space-between;gap:16px;margin-top:12px;align-items:center}.control-row label{font-size:12px;font-weight:700;display:flex;flex-direction:column;gap:4px}.control-row label small{font-weight:400;color:#66879c;font-size:10px}.switch{appearance:none;flex:none;width:34px;height:19px;background:#2a4051;border-radius:20px;position:relative;cursor:pointer;outline:none}.switch:before{content:'';position:absolute;width:13px;height:13px;top:3px;left:3px;background:#93a7b2;border-radius:50%;transition:.15s}.switch:checked{background:#2eaa9a}.switch:checked:before{left:18px;background:#fff}.control-row input[type=range]{width:45%;max-width:160px;accent-color:#56dacc}.hint-line{font-size:10px;color:#628a95;margin-top:12px}.spec-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px}.spec-grid span{display:block;font-size:9px;font-weight:800;letter-spacing:1px;color:#607f94;white-space:nowrap}.spec-grid b{font:700 17px 'Space Grotesk';display:block;margin-top:8px;color:#e5f0f5}.inspector-actions{display:flex;gap:8px;margin-top:24px}.inspector-actions a{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:6px;font-size:11px;font-weight:800;padding:11px 14px}.cta{background:#56d6c4;color:#062a30!important}.cta:hover{background:#90eadd}.secondary{background:#102330;border:1px solid #284152;color:#adc4d1}.secondary:hover{background:#1a394a}@media (max-width:1120px){.shell{grid-template-columns:280px 1fr}.sidebar{padding:22px 13px 15px}.lower-area{min-height:230px}.spec-grid{grid-template-columns:repeat(2,1fr);margin-top:12px}.inspector-actions{margin-top:13px}.controls-panel,.inspector-panel{padding:20px}}@media (max-width:780px){.shell{height:auto;min-height:100dvh;display:block;overflow:visible}.sidebar{height:auto;padding:14px 16px;max-height:340px}.sidebar .brand{margin-bottom:12px}.product-badge{margin-bottom:12px}.side-head{padding-bottom:12px}.side-head h1{font-size:24px}.filters{max-height:80px}.asset-list{max-height:130px}.side-footer{display:none}.workspace{height:auto}.topbar{height:52px;padding:0 15px}.breadcrumb{font-size:8px}.top-info .version{display:none}.viewport{height:420px;flex:none}.model-title{left:20px;bottom:60px}.model-title h2{font-size:27px}.scene-top{left:17px;right:17px;top:17px}.viewport-tools{right:18px;bottom:62px}.lower-area{grid-template-columns:1fr}.inspector-panel{border-left:0;border-top:1px solid #203542}.controls-panel,.inspector-panel{padding:19px}.stage-hint{font-size:7px;letter-spacing:.5px}.model-title p{font-size:11px}.spec-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.asset-graphic{overflow:hidden}.asset-graphic img{width:100%;height:100%;object-fit:cover;display:block}.asset-card.active .asset-graphic img{filter:saturate(1.2)}
