:root{--bg:#0b1018;--panel:#111824;--panel2:#141c28;--line:#2a3544;--soft:#8190a2;--muted:#58677b;--white:#edf3f4;--teal:#6de8dc;--yellow:#f6b750;--type:'Manrope',system-ui,-apple-system,sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--type);font-size:14px;-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{border-right:1px solid var(--line);padding:32px 23px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:#0c121b}.logo{display:flex;align-items:center;gap:13px;font-size:20px;font-weight:800;letter-spacing:-1px}.logo>div:nth-child(2)>span,.footer-brand>span{color:var(--teal)}.logo small{display:block;color:var(--muted);font:9px var(--mono);letter-spacing:1px;margin-top:6px}.logo-icon{width:34px;height:34px;display:grid;grid-template-columns:1fr 1fr;gap:3px;transform:rotate(-9deg)}.logo-icon span{border:2px solid var(--teal)}.logo-icon span:nth-child(2){border-radius:0 5px 0 0}.logo-icon span:nth-child(3){border-radius:0 0 0 5px}.side-line{border-bottom:1px solid var(--line);margin:36px 0 26px}.section-heading{font:10px var(--mono);color:#73859b;letter-spacing:1.6px;margin-bottom:14px;display:flex;justify-content:space-between}.side-section{margin-bottom:26px}.side-item,.category-item{height:42px;display:flex;gap:12px;align-items:center;padding:0 12px;border-radius:6px;color:#9cabb9;font-size:12px;font-weight:600;transition:color .15s,background .15s;cursor:pointer}.side-item.selected,.category-item.active{color:#c6f8f3;background:#192e34}.side-item b,.category-item b{margin-left:auto;font:11px var(--mono);color:#7f96a2}.micro-icon{font-style:normal;font-size:18px}.category-item:hover{color:var(--white);background:#15202d}.category-item .bullet{width:6px;height:6px;border:1px solid #8396a4;transform:rotate(45deg)}.category-item.active .bullet{background:var(--teal);border-color:var(--teal)}.sidebar-bottom{margin-top:auto;color:#8fa3b7;font:10px var(--mono);line-height:1.9;letter-spacing:.6px;border-top:1px solid var(--line);padding-top:19px}.sidebar-bottom small{color:#596d83}.sidebar-dots{color:var(--teal);letter-spacing:6px;display:block;margin-bottom:14px;font-size:8px}.main{min-width:0;padding:0 44px}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font:10px var(--mono);letter-spacing:.4px}.breadcrumb{display:flex;gap:14px}.breadcrumb span{color:#637387}.breadcrumb em{font-style:normal;color:#3f5366}.breadcrumb strong{font-weight:400;color:#c3d6de}.topbar-right{display:flex;gap:12px;align-items:center;color:#a8bfcb}.live-dot{display:inline-block;width:6px;height:6px;background:#67ddbb;border-radius:50%;box-shadow:0 0 13px #4de9d2}.topbar-version{margin-left:30px;color:var(--muted)}.intro{display:flex;justify-content:space-between;gap:36px;padding:51px 0 51px}.eyebrow{color:var(--teal);font:10px var(--mono);letter-spacing:2px}.eyebrow span{margin-left:5px;color:var(--yellow)}.intro h1{font-size:clamp(38px,4.4vw,64px);letter-spacing:-3.8px;line-height:1.09;margin:19px 0 20px;font-weight:800}.intro h1 em{font-style:normal;color:var(--teal)}.intro p{color:#a0aebd;font-size:13px;max-width:560px;line-height:1.9;margin:0}.intro-actions{display:flex;gap:19px;align-items:center;margin-top:22px;color:#65758b;font:10px var(--mono)}.intro-actions .small-link{color:#d7ebe9;border-bottom:1px solid #4c716f;padding-bottom:4px}.intro-stats{display:flex;align-items:flex-end;justify-content:flex-end;gap:21px;padding-bottom:7px;min-width:280px}.intro-stats>div{border-left:1px solid var(--line);padding-left:15px;min-width:76px}.intro-stats strong{display:block;font:500 clamp(22px,2.25vw,32px) var(--mono);color:#e9f1f1;letter-spacing:-2px}.intro-stats span{display:block;color:#73869b;font:9px var(--mono);margin-top:7px;white-space:nowrap}.workspace{border:1px solid #314151;border-radius:5px;background:#0e1620;overflow:hidden}.workspace-head{display:flex;justify-content:space-between;padding:26px 30px 22px;align-items:flex-start;gap:20px}.workspace-head h2{font-size:27px;letter-spacing:-1px;margin:10px 0}.workspace-head h2 span{color:var(--teal)}.workspace-head p{font-size:12px;color:#899bab;max-width:670px;line-height:1.8;margin:0}.workspace-head-meta{text-align:right;display:flex;gap:10px;flex-direction:column;white-space:nowrap;font:10px var(--mono);color:#96bbbf}.asset-code{color:#667e92}.studio{position:relative;background:radial-gradient(ellipse at 50% 46%,#233242,#111b27 51%,#101722);height:490px;overflow:hidden}.studio:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#10182124,transparent 15%,transparent 85%,#10182124)}#three-canvas,#three-canvas canvas{width:100%;height:100%;display:block}#three-canvas canvas{touch-action:none}.loader{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:11px var(--mono);color:#8db0c2;display:flex;align-items:center;gap:14px;z-index:1}.spinner{width:19px;height:19px;border:2px solid #315765;border-top-color:var(--teal);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stage-top,.stage-bottom{position:absolute;left:23px;right:23px;display:flex;justify-content:space-between;pointer-events:none;font:10px var(--mono);letter-spacing:1px;color:#8496a6}.stage-top{top:18px}.stage-top .stage-label{display:flex;align-items:center;gap:10px}.stage-label span:not(.live-dot),.stage-bottom span{color:#436072}.stage-index{color:#b5c9d3}.stage-bottom{bottom:18px}.stage-left{position:absolute;top:42%;left:23px;display:flex;flex-direction:column;gap:9px;align-items:center;color:#657a8c;font:9px var(--mono)}.stage-left i{height:65px;border-left:1px solid #526a78}.stage-left span:last-child{writing-mode:vertical-rl;letter-spacing:2px}.stage-tools{position:absolute;right:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;z-index:3}.tool{background:#172333de;border:1px solid #364457;color:#8b9eae;border-radius:4px;min-height:43px;min-width:97px;padding:6px 9px;font-size:19px;display:flex;gap:9px;align-items:center;justify-content:flex-start}.tool span{font:10px var(--mono)}.tool:hover,.tool.active{border-color:#477f83;background:#1c373f;color:#a8f4eb}.inspect-title{border-bottom:1px solid var(--line);padding:21px 28px 15px;color:#c5d8de;font:10px var(--mono);letter-spacing:1.4px;display:flex;justify-content:space-between}.inspect-title span{color:#5d8191}.inspect-data{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:25px 28px 23px}.inspect-data>div{border-right:1px solid #273748;padding-right:8px}.inspect-data>div:last-child{border-right:0}.inspect-data small{font:10px var(--mono);letter-spacing:1px;display:block;color:#7a8da1}.inspect-data strong{display:block;margin:11px 0 4px;font:600 23px var(--mono);letter-spacing:-.6px;color:#edf8f7}.inspect-data span{font:10px var(--mono);color:#738698}.inspect-actions{display:flex;gap:10px;padding:0 28px 24px}.primary-btn,.secondary-btn{border:1px solid #4be7d4;border-radius:4px;min-height:40px;display:flex;align-items:center;justify-content:center;padding:0 20px;font:11px var(--mono);letter-spacing:.3px}.primary-btn{background:var(--teal);color:#0c2932;font-weight:bold}.primary-btn:hover{background:#9ef8eb}.secondary-btn{background:#172431;color:#c8e5e3;border-color:#334759}.secondary-btn:hover{border-color:#72c4bf}.catalog{padding:64px 0 50px}.catalog-top{display:flex;align-items:end;justify-content:space-between;gap:25px}.catalog h2{font-size:39px;letter-spacing:-2px;margin:13px 0 0}.catalog h2 em{color:var(--teal);font-style:normal}.catalog-control{display:flex;align-items:center;gap:16px}.search-wrap{display:flex;align-items:center;background:#131d2a;border:1px solid #2f4151;height:41px;width:325px;padding:0 13px;border-radius:4px;gap:10px;color:#7992a5}.search-wrap span{font-size:21px}.search-wrap input{border:0;outline:none;background:transparent;width:100%;font-size:11px;color:#dae8e8}.search-wrap input::placeholder{color:#748295}.results-label{font:10px var(--mono);color:#718699;white-space:nowrap}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:27px 0}.pill{border:1px solid #334253;background:#131b27;color:#8398a9;font:10px var(--mono);padding:9px 12px;border-radius:3px;white-space:nowrap}.pill.active{color:#0f2e33;background:var(--teal);border-color:var(--teal)}.pill:hover:not(.active){color:#e5f9f7;border-color:#6a9a9b}.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.asset-card{border:1px solid #283849;border-radius:4px;overflow:hidden;cursor:pointer;background:#121b27;transition:transform .22s,border-color .22s}.asset-card:hover{border-color:#69b7b3;transform:translateY(-3px)}.asset-card.active{border-color:var(--teal)}.card-preview{aspect-ratio:1.36;position:relative;background:#171b20;overflow:hidden}.card-preview img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}.asset-card:hover img{transform:scale(1.07)}.card-preview:after{position:absolute;content:'';pointer-events:none;inset:0;background:linear-gradient(transparent 55%,#06101b55)}.card-number{position:absolute;top:16px;left:16px;color:#abbac5;font:10px var(--mono);letter-spacing:1px;z-index:1}.card-category{position:absolute;bottom:13px;left:14px;background:#13272cdd;color:#9ce3d9;font:9px var(--mono);padding:6px 8px;border:1px solid #376669;z-index:1}.card-body{padding:17px 16px 15px}.card-title{display:flex;align-items:center;justify-content:space-between;font-weight:800;font-size:14px;letter-spacing:-.3px}.card-title>span:last-child{color:var(--teal);font-weight:400;font-size:22px}.card-desc{color:#7e93a5;margin-top:9px;font-size:11px;line-height:1.6;min-height:37px}.card-foot{border-top:1px solid #263746;margin-top:13px;padding-top:11px;display:flex;justify-content:space-between;color:#8dabb5;font:9px var(--mono)}.card-foot strong{color:#c5e2e0;font-weight:400}.empty{grid-column:1/-1;border:1px dashed #314454;text-align:center;padding:60px 15px;color:#7890a2}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:29px 0 40px;color:#697f8e;font:10px var(--mono)}.footer-brand{color:#f2f8f8;font:800 17px var(--type);letter-spacing:-.4px}.footer-brand small{color:#6c8492;font:9px var(--mono);letter-spacing:1px}#toast{position:fixed;bottom:27px;left:50%;transform:translate(-50%,20px);background:#1c353c;border:1px solid #5db9b3;border-radius:4px;padding:12px 20px;color:#d1fffa;opacity:0;pointer-events:none;transition:all .3s;z-index:100;font:11px var(--mono)}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1180px){.app-shell{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding:30px 14px}.main{padding:0 26px}.intro-stats{gap:9px;min-width:220px}.intro-stats>div{padding-left:9px}.stage-tools .tool{min-width:43px;justify-content:center}.stage-tools .tool span{display:none}.asset-grid{gap:10px}}
@media(max-width:850px){.app-shell{display:block}.sidebar{height:auto;position:relative;padding:17px 20px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .side-line,.sidebar .side-section,.sidebar .sidebar-bottom{display:none}.main{padding:0 19px}.topbar{height:55px}.topbar-version{display:none}.intro{padding:40px 0;flex-direction:column;gap:24px}.intro-stats{justify-content:flex-start;min-width:0}.intro h1{font-size:48px}.studio{height:420px}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-top{align-items:flex-start;flex-direction:column}.catalog-control{width:100%}.search-wrap{flex:1}footer>div:nth-child(2){display:none}}
@media(max-width:520px){.main{padding:0 13px}.topbar{font-size:9px}.topbar-right{font-size:8px;gap:6px}.intro h1{font-size:41px;letter-spacing:-2.5px}.intro-stats{gap:14px}.workspace-head{padding:21px 17px;display:block}.workspace-head-meta{display:none}.studio{height:370px}.stage-left{display:none}.stage-tools{right:8px}.stage-top,.stage-bottom{left:13px;right:13px;font-size:8px}.stage-tools .tool{min-height:36px;min-width:38px}.inspect-title{padding:17px}.inspect-data{grid-template-columns:1fr 1fr;gap:17px;padding:18px}.inspect-data>div:nth-child(2){border-right:0}.inspect-actions{padding:0 17px 18px;flex-wrap:wrap}.primary-btn,.secondary-btn{flex:1;font-size:10px;min-width:180px}.catalog{padding-top:44px}.catalog h2{font-size:33px}.catalog-control{align-items:flex-start;flex-direction:column;gap:9px}.search-wrap{width:100%;flex:auto}.asset-grid{grid-template-columns:1fr}.card-preview{aspect-ratio:1.6}footer>div:last-child{display:none}}