:root{color-scheme:dark;--bg:#070c16;--surface:#111b29;--border:#263747;--muted:#8498a7;--white:#e8f2fa;--teal:#7ef3d6;--gold:#f6be77;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--white)}button,a,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--teal);outline-offset:3px}a{color:inherit;text-decoration:none}.app{display:grid;grid-template-columns:355px minmax(0,1fr);min-height:100vh}.rail{background:#0b1420;border-right:1px solid #273442;display:flex;flex-direction:column;min-height:100vh;height:100vh;position:sticky;top:0}.brand{display:flex;gap:13px;align-items:center;padding:25px 24px 22px;border-bottom:1px solid #1e2d39}.brandmark{font-size:23px;font-weight:900;background:#b2efdd;color:#071921;display:flex;align-items:center;justify-content:center;width:42px;height:42px;letter-spacing:-4px;border-radius:10px;padding-right:4px}.brandmark span{color:#31544b}.brand strong{font-size:18px;letter-spacing:-.85px}.brand .uk{color:var(--teal)}.brand small{color:#718b9c;display:block;font-size:9px;letter-spacing:2.3px;margin-top:6px}.pack-label{padding:19px 24px;color:#7e99a8;font-size:9px;letter-spacing:1.35px;display:flex;gap:8px;align-items:center}.live-dot,.online-dot,.engine-chip i{display:inline-block;width:6px;height:6px;background:var(--teal);border-radius:50%;box-shadow:0 0 10px #3ed5b5}.version{margin-left:auto;color:#b8c4c9}.heading{padding:6px 24px 19px}.eyebrow{font-size:10px;color:var(--teal);letter-spacing:2px;font-weight:700}.heading h1{font-size:48px;letter-spacing:-3.4px;font-weight:700;line-height:1;margin:12px 0}.heading h1 em{font-weight:300;font-style:normal;color:var(--teal)}.heading h1 .muted{color:#426374;padding:0 2px}.heading p{font-size:13px;line-height:1.6;color:#8ea5b2;margin:9px 0 0}.search-box{display:flex;align-items:center;gap:10px;margin:0 24px 16px;background:#152231;border:1px solid #304355;border-radius:7px;padding:11px 11px}.search-box svg{width:18px;height:18px;fill:none;stroke:#759aaf;stroke-width:2}.search-box input{border:0;background:none;outline:none;color:#e8f2fa;min-width:0;flex:1;font-size:12px}.search-box input::placeholder{color:#8497a3}.search-box kbd{border:1px solid #34495b;border-radius:4px;padding:2px 6px;color:#a4b0b9;font-size:11px}.categories{display:flex;flex-wrap:wrap;gap:7px;padding:0 24px 21px}.category{font-size:10px;letter-spacing:.3px;color:#9aafbb;border:1px solid #2a3d4d;border-radius:5px;padding:7px 9px;background:transparent;transition:all .15s}.category.active,.category:hover{color:#062b2b;background:var(--teal);border-color:var(--teal)}.list-top{display:flex;justify-content:space-between;padding:13px 24px 11px;border-top:1px solid #243341;color:#7595a8;font-size:9px;letter-spacing:1.8px;font-weight:700}.list-top span:last-child{color:var(--teal)}.cards{overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#35566b transparent}.asset-card{width:calc(100% - 28px);text-align:left;border:1px solid transparent;background:transparent;color:inherit;border-radius:7px;padding:10px 12px;margin:3px 14px;display:flex;gap:13px;align-items:center}.asset-card:hover{background:#152838}.asset-card.active{background:#172e37;border-color:#3a827e}.thumb{flex:none;width:64px;height:57px;background:radial-gradient(circle at 30% 20%,#30475e,#182737 75%);border:1px solid #304656;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#95d4cc;font-size:25px;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.asset-card.active .thumb{border-color:#78bdb0}.card-info{min-width:0}.card-number{font-size:9px;color:#7995a6;letter-spacing:1.2px}.card-name{font-size:12px;font-weight:700;display:block;margin-top:4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-uk{display:block;margin-top:4px;font-size:10px;color:#8da5b1}.rail-bottom{border-top:1px solid #243341;padding:18px 22px;font-size:10px;color:#8ba2af;display:flex;align-items:center;gap:8px}.rail-bottom span:last-child{margin-left:auto;color:#cadad6}.main{min-width:0;display:flex;flex-direction:column;min-height:100vh}.topbar{height:78px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #202e3e;background:#0b111b;gap:20px}.crumb{font-size:10px;letter-spacing:1.2px;color:#67859a;white-space:nowrap}.crumb b{padding:0 10px;color:#37556b}.crumb strong{color:var(--white)}.top-actions{display:flex;align-items:center;gap:26px;white-space:nowrap}.engine-chip{font-size:10px;color:var(--teal);letter-spacing:.65px;display:flex;gap:9px;align-items:center}.engine-chip i{width:5px;height:5px}.secondary-link{font-size:10px;color:#c6d3dc;letter-spacing:1px}.secondary-link span{color:var(--teal);padding-left:7px}.stage{position:relative;min-height:560px;height:min(67vh,790px);background:radial-gradient(circle at 47% 48%,#183048 0,#0e2031 40%,#09131f 83%);overflow:hidden}#viewer{width:100%;height:100%;display:block;cursor:grab;touch-action:none}.stage-label{position:absolute;left:34px;top:29px;pointer-events:none}.scope{font-size:10px;letter-spacing:1.9px;font-weight:700;color:#9fb5c4}.scope-dot{display:inline-block;background:#61869a;width:4px;height:4px;margin:0 12px 2px;border-radius:50%}.model-index{font-size:44px;font-weight:200;color:#cfe5ee;letter-spacing:-2px;margin-top:10px}.model-index span{font-size:15px;color:#6c8a9d;letter-spacing:0}.hero-copy{position:absolute;left:36px;bottom:37px;pointer-events:none;max-width:400px;text-shadow:0 2px 18px #08121e}.asset-category{font-size:10px;color:var(--teal);font-weight:800;letter-spacing:2px;margin-bottom:7px}.hero-copy h2{font-size:34px;letter-spacing:-1.2px;font-weight:650;margin:0 0 3px}.subtitle{color:#c2d5dc;font-size:14px}.hero-copy p{font-size:12px;color:#91afbe;max-width:320px;margin:8px 0 0}.stage-tools{position:absolute;right:29px;top:26px;display:flex;gap:8px}.tiny-icon{background:#132333c9;border:1px solid #476072;color:#d3e9ee;border-radius:7px;width:37px;height:37px;font-size:23px}.tiny-icon:hover{background:#234b54}.render-tag{position:absolute;right:30px;bottom:35px;color:#96b3c4;font-size:10px;letter-spacing:1.4px}.render-tag span{color:var(--teal)}.bottom-indicator{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);font-size:10px;letter-spacing:1.4px;color:#a8c1d0;white-space:nowrap;pointer-events:none}.grab-icon{color:#5ad9c5;font-size:16px;padding-right:4px}.split{display:inline-block;width:1px;height:12px;background:#587286;margin:0 16px -3px}.control-bar{padding:29px 36px 25px;background:#0d1723;border-top:1px solid #2a3945}.control-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.control-head strong{font-size:16px;display:block;margin:7px 0 0;font-weight:600}.status-glow{color:var(--teal);font-size:11px}.status-glow span{color:#b1c6ce}.control-grid{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:24px 0}.switch{display:flex;align-items:center;gap:9px;color:#b4c8d2;font-size:12px;margin-right:8px;cursor:pointer}.switch input{position:absolute;opacity:0}.switch-ui{display:inline-block;position:relative;width:33px;height:19px;border-radius:20px;background:#334756;border:1px solid #526070}.switch-ui:before{content:"";position:absolute;left:3px;top:3px;border-radius:50%;background:#a3b3bd;width:11px;height:11px;transition:transform .18s}.switch input:checked+.switch-ui{background:#27675f;border-color:#7cf0d7}.switch input:checked+.switch-ui:before{background:#aefce6;transform:translateX(14px)}.tool-button,.download{background:#152636;border:1px solid #344c5e;border-radius:6px;padding:12px 13px;min-height:42px;color:#d1e3e9;font-size:12px;display:inline-flex;gap:10px;align-items:center}.tool-button:hover{background:#1f394a}.download{margin-left:auto;background:#a2ebd5;color:#0b302d;font-weight:800;border-color:#a2ebd5}.download:hover{background:#d0f8ea}.asset-spec{display:flex;gap:0;border-top:1px solid #263847;padding-top:21px;flex-wrap:wrap}.asset-spec>div{min-width:125px;flex:1;border-right:1px solid #273946;padding-left:20px}.asset-spec>div:first-child{padding-left:0}.asset-spec>div:last-child{border:0}.asset-spec small{display:block;color:#6d8fa3;font-size:10px;letter-spacing:1.1px;margin-bottom:7px}.asset-spec strong{font-size:12px;letter-spacing:.7px;color:#c7dce5}footer{font-size:9px;color:#547083;letter-spacing:1.4px;padding:22px 36px;border-top:1px solid #233343}footer span{color:var(--teal);padding:0 10px}.copyright{float:right;color:#647f8f}button{transition:background .15s}.error-box{padding:14px;background:#3c2226;color:#ffc9c1;max-width:500px;border:1px solid #b46869;border-radius:6px}
@media(max-width:1000px){.app{grid-template-columns:295px minmax(0,1fr)}.topbar{padding:0 22px}.stage{min-height:500px}.control-bar{padding:24px}.render-tag{display:none}.asset-spec>div{min-width:105px}.thumb{width:52px;height:50px}.heading h1{font-size:42px}}
@media(max-width:720px){.app{display:flex;flex-direction:column}.rail{position:relative;height:auto;min-height:0;border-right:0}.brand{padding:15px}.pack-label{padding:12px 16px}.heading{padding:0 16px 14px}.heading h1{font-size:40px}.heading p{margin-top:6px}.search-box{margin:0 16px 12px}.categories{padding:0 16px 12px}.cards{display:flex;overflow-x:auto;gap:5px;padding:0 12px 10px}.asset-card{width:175px;min-width:175px;margin:0;padding:9px;gap:8px}.thumb{width:46px;height:46px}.card-name{font-size:10px}.card-uk{font-size:9px}.list-top{padding:12px 16px}.rail-bottom{display:none}.topbar{height:56px;padding:0 14px}.crumb{font-size:9px;overflow:hidden;text-overflow:ellipsis}.crumb b{padding:0 3px}.top-actions{gap:9px}.engine-chip{font-size:9px}.secondary-link{font-size:8px}.stage{height:60vh;min-height:460px}.stage-label{top:15px;left:17px}.model-index{font-size:28px}.scope{font-size:8px}.stage-tools{right:12px;top:15px}.hero-copy{left:17px;bottom:56px}.hero-copy h2{font-size:26px}.hero-copy p{font-size:10px}.bottom-indicator{bottom:14px;font-size:8px}.control-bar{padding:18px 14px}.control-grid{gap:10px}.download{margin-left:0}.asset-spec>div{min-width:48%;margin:9px 0}.asset-spec>div:nth-child(odd){padding-left:0}.copyright{float:none;display:block;margin-top:8px}footer{padding:16px}}