
:root{color-scheme:dark;--bg:#090f18;--panel:#101825;--panel2:#131d2c;--border:#233244;--muted:#78899e;--text:#eff5fa;--cyan:#61e3d3;--orange:#ffab69;font-family:'DM Sans',Inter,system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}button,input,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.app-shell{height:100vh;min-height:670px;display:flex;flex-direction:column;overflow:hidden}.header{height:71px;display:flex;align-items:center;gap:16px;padding:0 27px;background:#0d1520;border-bottom:1px solid #1e2a3a;flex-shrink:0}.brand-symbol{height:39px;width:39px;border:1px solid #33645f;background:linear-gradient(140deg,#163c42,#14212f);display:grid;place-items:center;border-radius:12px;color:var(--cyan);font-size:24px;box-shadow:0 0 35px #3eb7a814}.brand{display:flex;flex-direction:column;gap:1px;line-height:1}.brand strong{font:700 21px 'Space Grotesk',sans-serif;letter-spacing:.09em}.brand-accent{color:var(--cyan)}.brand small{font-size:8px;letter-spacing:.24em;color:#83a0aa;font-weight:700;margin-top:5px}.brand .version{color:#506070}.header-separator{height:28px;width:1px;background:#2c3949;margin:0 9px}.head-sub{font-size:10px;color:#8191a4;letter-spacing:.13em;font-weight:700;white-space:nowrap}.head-sub span{color:#355468;margin:0 7px}.header-right{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.12em;font-weight:700;color:#96abbc}.connection-led,.live-bullet,.foot-dot{display:inline-block;vertical-align:middle;background:#5ae5cd;box-shadow:0 0 12px #47d2bc;width:7px;height:7px;border-radius:50%}.header-badge{border:1px solid #2e4552;border-radius:5px;color:#88dacb;background:#17312e;padding:9px 12px;margin-left:12px}.workspace{display:grid;grid-template-columns:305px minmax(450px,1fr) 307px;min-height:0;flex:1}.catalog-panel,.inspector-panel{background:#0e1622;min-height:0}.catalog-panel{display:flex;flex-direction:column;border-right:1px solid #223042}.catalog-top{padding:31px 21px 17px}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:800;color:#5bb6bb}.catalog-top h1{font:600 24px 'Space Grotesk';margin:13px 0 9px;letter-spacing:-.025em}.catalog-top h1 span,.inspector-header h3 span{color:#97abbc}.catalog-top p{font-size:12px;line-height:1.55;color:#8596a8;margin:0}.search-wrap{margin:3px 21px 22px;height:40px;background:#151f2e;border:1px solid #27364a;border-radius:9px;display:flex;align-items:center;gap:9px;padding:0 10px;color:#718ba0}.search-wrap>span{font-size:23px;color:#8ba6bb;line-height:1}.search-wrap input{font-size:12px;color:#e0eefa;width:100%;outline:none;border:0;background:transparent;min-width:0}.search-wrap input::placeholder{color:#748597}.search-wrap kbd{font-size:11px;border:1px solid #354459;color:#8ea0b0;border-radius:4px;padding:1px 5px}.filter-head{display:flex;align-items:center;justify-content:space-between;color:#7e8fa3;letter-spacing:.15em;font-size:10px;font-weight:800;margin:0 22px 10px}.text-link{background:none;border:0;color:#68d4c8;font-size:11px;letter-spacing:0}.filters{display:flex;flex-wrap:wrap;gap:6px;padding:0 21px 23px;border-bottom:1px solid #202d3e}.filter-pill{background:#172232;border:1px solid #28394d;color:#8fa1b5;border-radius:6px;font-size:11px;padding:7px 10px;transition:.2s}.filter-pill.active{border-color:#378679;color:#a5f2e3;background:#173b38}.filter-pill:hover{border-color:#4f8696;color:#c8eded}.results-label{padding-top:20px}.results-label #resultsCount{color:#59bdb4}.sort-label{font-size:10px;letter-spacing:.07em;color:#62748a}.catalog-list{min-height:0;overflow:auto;padding:0 13px 10px 12px;scrollbar-width:thin;scrollbar-color:#293f53 transparent}.asset-card{display:flex;align-items:center;width:100%;gap:12px;background:transparent;border:1px solid transparent;border-radius:9px;text-align:left;padding:8px;margin-bottom:5px;color:inherit;min-width:0;transition:all .18s}.asset-card:hover{background:#172638;border-color:#2a4a56}.asset-card.active{background:linear-gradient(100deg,#173335,#162533);border-color:#33796f;box-shadow:inset 3px 0 #57dac7}.thumb{width:68px;height:60px;flex-shrink:0;background:#152132;border-radius:6px;border:1px solid #263646;object-fit:cover;object-position:center}.asset-info{display:flex;flex-direction:column;min-width:0;gap:5px}.asset-name{font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e5eef6}.asset-meta{font-size:10px;color:#7391a3;letter-spacing:.035em}.asset-stat{font-size:10px;color:#586f80}.catalog-footer{margin-top:auto;border-top:1px solid #233041;padding:15px 21px;display:flex;gap:9px;align-items:center;color:#8c9fae;font-size:10px;font-weight:700}.catalog-footer small{margin-left:auto;color:#638e89;font-size:10px}.foot-dot{width:5px;height:5px}.viewport-panel{background:#0d1520;display:flex;flex-direction:column;min-height:0;padding:25px 27px 20px;min-width:0}.viewport-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:2px 1px 22px}.viewport-heading .eyebrow{font-size:10px}.divider-dot{color:#557184;margin:0 7px}.viewport-heading h2{font:600 clamp(20px,2vw,29px) 'Space Grotesk',sans-serif;margin:10px 0 0;letter-spacing:-.03em}.nav-pills{height:34px;border:1px solid #2b3b4c;background:#141f2e;border-radius:8px;display:flex;align-items:center;overflow:hidden;flex-shrink:0}.nav-pills button{background:transparent;color:#bccddd;border:0;font-size:22px;height:100%;width:35px;line-height:1}.nav-pills button:hover{background:#2a3e50}.nav-pills span{font:600 11px 'Space Grotesk';color:#9fb4c4;margin:0 7px;white-space:nowrap}.stage{position:relative;flex:1;min-height:270px;overflow:hidden;border:1px solid #314558;border-radius:13px;background:radial-gradient(ellipse at 49% 32%,#1b3045 0,#101f30 55%,#0c1725 100%);box-shadow:0 15px 50px #00000030}.stage-glow{pointer-events:none;position:absolute;width:66%;height:60%;top:12%;left:17%;background:radial-gradient(ellipse,#4f95b014,transparent 70%)}#stageCanvas{display:block;position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}#stageCanvas:active{cursor:grabbing}.stage-corner,.stage-hint{z-index:2;position:absolute;pointer-events:none;color:#9bb1c1;font-size:10px;letter-spacing:.11em;font-weight:800}.stage-corner{top:21px}.corner-tl{left:23px;display:flex;gap:10px;align-items:center}.corner-tr{right:23px;color:#7791a5}.live-bullet{width:6px;height:6px}.stage-hint{bottom:69px;color:#627c8d;font-size:9px}.hint-left{left:23px}.hint-right{right:23px}.stage-hint span{color:#4a687d;margin:0 5px}.view-controls{position:absolute;z-index:3;display:flex;align-items:center;gap:4px;bottom:14px;left:50%;transform:translateX(-50%);background:#152333e8;border:1px solid #3a5265;border-radius:9px;padding:4px;box-shadow:0 7px 24px #0006;backdrop-filter:blur(10px);white-space:nowrap}.view-controls button{background:none;border:0;color:#d4e3ea;padding:9px 12px;border-radius:6px;font-size:17px;line-height:1;display:flex;gap:8px;align-items:center}.view-controls button span{font-size:10px;letter-spacing:.025em;font-weight:700}.view-controls button:hover{background:#233c4c;color:#8ff1e1}.control-separator{width:1px;height:18px;background:#33495c}.stage-loading{position:absolute;z-index:5;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:radial-gradient(circle,#162739,#0c1624);font-size:13px}.stage-loading small{color:#7d94a7;font-size:11px}.stage-loading.hidden{display:none}.orbital-loader{position:relative;width:56px;height:56px;margin-bottom:13px}.orbital-loader i{position:absolute;border:2px solid #70f3df;border-left-color:transparent;border-radius:50%;inset:7px;animation:loader 1.4s linear infinite}.orbital-loader i:nth-child(2){inset:0;border-color:#36677e transparent transparent #36677e;animation-direction:reverse}.orbital-loader i:nth-child(3){inset:17px;border-color:#ffb57d transparent #ffb57d transparent}@keyframes loader{to{transform:rotate(360deg)}}.viewport-bottom{padding:21px 3px 20px;border-bottom:1px solid #223043;display:flex;align-items:end;justify-content:space-between;gap:22px}.viewport-bottom .model-description{max-width:540px}.model-description p{font-size:12px;line-height:1.7;color:#9cafbd;margin:9px 0 0}.quick-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.quick-tag{font-size:9px;font-weight:700;letter-spacing:.07em;background:#152736;color:#6cacae;border:1px solid #294655;padding:8px 9px;border-radius:5px;white-space:nowrap}.bottom-feature{display:flex;align-items:center;gap:13px;padding:22px 2px 0}.feature-icon{height:37px;width:37px;flex-shrink:0;display:grid;place-items:center;font-size:25px;border:1px solid #286d68;background:#15312e;color:#78ddcf;border-radius:9px}.bottom-feature strong{display:block;font-size:12px;margin-bottom:5px}.bottom-feature small{color:#8496a7;line-height:1.5;display:block;font-size:11px}.bottom-feature a{color:#67d8c8;margin-left:auto;white-space:nowrap;font-size:11px;font-weight:700}.inspector-panel{padding:30px 19px 24px;border-left:1px solid #243344;overflow:auto;scrollbar-width:thin;scrollbar-color:#304559 transparent}.inspector-header h3{font:600 21px 'Space Grotesk';letter-spacing:-.02em;margin:9px 0 18px}.preview-card{position:relative;background:#182639;border:1px solid #314657;border-radius:10px;overflow:hidden;height:158px}.preview-card img{display:block;height:100%;width:100%;object-fit:cover}.preview-info{position:absolute;bottom:9px;left:10px;right:10px;display:flex;justify-content:space-between;align-items:center;color:#c7d6e2;font:700 10px 'Space Grotesk';letter-spacing:.08em}.type-chip{background:#16383b;border:1px solid #32666a;color:#98e7d7;padding:5px 7px;border-radius:5px}.section-heading{font-size:10px;letter-spacing:.14em;color:#d0dce7;font-weight:800;display:flex;justify-content:space-between;margin:23px 0 12px}.section-heading span{color:#547b85}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.spec{padding:12px 11px;background:#152131;border:1px solid #28394b;border-radius:8px;min-width:0}.spec>span{display:block;font-size:9px;letter-spacing:.13em;color:#758c9e;font-weight:800}.spec strong{display:block;font:700 19px 'Space Grotesk';letter-spacing:-.02em;margin:7px 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spec small{font-size:9px;color:#72889a}.advanced-head{margin-top:27px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #223244;padding:10px 0}.toggle-row strong{font-size:11px;display:block;font-weight:700}.toggle-row small{display:block;font-size:10px;color:#778b9d;margin-top:4px}.switch{position:relative;display:inline-block;width:35px;height:20px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;background:#314156;border-radius:99px;transition:.2s}.switch span:before{content:"";position:absolute;width:14px;height:14px;top:3px;left:3px;border-radius:50%;background:#e8f1f8;transition:.2s}.switch input:checked+span{background:#4cb5a6}.switch input:checked+span:before{transform:translateX(15px)}.slider-setting{margin-top:16px}.slider-heading{display:flex;justify-content:space-between;font-size:11px;font-weight:700;align-items:center}.slider-heading output{color:#7ce3d3;font:700 11px 'Space Grotesk'}.slider-setting input{width:100%;height:4px;accent-color:#59ddce;margin-top:14px;cursor:pointer}.theme-choices{display:flex;gap:7px}.theme-choice{background:#192638;border:1px solid #2e4154;color:#9eb1bd;border-radius:7px;padding:9px 7px;font-size:11px;display:flex;align-items:center;gap:5px;flex:1;justify-content:center}.theme-choice.active{background:#16332f;color:#a3f0e4;border-color:#3b9183}.theme-dot{height:10px;width:10px;border-radius:50%;display:inline-block}.theme-dot.studio{background:#456c82}.theme-dot.night{background:#0b0e18;border:1px solid #7c8d9d}.theme-dot.light{background:#dee8ef}.export-card{margin-top:28px;padding:17px;background:linear-gradient(155deg,#193836,#172531);border:1px solid #336b62;border-radius:10px}.export-card strong{display:block;font-size:14px;margin-top:11px}.export-card p{font-size:11px;line-height:1.5;color:#9cb8bb;margin:8px 0 17px}.primary-download,.secondary-download{display:flex;justify-content:center;align-items:center;gap:9px;width:100%;min-height:39px;border-radius:6px;font-size:11px;font-weight:800}.primary-download{color:#08201f;background:#70e2d0}.primary-download:hover{background:#b9ffee}.primary-download>span:first-child{font-size:19px;font-weight:400}.primary-download small{margin-left:auto;font-size:13px;margin-right:11px}.secondary-download{margin-top:7px;background:transparent;border:1px solid #43635f;color:#b2d8d1}.secondary-download:hover{background:#285047}.secondary-download span:last-child{margin-left:auto;padding-right:9px}.toast{position:fixed;z-index:20;left:50%;bottom:28px;transform:translate(-50%,80px);background:#1d3e3e;border:1px solid #43877b;color:#c8fff3;border-radius:8px;padding:12px 19px;font-size:12px;font-weight:700;box-shadow:0 10px 40px #0006;opacity:0;transition:transform .25s,opacity .25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1250px){.workspace{grid-template-columns:255px minmax(390px,1fr) 268px}.header{padding:0 18px}.head-sub{display:none}.catalog-top{padding-left:15px;padding-right:15px}.search-wrap{margin-left:15px;margin-right:15px}.filters{padding-left:15px;padding-right:15px}.filter-head{margin-left:15px;margin-right:15px}.viewport-panel{padding:21px 17px}.inspector-panel{padding-left:14px;padding-right:14px}.quick-tags{display:none}}
@media(max-width:970px){.workspace{grid-template-columns:235px minmax(0,1fr)}.inspector-panel{display:none}.viewport-bottom{flex-shrink:0}.stage{min-height:350px}}
@media(max-width:660px){.app-shell{height:auto;min-height:100vh;overflow:visible}.header{height:60px;padding:0 13px}.header-separator,.header-right #engineLabel,.header-badge{display:none}.brand strong{font-size:19px}.workspace{display:flex;flex-direction:column}.catalog-panel{border-right:0;display:contents}.catalog-top{padding:19px 15px 8px;background:#101825}.catalog-top h1{font-size:21px;margin:8px 0}.catalog-top p{display:none}.search-wrap{margin:10px 14px 12px;order:1}.filters{order:2;white-space:nowrap;flex-wrap:nowrap;overflow-x:auto;padding:0 14px 12px}.filter-head{display:none}.catalog-list{display:flex;overflow:auto;flex-wrap:nowrap;min-height:94px;padding:0 11px 10px;order:3}.asset-card{min-width:140px;flex-direction:column;gap:6px;padding:8px}.asset-card .thumb{width:100%;height:80px}.asset-info{width:100%;text-align:center}.asset-card .asset-meta,.asset-card .asset-stat{display:none}.catalog-footer{display:none}.viewport-panel{order:4;min-height:550px;padding:14px 12px 25px}.viewport-heading{margin-bottom:14px}.viewport-heading h2{font-size:20px}.stage{height:430px;flex:initial;min-height:430px}.view-controls button span{display:none}.viewport-bottom{display:block;padding:16px 2px}.bottom-feature{padding-top:16px}.bottom-feature a{display:none}}
