:root{--bg:#0b1423;--panel:#101c2d;--border:#233145;--muted:#91a2b8;--dim:#5d748d;--text:#ebf3ff;--cyan:#4ee4da;--orange:#f0bb73}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{overflow:hidden}button,input,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.app-shell{display:grid;grid-template-columns:318px minmax(450px,1fr) 296px;height:100dvh;min-height:550px}.sidebar{display:flex;flex-direction:column;min-height:0;background:#0e192a;border-right:1px solid var(--border);padding:26px 17px 0}.brand{display:flex;align-items:center;gap:11px;padding:0 7px 26px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border:1px solid #286b79;color:var(--cyan);font-size:27px;background:#12303c;border-radius:10px}.brand-copy{display:flex;flex-direction:column;gap:3px;font-size:12px;letter-spacing:.8px}.brand-copy strong span{font-weight:400;color:var(--cyan)}.brand-copy small{font-size:8px;color:#7291a7;letter-spacing:2px;font-weight:700}.sidebar-top{padding:18px 8px 20px;border-top:1px solid var(--border)}.eyebrow,.small-label{color:#5ee9df;letter-spacing:2px;font-size:9px;font-weight:800}.sidebar-top h1{font-size:38px;letter-spacing:-1.5px;font-weight:750;margin:7px 0 8px}.sidebar-top h1 em{color:var(--cyan);font-style:normal}.sidebar-top p{color:#8fa4bb;font-size:11px;line-height:1.7;max-width:260px;margin:0}.searchbox{height:40px;display:flex;align-items:center;gap:9px;border:1px solid #314054;background:#141f30;border-radius:8px;padding:0 12px;color:#83a0b7}.searchbox>span{font-size:24px;font-weight:200}.searchbox input{width:100%;border:0;outline:0;background:transparent;color:white;font-size:12px;min-width:0}.searchbox kbd{flex:none;background:#243248;border:1px solid #334359;border-radius:3px;padding:2px 4px;font-size:8px;color:#aebed0}.sidebar-heading{display:flex;justify-content:space-between;align-items:center;color:#8aa0b6;font-size:9px;letter-spacing:1.6px;font-weight:800;margin:22px 7px 11px}.sidebar-heading span:last-child{color:#6b8298;font-size:9px;letter-spacing:0;font-weight:500}.filters{display:flex;gap:6px;flex-wrap:wrap;padding:0 3px;max-height:126px;overflow:auto;scrollbar-width:thin}.filter-chip{border:1px solid #263a50;background:#17263a;border-radius:5px;color:#92a9c0;padding:6px 10px;font-size:10px;letter-spacing:.1px;transition:.2s}.filter-chip:hover,.filter-chip.active{color:#0b2430;background:#56dbd0;border-color:#56dbd0}.listing-label{margin-top:20px}.objects-scroll{min-height:0;overflow-y:auto;flex:1;padding:0 5px 18px 3px;scrollbar-color:#365168 transparent;scrollbar-width:thin}.asset-grid{display:grid;grid-template-columns:1fr;gap:7px}.object-card{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:7px;border:1px solid transparent;background:#121f30;color:var(--text);border-radius:9px;transition:.2s}.object-card:hover{background:#1b2d42;border-color:#38566a}.object-card.is-active{border-color:#48b9b1;background:linear-gradient(90deg,#183e46 0%,#18273a 100%)}.card-scene{position:relative;flex:none;width:65px;height:55px;overflow:hidden;border-radius:6px;background:radial-gradient(circle at 60% 35%,#34526b,#15243a 70%);display:grid;place-items:center}.card-scene img{display:block;width:100%;height:100%;object-fit:contain;position:relative;z-index:1}.card-fallback{position:absolute;font-size:28px;color:#6c9fab}.card-copy{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.card-copy strong{font-size:11px;font-weight:700;line-height:1.25}.card-copy>span{font-size:9px;color:#8dacc0}.card-arrow{color:#65929f;font-size:13px;padding-right:5px}.sidebar-footer{font-size:9px;display:flex;align-items:center;gap:7px;border-top:1px solid var(--border);padding:18px 5px 22px;color:#7992a8;justify-content:space-between}.sidebar-footer a{color:var(--cyan);font-size:9px}.online-dot,.dot{display:inline-block;flex:none;width:6px;height:6px;border-radius:50%;background:#66e1ad;box-shadow:0 0 8px #66e1ad70}.dot.cyan{background:#4fe1db;box-shadow:0 0 8px #4fe1db80}.workspace{display:flex;flex-direction:column;min-width:0;min-height:0;background:#0c1626}.workspace-header{height:64px;padding:0 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);gap:12px;color:#8198ae;font-size:11px}.tiny-sigil{color:var(--cyan);margin-right:12px}.header-right{display:flex;gap:9px;align-items:center;font-size:9px;color:#a7b5c7;letter-spacing:1.3px}.three-link{padding:7px 9px;border:1px solid #3c6473;border-radius:5px;margin-left:10px;color:var(--cyan);font-size:9px}.three-link:hover{background:#133642}.viewport-panel{position:relative;min-height:0;flex:1;margin:18px 18px 0;border:1px solid #263951;border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at 48% 37%,#20334c 0%,#101e31 54%,#0a1524 90%)}.viewport-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,transparent 0%,#00000013 100%);pointer-events:none}#viewerCanvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#viewerCanvas:active{cursor:grabbing}.viewport-overlay{position:absolute;pointer-events:none}.top-left{left:27px;top:25px}.viewport-title{font-size:17px;letter-spacing:.4px;font-weight:750;margin-top:10px;max-width:350px;text-shadow:0 2px 8px #071020}.grid-label{bottom:25px;left:27px;font-size:9px;letter-spacing:1.4px;color:#87a1b8}.mini-divider{color:#354d65;padding:0 10px}.grid-label .dot{margin-right:7px}.axis-mark{position:absolute;bottom:83px;left:27px;border:1px solid #36475c;background:#122033ab;padding:7px;border-radius:4px;display:flex;flex-direction:column;gap:4px;color:#8ab8cd;font-size:10px}.controls{position:absolute;bottom:22px;right:25px;display:flex;gap:8px;align-items:center}.controls button{color:#d2e4f5;border:1px solid #39516b;background:#1a2b41b8;padding:10px 12px;border-radius:7px;font-size:12px;backdrop-filter:blur(10px)}.controls button span{font-size:10px;padding-left:2px}.controls button:hover,.controls button.active{border-color:#398a91;color:#6de6dc;background:#183d48d9}.controls .rnd{background:#57dbcf;color:#07313b;font-weight:750;border-color:#57dbcf}.controls .rnd:hover{color:#04303a;background:#8cf0e6}.viewer-loading{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:12px;background:#0d192ac7;color:#77ebe3;letter-spacing:1.3px;font-size:10px}.spinner{width:18px;height:18px;border:2px solid #244d61;border-top-color:#5ee5e0;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.workspace-bottom{display:flex;justify-content:space-between;align-items:center;padding:24px 22px 22px;gap:18px}.metric-cluster{display:flex;gap:27px;margin-top:15px}.metric-cluster>span{display:flex;align-items:center;gap:7px;font-size:9px;color:#8398b0;letter-spacing:.8px;white-space:nowrap}.metric-cluster strong{font-size:18px;color:#e8f6ff;letter-spacing:0}.interaction-hint{font-size:9px;color:#536b82;white-space:nowrap;align-self:end;padding-bottom:5px}.interaction-hint span{padding:0 4px}.inspector{display:flex;flex-direction:column;min-height:0;background:#101a2a;border-left:1px solid var(--border);padding:35px 22px 25px;overflow-y:auto}.inspect-top{display:flex;align-items:center;justify-content:space-between}.asset-dot{color:var(--cyan);font-size:12px}.inspect-count{font-size:10px;color:#8aa8bd;margin-top:28px}.inspector h2{font-size:26px;letter-spacing:-.7px;line-height:1.1;margin:9px 0 12px}.inspector p{font-size:11px;color:#91a5bb;line-height:1.75;margin:0}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:21px}.tag{border:1px solid #2b4053;background:#18283c;border-radius:4px;font-size:9px;padding:7px 9px;color:#a4bfd2}.tag.accent{color:#6ce4db;border-color:#337c83;background:#16333f}.divider{height:1px;background:#25354a;margin:24px 0}.section-eyebrow{margin-bottom:17px}.property{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:10px 0;border-bottom:1px solid #1f2c3e;color:#8c9fb6;font-size:11px}.property strong{color:#d8e7f6;font-weight:600;font-size:11px;text-align:right}.primary-action,.secondary-action{width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px;border-radius:7px;padding:14px;margin-bottom:9px;font-size:11px;font-weight:700;text-align:left}.primary-action{background:#52ded3;color:#0b2e36}.primary-action:hover{background:#77f1e6}.secondary-action{border:1px solid #385069;color:#bdd2e5;background:#182a3e}.secondary-action:hover{border-color:#51c8c4}.info-box{display:flex;gap:10px;border-radius:7px;border:1px solid #29425a;background:#16263a;padding:14px 10px;margin-top:17px;color:#8fa9bf;font-size:10px;line-height:1.6}.info-icon{width:16px;height:16px;flex:none;border-radius:50%;background:#2c5665;color:#9fe4e8;text-align:center;font-weight:900}.inspector-footer{margin-top:auto;padding-top:25px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#668197}.inspector-footer strong{color:#bfd9e6;font-size:12px}.inspector-footer strong span{color:var(--cyan)}.toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:20;transition:.2s;padding:12px 19px;border-radius:9px;background:#25535c;color:#d9fffd;border:1px solid #61b6b4;font-size:12px}.toast.show{transform:translate(-50%,0);opacity:1}.empty-results{color:#7e9bb2;font-size:12px;line-height:1.7;padding:17px}.three-link:focus{outline-offset:3px}
@media(max-width:1280px){.app-shell{grid-template-columns:270px minmax(340px,1fr) 250px}.sidebar-top h1{font-size:32px}.sidebar{padding-left:12px;padding-right:12px}.inspector{padding-left:16px;padding-right:16px}.metric-cluster{gap:15px}.interaction-hint{display:none}.controls{right:14px;bottom:15px}.controls button{padding:10px}}
@media(max-width:980px){.app-shell{grid-template-columns:235px minmax(320px,1fr)}.inspector{display:none}.workspace-header{padding:0 16px}.three-link{display:none}}
@media(max-width:660px){body{overflow:auto}.app-shell{display:flex;flex-direction:column;height:auto;min-height:100dvh}.sidebar{order:2;max-height:none;padding-top:16px}.brand{padding-bottom:13px}.sidebar-top{display:none}.searchbox{margin-bottom:12px}.sidebar-heading{margin:12px 7px 10px}.filters{max-height:75px}.objects-scroll{overflow:visible}.asset-grid{display:grid;grid-template-columns:1fr 1fr}.object-card{gap:7px}.card-scene{width:52px;height:50px}.card-copy strong{font-size:10px}.sidebar-footer{padding:15px 5px}.workspace{order:1;min-height:540px}.workspace-header{height:54px}.header-right{font-size:8px}.viewport-panel{min-height:410px;margin:10px 10px 0}.top-left{left:14px;top:16px}.viewport-title{font-size:14px}.controls{left:12px;right:12px;justify-content:center;bottom:15px;gap:5px}.controls button{flex:1;padding:8px 4px}.controls button span{font-size:9px}.grid-label{left:14px;bottom:67px;font-size:8px}.axis-mark{display:none}.workspace-bottom{padding:15px 12px}.metric-cluster{gap:12px}.metric-cluster>span{font-size:8px}.metric-cluster strong{font-size:16px}}