:root{--bg:#090e18;--panel:#101623;--panel2:#111b29;--stroke:#253041;--text:#e6f0f5;--soft:#9dabbc;--muted:#63738a;--lime:#a9e2b1;--aqua:#69d8d2;--gold:#e4c995;--mono:'DM Mono',ui-monospace,monospace;--sans:'Inter',system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:var(--sans);background:var(--bg);color:var(--text);overflow:hidden}body{background-image:radial-gradient(circle at 47% 30%,#182738 0,transparent 50%)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #97dec9;outline-offset:3px}a{color:inherit;text-decoration:none}.app-shell{height:100dvh;min-height:540px;display:flex;flex-direction:column}.topbar{height:75px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 27px;gap:20px;border-bottom:1px solid var(--stroke);background:#0d1420;position:relative;z-index:2}.identity{display:flex;align-items:center;gap:14px}.brand-icon{font-family:var(--sans);font-weight:900;font-size:24px;background:#b2e3c1;color:#102319;width:40px;height:40px;display:grid;place-items:center;letter-spacing:-3px;padding-right:3px;border-radius:8px}.brand-icon span{color:#4c8e72}.brand-name b{display:block;letter-spacing:.07em;font-size:15px;line-height:1.15}.brand-name b span{color:#98e1c7}.brand-name small{font-size:9px;font-weight:700;letter-spacing:.145em;color:#6f8496;display:block;margin-top:7px}.top-center{font-family:var(--mono);display:flex;align-items:center;gap:13px;color:#718293;font-size:10px;letter-spacing:.07em}.signal{display:flex;align-items:center;gap:8px;color:#9fe3b5}.signal i{width:6px;height:6px;border-radius:50%;background:#9ce4b2;box-shadow:0 0 9px #83d99e}.divider-dot{width:3px;height:3px;background:#536577;border-radius:50%}.top-actions{display:flex;align-items:center;gap:18px}.top-link{font:11px var(--mono);color:#9dadbc;display:flex;gap:7px}.top-link:hover{color:white}.outline-btn{border:1px solid #506377;color:#dce5ee;background:none;width:29px;height:29px;border-radius:50%;font:16px Georgia,serif}.workspace{display:grid;grid-template-columns:285px minmax(0,1fr) 300px;min-height:0;flex:1}.library-panel,.inspector-panel{background:#0f1724;display:flex;flex-direction:column;min-height:0}.library-panel{border-right:1px solid var(--stroke)}.panel-pad{padding:26px 20px 13px}.eyebrow,.overline{font:10px var(--mono);letter-spacing:.18em;color:var(--aqua);display:flex;align-items:center;gap:8px}.tiny-line{width:16px;height:1px;background:#77cbbb}.panel-pad h1,.inspector-head h3{font-size:32px;line-height:1;margin:15px 0 11px;letter-spacing:-.06em;font-weight:800}.accent{color:var(--aqua)}.subhead{font-size:12px;line-height:1.6;color:#8395a7;margin:0 0 22px;max-width:215px}.search-control{height:39px;border:1px solid #344458;background:#141f2e;display:flex;align-items:center;gap:10px;padding:0 11px;border-radius:6px;color:#6d889a;margin-bottom:15px}.search-control span{font-size:22px;line-height:1}.search-control input{background:transparent;color:#edf5f8;min-width:0;width:100%;border:0;outline:none;font-size:12px}.search-control input::placeholder{color:#607386}.filter-bar{display:flex;gap:4px;flex-wrap:wrap}.filter{color:#6d8497;border:1px solid transparent;border-radius:4px;background:none;padding:8px 9px;font:9px var(--mono);white-space:nowrap}.filter.active{color:#9ce0ce;background:#1a303a;border-color:#30535a}.filter span{font-size:8px;opacity:.6}.asset-list{padding:4px 11px 28px;overflow-y:auto;overscroll-behavior:contain;flex:1;scrollbar-color:#324355 transparent;scrollbar-width:thin}.asset-card{width:100%;border:1px solid transparent;display:flex;align-items:center;text-align:left;gap:12px;border-radius:7px;padding:9px;background:transparent;color:var(--text);margin-bottom:4px;transition:.15s}.asset-card:hover{background:#192635}.asset-card.active{background:linear-gradient(100deg,#1b323c,#152330);border-color:#315a62}.asset-thumb{width:64px;height:60px;flex:none;border-radius:5px;background:radial-gradient(circle at 50% 32%,#385469,#1b2c3b 72%);overflow:hidden;display:grid;place-items:center;position:relative}.asset-thumb img{width:100%;height:100%;object-fit:cover}.asset-thumb .fallback{font-size:28px}.asset-card .asset-text{min-width:0;flex:1}.asset-id{font:9px var(--mono);letter-spacing:.1em;color:#83d8c5;margin-bottom:5px}.asset-title{font-weight:700;font-size:12px;line-height:1.45;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.asset-type{font:9px var(--mono);color:#74889b;margin-top:7px}.asset-arrow{color:#6e8b96;flex:none;font-size:13px}.library-footer{border-top:1px solid var(--stroke);padding:15px 18px;display:flex;align-items:center;gap:10px;background:#0e1621}.footer-led{width:8px;height:8px;background:#7dd9be;border-radius:3px;box-shadow:0 0 13px #4d9f92}.library-footer strong{display:block;font:10px var(--mono);color:#d7e6e6}.library-footer span{display:block;font:9px var(--mono);margin-top:5px;color:#708497}.footer-kite{margin-left:auto;color:#a5e3cc;font-size:19px!important}.main-panel{display:flex;min-width:0;min-height:0;flex-direction:column;background:#0d1723}.stage{flex:1;min-height:0;position:relative;overflow:hidden;background:radial-gradient(ellipse at 51% 45%,#263e52 0%,#152a3b 28%,#0d192a 66%,#0b1320 94%)}.stage-grid-back{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(0deg,transparent 95%,rgba(102,154,185,.07) 100%),linear-gradient(90deg,transparent 95%,rgba(102,154,185,.06) 100%);background-size:80px 80px;mask-image:linear-gradient(to bottom,transparent 10%,#000 75%);opacity:.25}.stage::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 55% 45%,transparent 35%,rgba(2,6,17,.26) 100%);z-index:1;pointer-events:none}.stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:none;outline:none}.stage-top{position:absolute;z-index:3;top:25px;left:29px;right:29px;display:flex;align-items:center;justify-content:space-between}.stage-tag{font:10px var(--mono);letter-spacing:.1em;color:#abdcd7;background:#192d3a9f;border:1px solid #345567;padding:9px 12px;border-radius:4px;display:flex;align-items:center;gap:8px;backdrop-filter:blur(8px)}.tag-dot{width:5px;height:5px;background:#9de5be;border-radius:50%;box-shadow:0 0 7px #9de5be}.stage-top-actions{display:flex;gap:8px}.stage-icon{width:37px;height:37px;background:#1a304198;color:#c4dce3;border:1px solid #355064;border-radius:5px;font-size:19px;backdrop-filter:blur(8px)}.stage-icon:hover{background:#244a58}.stage-side{position:absolute;z-index:1;left:27px;top:45%;display:flex;flex-direction:column;gap:8px;align-items:center}.axis-label{font:10px var(--mono);color:#6e9ba4}.axis-line{height:60px;width:1px;background:linear-gradient(#4f7484,#243b50)}.floating-bottom{position:absolute;left:33px;bottom:56px;right:30px;display:flex;align-items:flex-end;gap:18px;z-index:2;pointer-events:none}.model-number{font:35px var(--mono);color:#94e2cf;line-height:1;white-space:nowrap}.model-number span{font:12px var(--mono);color:#658a98}.model-header{min-width:0;max-width:500px}.model-header h2{margin:8px 0 10px;font-size:clamp(20px,2vw,30px);line-height:1.16;letter-spacing:-.04em}.model-description{font-size:12px;color:#b0c4ce;line-height:1.55;max-width:440px}.canvas-hint{position:absolute;z-index:2;bottom:21px;left:33px;right:33px;font:9px var(--mono);color:#718d9c;letter-spacing:.1em}.stage-navigation{display:flex;justify-content:space-between;position:absolute;left:11px;right:11px;top:50%;transform:translateY(-50%);z-index:2;pointer-events:none}.stage-navigation button{pointer-events:auto;width:30px;height:47px;border:1px solid #345064;background:#13283b75;border-radius:4px;color:#a7c3cf;font-size:26px;opacity:.65}.stage-navigation button:hover{opacity:1;background:#27465a}.load-overlay{position:absolute;z-index:5;inset:0;background:#0c1627c9;display:flex;gap:16px;align-items:center;justify-content:center;backdrop-filter:blur(8px);font:12px var(--mono);color:#b7dcd9;transition:opacity .25s}.load-overlay.hidden{opacity:0;pointer-events:none}.load-spinning{width:25px;height:25px;border:2px solid #294858;border-top-color:#93e5d4;border-radius:50%;animation:rot 1s linear infinite}@keyframes rot{to{transform:rotate(360deg)}}.bottom-strip{height:47px;flex:none;padding:0 25px;border-top:1px solid #314152;background:#111c29;display:flex;justify-content:space-between;align-items:center;gap:10px;font:9px var(--mono);letter-spacing:.07em;color:#8299a5}.strip-left,.strip-right{display:flex;gap:9px;align-items:center;white-space:nowrap}.strip-dot{width:5px;height:5px;background:var(--aqua);border-radius:50%}.sep{color:#455f6f}.mini-sep{height:13px;width:1px;background:#344f63}.inspector-panel{border-left:1px solid var(--stroke)}.inspector-head{padding:27px 22px 20px;border-bottom:1px solid var(--stroke)}.inspector-head h3{font-size:27px;margin-bottom:9px}.inspector-head p{font-size:11px;color:#8598aa;margin:0}.inspect-scroll{flex:1;min-height:0;overflow:auto;padding:20px 21px 25px;scrollbar-width:thin;scrollbar-color:#345166 transparent}.section-heading{display:flex;align-items:center;justify-content:space-between;font:10px var(--mono);letter-spacing:.1em;color:#8acbbd;margin:7px 0 14px}.section-heading span{color:#537080}.spec-card{display:grid;grid-template-columns:1fr 1fr;border:1px solid #2b3e4f;background:#141f2c;border-radius:5px;margin-bottom:29px}.spec-group{padding:14px;border-right:1px solid #2b3e4f;border-bottom:1px solid #2b3e4f}.spec-group:nth-child(2n){border-right:0}.spec-group:nth-child(n+3){border-bottom:0}.spec-group span{display:block;font:9px var(--mono);color:#6e8796;letter-spacing:.07em}.spec-group b{display:block;font:19px var(--mono);color:#e5f5f4;margin-top:8px}.material-label{font:9px var(--mono);color:#728799;display:flex;justify-content:space-between;margin-bottom:11px}.material-label span{color:#b4d7d2}.material-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:29px}.material-option{padding:5px 3px 8px;border:1px solid #2e3e50;border-radius:4px;background:#152231;color:#8295a7;font:8px var(--mono)}.material-option.active{border-color:#88d7c7;color:#dcf4ed}.swatch{width:100%;height:35px;display:block;border-radius:2px;margin-bottom:7px}.swatch.original{background:linear-gradient(120deg,#21364c 20%,#f7b567 45%,#889eaa 80%)}.swatch.silver{background:linear-gradient(135deg,#343c4f,#b2bbca,#4f5a63)}.swatch.clay{background:linear-gradient(135deg,#8d4c3b,#bf8d76)}.swatch.xray{background:linear-gradient(135deg,#144355,#368fa3,#83cfc4)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0}.toggle-row strong{font-size:12px;font-weight:600;display:block}.toggle-row small{display:block;color:#728899;font-size:10px;margin-top:5px}.switch{flex:none;width:39px;height:23px;border-radius:20px;background:#253544;border:1px solid #415366;padding:3px;display:flex;align-items:center}.switch span{width:15px;height:15px;border-radius:50%;background:#8497a3;transition:.16s}.switch.enabled{background:#2c6259;border-color:#509a82}.switch.enabled span{background:#c2f3dc;transform:translateX(15px)}.range-group{display:block;margin-top:21px}.range-group>span{display:flex;justify-content:space-between;font:9px var(--mono);color:#8196a5}.range-group b{font-weight:400;color:#e3edea}.range-group input{width:100%;accent-color:#80dcc7;height:22px;margin:11px 0 22px}.download-btn{display:flex;align-items:center;gap:12px;background:#a8e0bd;color:#11221e;border-radius:5px;padding:14px 13px;font-size:12px;font-weight:800;transition:.15s}.download-btn:hover{background:#c1f5d3}.download-symbol{font:25px var(--mono)}.download-btn span:nth-child(2){flex:1}.download-btn small{display:block;font:9px var(--mono);margin-top:4px;color:#416953}.secondary-download{border:1px solid #385363;color:#afc9d0;background:#1a2a38;width:100%;display:flex;gap:10px;align-items:center;text-align:left;padding:12px;margin-top:10px;border-radius:5px;font-size:11px}.secondary-download span:last-child{margin-left:auto;font:9px var(--mono);color:#6f9a9e}.hint-note{font-size:10px;line-height:1.7;color:#647d8c;margin-top:21px}.inspector-footer{padding:15px 22px;border-top:1px solid var(--stroke);display:flex;justify-content:space-between;font:9px var(--mono);color:#5c7080}dialog{max-width:490px;border:1px solid #3d6570;background:#132333;color:#e4f2f3;border-radius:10px;padding:32px;box-shadow:0 30px 90px #0009}dialog::backdrop{background:#030910ca;backdrop-filter:blur(4px)}dialog h2{font-size:25px;line-height:1.2;letter-spacing:-.04em}dialog p{font-size:13px;line-height:1.8;color:#9fb6c3}.dialog-close{position:absolute;right:16px;top:16px;background:#1d3945;color:white;border:1px solid #33505e;border-radius:50%;width:30px;height:30px}.dialog-note{background:#10202f;padding:14px;border-radius:6px}.dialog-note code{color:#91e1ca;word-break:break-all}
@media(max-width:1180px){.workspace{grid-template-columns:245px minmax(0,1fr) 270px}.panel-pad{padding:22px 14px 10px}.inspector-head{padding:22px 16px 18px}.inspect-scroll{padding:17px 15px}.brand-name small{letter-spacing:.1em}.top-center{display:none}.asset-thumb{width:52px;height:53px}.asset-card{gap:9px}.canvas-hint{font-size:8px}}@media(max-width:900px){.workspace{grid-template-columns:195px minmax(0,1fr)}.inspector-panel{display:none}.library-panel{min-width:0}.asset-list{padding:3px 5px}.asset-card{padding:7px 5px}.asset-thumb{width:48px;height:50px}.asset-id{font-size:8px}.asset-title{font-size:11px}.asset-type{font-size:8px}.asset-arrow{display:none}.topbar{height:63px}.floating-bottom{left:20px;right:17px;bottom:64px}.stage-top{left:17px;right:17px}.canvas-hint{left:20px}.bottom-strip{padding:0 12px;font-size:8px}.strip-left .sep~span{display:none}}@media(max-width:650px){html,body{overflow:auto}.app-shell{min-height:100dvh;height:auto}.topbar{padding:0 14px}.brand-icon{width:34px;height:34px;font-size:21px}.brand-name b{font-size:12px}.brand-name small{font-size:7px}.top-actions{gap:12px}.top-link{font-size:9px}.top-link:nth-child(2){display:none}.workspace{display:flex;flex-direction:column;min-height:unset}.library-panel{order:2;border-right:0;border-top:1px solid #294050}.panel-pad{padding:20px 15px 9px}.panel-pad h1{font-size:26px;margin:11px 0 8px}.subhead{max-width:100%;margin-bottom:10px}.asset-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding:7px}.asset-card{margin-bottom:0}.library-footer{display:none}.main-panel{order:1;height:64dvh;min-height:430px}.stage{min-height:385px}.floating-bottom{bottom:58px}.model-header h2{font-size:19px}.model-number{font-size:25px}.model-description{font-size:10px}.stage-tag{font-size:8px}.stage-icon{width:30px;height:30px;font-size:15px}.bottom-strip{height:34px}.strip-left{font-size:7px}.strip-right{display:none}.canvas-hint{font-size:7px}.filter-bar{gap:8px}}@media(max-height:700px) and (min-width:651px){.panel-pad h1{font-size:27px}.panel-pad{padding-top:15px}.inspector-head{padding-top:17px}.inspector-head h3{margin-top:10px}.floating-bottom{bottom:49px}}