
:root{--bg:#0a0f17;--panel:#0e1520;--panel2:#111a27;--stroke:#243143;--text:#e5edf6;--soft:#9aaabd;--muted:#61758a;--accent:#67e2ca;--orange:#f5bc77;--mono:'Space Grotesk','Arial',sans-serif;--sans:'DM Sans','Arial',sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{font-family:var(--sans);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:75px;flex:0 0 75px;border-bottom:1px solid var(--stroke);background:#0c121c;display:flex;align-items:center;justify-content:space-between;padding:0 29px;gap:16px}.brand{display:flex;align-items:center;gap:16px}.brand-mark{width:36px;height:34px;position:relative;transform:rotate(-18deg)}.brand-mark span{position:absolute;width:12px;height:12px;border:3px solid var(--accent);transform:rotate(45deg);border-radius:2px}.brand-mark span:nth-child(1){top:0;left:10px}.brand-mark span:nth-child(2){top:16px;left:1px;border-color:#83d4ee}.brand-mark span:nth-child(3){top:16px;left:20px;border-color:#3c8cbb}.brand-type strong{display:block;font:700 15px var(--mono);letter-spacing:1.05px}.brand-slash{color:var(--accent);padding:0 5px}.brand-type small{display:block;font:600 9px var(--mono);letter-spacing:2.4px;color:var(--muted);margin-top:4px}.top-right{display:flex;align-items:center;gap:25px;font:600 10px var(--mono);letter-spacing:1.1px}.top-separator{width:1px;height:28px;background:var(--stroke)}.engine-chip{border:1px solid #245448;color:#8be7d5;padding:11px 13px;display:flex;gap:6px;align-items:center}.engine-chip i,.live-dot,.chip-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #59e2c899}.engine-chip span{color:var(--muted)}.edition{color:#a7b7c8}.edition b{color:var(--accent);padding:0 3px}.workspace{display:grid;grid-template-columns:296px minmax(0,1fr) 270px;flex:1;min-height:0}.sidebar{border-right:1px solid var(--stroke);background:#0e1520;display:flex;flex-direction:column;min-height:0}.side-head{padding:29px 23px 21px;border-bottom:1px solid var(--stroke)}.eyebrow{font:700 10px var(--mono);letter-spacing:2px;color:var(--accent);display:flex;gap:10px;align-items:center}.square{width:6px;height:6px;background:var(--accent)}.side-head h1,.inspector h2{font:600 33px/1.12 var(--mono);letter-spacing:-1.5px;margin:17px 0 12px}.side-head h1 em,.inspector h2 em{font-style:normal;color:var(--accent)}.side-head p,.inspector p{font:400 12px/1.8 var(--sans);color:var(--soft);margin:0}.library-number{margin-top:24px;display:flex;align-items:baseline;gap:11px}.library-number>span{font:600 44px var(--mono);line-height:1;color:#e2edf7}.library-number>small{font:700 9px var(--mono);letter-spacing:2px;color:var(--muted)}.sidebar-tools{padding:19px 15px 14px}.search-box{height:39px;background:#0a1019;border:1px solid var(--stroke);display:flex;align-items:center;padding:0 11px;gap:9px;color:#8199ad}.search-box input{background:none;border:0;outline:none;width:100%;color:var(--text);font-size:11px;min-width:0}.search-box input::placeholder{color:#617387}.search-box kbd{font:11px var(--mono);color:#66778a;border:1px solid #334050;padding:1px 4px;border-radius:2px}.categories{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.category-pill{border:1px solid #2a3848;background:transparent;color:#a7b6c6;padding:6px 10px;font:600 10px var(--mono);border-radius:2px;transition:background .2s,color .2s}.category-pill.is-active{color:#09211b;border-color:var(--accent);background:var(--accent)}.category-pill:hover:not(.is-active){color:#e7f2fc;border-color:#698da1}.catalog-head{padding:8px 22px 12px;display:flex;justify-content:space-between;color:#677d90;font:700 10px var(--mono);letter-spacing:1.4px}.asset-list{min-height:0;overflow:auto;flex:1;padding:0 10px 18px}.asset-list::-webkit-scrollbar{width:4px}.asset-list::-webkit-scrollbar-thumb{background:#25384c}.asset-card{width:100%;height:79px;background:transparent;border:1px solid transparent;border-left:2px solid transparent;color:inherit;display:flex;align-items:center;gap:12px;text-align:left;padding:6px 10px;margin-bottom:5px;transition:.2s}.asset-card:hover{background:#182431;border-color:#344456}.asset-card.active{background:#172633;border-color:#314d58;border-left-color:var(--accent)}.asset-card img{width:78px;height:65px;object-fit:cover;background:#111e2b;flex-shrink:0;filter:saturate(.85)}.asset-card-body{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.asset-card-body strong{font:700 12px var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e8f0f7}.asset-card-body small{font:700 9px var(--mono);letter-spacing:1.1px;color:var(--accent)}.asset-card-body span{font:400 10px var(--sans);color:#8da0b4}.card-arrow{font-size:19px;color:#4b6e76}.asset-card.active .card-arrow{color:var(--accent)}.no-results{padding:25px 12px;color:#8198aa;font-size:12px}.side-footer{font:700 8px var(--mono);letter-spacing:.8px;color:#6c7b8c;border-top:1px solid var(--stroke);padding:16px;text-align:center}.side-footer span{color:var(--accent);padding:0 5px}.stage-column{background:#0a111a;min-width:0;display:flex;flex-direction:column;padding:23px 24px 19px;gap:0}.stage-panel{background:#111a28;border:1px solid #263449;box-shadow:0 22px 60px #05080e55;min-height:400px;display:flex;flex-direction:column;overflow:hidden;flex:1}.stage-topline{height:54px;border-bottom:1px solid #273447;background:#101925;display:flex;align-items:center;justify-content:space-between;padding:0 19px;gap:10px;flex:0 0 54px}.stage-breadcrumb{display:flex;gap:13px;font:700 10px var(--mono);letter-spacing:1px;color:#71869e;align-items:center;white-space:nowrap}.stage-breadcrumb strong{font-weight:700;color:#cfe2ed}.breadcrumb-chevron{color:var(--accent)}.live-label{font:700 9px var(--mono);letter-spacing:1.2px;color:#86e1ca;display:flex;align-items:center;gap:10px;white-space:nowrap}.viewport-shell{position:relative;flex:1;min-height:350px;background:radial-gradient(ellipse at 50% 30%,#1a2d3e 0%,#0b1523 58%,#0a111e 100%);isolation:isolate;overflow:hidden}.viewport-shell[data-studio=blue]{background:radial-gradient(ellipse at 48% 34%,#183b56 0%,#0a1b33 65%,#061321 100%)}.viewport-shell[data-studio=light]{background:radial-gradient(ellipse at 45% 32%,#ecf3f4 0%,#b4c3ca 95%)}.viewport{position:absolute;inset:0;z-index:2;touch-action:none}.viewport>canvas{display:block;width:100%;height:100%}.viewport-grid{position:absolute;inset:0;z-index:0;opacity:.15;background-size:35px 35px;background-image:linear-gradient(to right,#52708733 1px,transparent 1px),linear-gradient(to bottom,#52708733 1px,transparent 1px);mask-image:linear-gradient(to bottom,transparent 0%,black 80%)}.viewport-overlay{position:absolute;inset:0;pointer-events:none;z-index:3}.floating-chip{position:absolute;top:20px;left:22px;display:flex;align-items:center;gap:9px;color:#ddebf8;font:700 10px var(--mono);letter-spacing:1.05px}.chip-muted{color:#536c80}.axis-legend{position:absolute;right:22px;bottom:42px;display:flex;gap:5px;font:700 10px var(--mono)}.axis{display:flex;justify-content:center;align-items:center;width:22px;height:22px;border:1px solid #45556b;background:#101925bb}.axis.x{color:#fc8a88}.axis.y{color:#87e4b3}.axis.z{color:#90b6f8}.hud-lines{position:absolute;left:22px;bottom:45px;display:flex;gap:14px;color:#607d91;font:700 9px var(--mono);letter-spacing:.7px}.hud-lines span:first-child{color:#8cb6be}.drag-hint{position:absolute;left:0;right:0;bottom:13px;text-align:center;font:500 10px var(--sans);color:#7e96a9}.drag-glyph{color:var(--accent);padding-right:5px;font-size:13px}.point-sep{padding:0 5px;color:var(--accent)}.toolbar{height:57px;min-height:57px;display:flex;gap:13px;align-items:center;padding:0 13px;border-top:1px solid #273447;background:#0f1723;flex-wrap:wrap}.toolbar-group{display:flex;align-items:center;gap:3px}.toolbar-divider{background:#263546;width:1px;height:22px}.toolbar-right{margin-left:auto}.tool-btn{border:1px solid transparent;background:transparent;color:#91a4b7;font:600 10px var(--sans);border-radius:2px;padding:8px 9px;white-space:nowrap;display:flex;gap:7px;align-items:center}.tool-btn:hover{background:#1f3042;color:#f2fbff}.tool-btn.is-on{color:#c5f4e6;background:#17353077;border-color:#295447}.tool-icon{font-size:15px;line-height:1}.model-summary{display:flex;justify-content:space-between;gap:18px;padding:23px 2px 22px;align-items:center;border-bottom:1px solid var(--stroke)}.eyebrow-muted{color:#87a1b5;font-size:9px}.eyebrow-muted span{color:var(--accent)}.model-summary h2{font:600 32px/1.2 var(--mono);letter-spacing:-1px;margin:9px 0 7px;color:#edf3f8}.model-summary h2 span{color:var(--accent)}.model-summary p{font:12px/1.7 var(--sans);margin:0;color:#94aabd;max-width:510px}.download-main{display:grid;grid-template-columns:24px 1fr;grid-template-rows:15px 13px;align-items:center;gap:0 12px;background:#61dcc4;color:#0b2723;padding:13px 18px;min-width:169px;flex-shrink:0;font:700 10px var(--mono);letter-spacing:.7px;transition:.2s}.download-main>span{font:26px var(--sans);grid-row:1/3;align-self:center}.download-main small{font:700 9px var(--mono);letter-spacing:1.3px;color:#296658}.download-main:hover{background:#8bf5dc;transform:translateY(-2px)}.feature-footer{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;color:#62798c;font:700 9px var(--mono);letter-spacing:.6px;padding:17px 1px 2px}.feature-star{color:var(--accent);margin-right:5px}.inspector{background:#0e1520;border-left:1px solid var(--stroke);display:flex;flex-direction:column;min-height:0}.inspector-section{padding:22px;border-bottom:1px solid var(--stroke)}.inspector-section.intro{padding-top:29px;padding-bottom:27px}.inspector h2{font-size:30px;margin-top:18px}.inspector p{font-size:11px}.data-heading{display:flex;justify-content:space-between;align-items:center;font:700 10px var(--mono);letter-spacing:1.1px;color:#a8bccf;margin-bottom:18px}.tiny-triangle{color:var(--accent);font-size:13px}.spec-row{display:flex;justify-content:space-between;gap:8px;margin:0 0 15px;align-items:baseline}.spec-row:last-child{margin-bottom:0}.spec-row>span{font:700 9px var(--mono);letter-spacing:.6px;color:#718699}.spec-row>strong{font:600 10px var(--mono);letter-spacing:.1px;text-align:right;color:#d1dee8}.field-name{font:700 9px var(--mono);letter-spacing:.8px;color:#7991a7;display:flex;justify-content:space-between;margin-bottom:9px}.field-name strong{color:#b9f4e2}.field-margin{margin-top:19px}.select-control{height:36px;width:100%;color:#e0eef7;background:#111d2a;border:1px solid #2a3a4d;border-radius:2px;padding:0 9px;font-size:11px}input[type=range]{appearance:none;width:100%;height:3px;display:block;margin:15px 0;background:linear-gradient(90deg,var(--accent),#263b48);outline:none}input[type=range]::-webkit-slider-thumb{appearance:none;background:#d2fbef;height:12px;width:12px;border-radius:50%;cursor:pointer}.part-inspect{display:flex;flex-direction:column;gap:8px;background:#111d2a;border:1px solid #27394a;min-height:97px;justify-content:center;padding:13px}.inspect-target{font-size:24px;color:var(--accent);line-height:1}.part-inspect strong{font:700 11px var(--mono);color:#e4eff9;overflow-wrap:anywhere}.part-inspect small{font:11px/1.5 var(--sans);color:#738ca1}.inspector-bottom{margin-top:auto;padding:20px 22px 22px;display:flex;flex-direction:column;gap:11px}.version-bar{display:flex;justify-content:space-between;font:700 9px var(--mono);letter-spacing:1px;color:#849aaf;border-top:1px solid #2b3b4c;padding-top:18px}.version-bar b{color:var(--accent)}.muted-note{font:10px/1.6 var(--sans);color:#506579}.render-error{position:absolute;inset:0;background:#101825;z-index:10;pointer-events:auto}.render-error[hidden]{display:none}.render-error img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.65}.render-error-content{position:absolute;bottom:60px;left:8%;right:8%;background:#0a1725e8;border:1px solid #547d86;color:#eaf9fb;padding:18px 20px;display:flex;flex-direction:column;gap:7px;font-size:12px}.render-error-content span{color:#a8c2d4;line-height:1.5}
@media(max-width:1280px){.workspace{grid-template-columns:250px minmax(0,1fr) 228px}.topbar{padding:0 20px}.side-head{padding:25px 18px}.side-head h1{font-size:29px}.sidebar-tools{padding:15px 10px}.inspector-section{padding:17px}.inspector-section.intro{padding:24px 17px}.stage-column{padding:17px}.tool-btn{font-size:9px;padding:7px}.feature-footer{font-size:8px}}
@media(max-width:1000px){.workspace{grid-template-columns:225px minmax(0,1fr)}.inspector{grid-column:1/3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-left:none;border-top:1px solid var(--stroke)}.inspector-section{border-bottom:none;border-right:1px solid var(--stroke)}.inspector-bottom{display:none}.inspector-section.intro{display:none}.stage-column{min-height:620px}.feature-footer{display:none}}
@media(max-width:670px){.topbar{height:62px;flex-basis:62px;padding:0 14px}.brand-type strong{font-size:11px}.brand-type small{font-size:7px}.brand-mark{transform:scale(.78) rotate(-18deg)}.top-right{gap:7px}.top-separator,.edition,.engine-chip span{display:none}.engine-chip{padding:8px;font-size:9px}.workspace{display:flex;flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--stroke)}.side-head{display:none}.sidebar-tools{padding:11px 12px 6px}.search-box{height:36px}.categories{flex-wrap:nowrap;overflow-x:auto;padding-bottom:7px;margin-top:10px}.category-pill{white-space:nowrap}.catalog-head{padding:2px 14px 7px}.asset-list{display:flex;overflow:auto;flex:none;padding:0 10px 10px}.asset-card{height:102px;min-width:132px;max-width:132px;display:flex;flex-direction:column;gap:4px;align-items:flex-start;padding:4px 6px;margin:0 5px 0 0}.asset-card img{width:100%;height:55px}.asset-card-body{gap:1px}.asset-card-body strong{font-size:10px}.asset-card-body small{font-size:8px}.asset-card-body span,.card-arrow,.side-footer{display:none}.stage-column{padding:10px;min-height:0}.stage-panel{min-height:420px;flex:none}.stage-topline{height:45px;flex-basis:45px;padding:0 11px}.live-label{font-size:8px}.viewport-shell{height:390px;min-height:390px;flex:none}.floating-chip{top:11px;left:10px;font-size:9px}.drag-hint{font-size:9px}.hud-lines{bottom:42px;left:11px;font-size:8px;gap:8px}.axis-legend{right:12px}.toolbar{padding:7px 6px;height:auto;min-height:56px;gap:0;justify-content:space-between}.toolbar-group{gap:0}.toolbar-divider{display:none}.tool-btn{padding:7px 5px;font-size:0;gap:0}.tool-btn .tool-icon{font-size:18px}.toolbar .icon-only{font-size:0}.model-summary{padding:20px 4px;align-items:flex-start}.model-summary h2{font-size:23px}.model-summary p{font-size:11px}.download-main{min-width:92px;padding:11px;grid-template-columns:13px 1fr;gap:2px;font-size:8px}.download-main span{font-size:19px}.download-main small{font-size:7px;letter-spacing:.2px}.inspector{display:grid;grid-template-columns:1fr 1fr}.inspector-section{padding:13px;border-bottom:1px solid var(--stroke)}.inspector-section:last-of-type{grid-column:1/3}.data-heading{font-size:9px}.spec-row span,.spec-row strong{font-size:8px}}

.offline-link{display:inline-block;color:#7cf3da;font:700 11px var(--mono);margin-top:8px;text-decoration:underline;text-underline-offset:3px}
