:root{--bg:#07111e;--panel:#0a1726;--panel2:#101e30;--line:#1d3648;--soft:#819eb2;--text:#e5f2fc;--bright:#22daec;--amber:#ffc67b;--muted:#55758a;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;background:#050d17;color:var(--text)}body{overflow-x:hidden}button,select,input{font:inherit}button{cursor:pointer;color:#aac6d8;background:#112439;border:1px solid #284258;border-radius:3px;transition:background .18s,border-color .18s,color .18s}button:hover,button:focus-visible{color:white;background:#1b3850;border-color:#27c5df}button:disabled{cursor:not-allowed;opacity:.38}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--bright);outline-offset:1px}button:active{transform:translateY(1px)}.accent{border-color:#1599ac!important;background:linear-gradient(110deg,#088b9b,#0b657c)!important;color:#eaffff!important;font-weight:750!important}small,label,.range-label,.session,.footer-note,.camera-tip,.fps-stat{font-size:10px;letter-spacing:1.2px}.topbar{height:73px;background:linear-gradient(90deg,#091521,#0b1b2c 45%,#071322);border-bottom:1px solid #1c3b50;display:flex;align-items:center;padding:0 26px;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:14px;min-width:215px}.brand-icon{height:42px;width:42px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(145deg,#103a50,#0c1f35);border:1px solid var(--bright);clip-path:polygon(23% 0,77% 0,100% 25%,100% 75%,77% 100%,23% 100%,0 75%,0 25%);font-weight:900;font-size:22px;color:#aefaff}.brand-icon span{font-size:11px;color:var(--bright);align-self:flex-end;padding-bottom:8px}.brand small{display:block;color:#779ab0;font-size:9px;font-weight:700;letter-spacing:1.5px}.brand small i{color:var(--bright);font-style:normal}.brand strong{display:block;font-size:20px;letter-spacing:2px;line-height:1.3}.brand em{color:var(--bright);font-style:normal}.session{display:flex;align-items:center;gap:11px;color:#93b5c8;font-weight:700}.session b{color:#3e758e;border-left:1px solid var(--line);padding-left:16px}.live-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#40f1ce;box-shadow:0 0 12px #29e7bd}.top-actions{display:flex;align-items:center;gap:9px}.top-actions button{height:35px}.icon-btn{width:37px;font-size:21px}.header-btn{padding:0 18px;font-weight:800;font-size:10px;letter-spacing:1px}.header-btn span{color:var(--bright)}.modebar{min-height:50px;background:#071623;border-bottom:1px solid var(--line);display:flex;justify-content:center;gap:14px;padding:0 24px;overflow-x:auto}.modebar button{height:50px;border:0;background:none;color:#7692a7;padding:0 18px;font-weight:800;font-size:10px;letter-spacing:1.5px;white-space:nowrap;border-bottom:2px solid transparent;border-radius:0}.modebar button span{font-size:16px;margin-right:6px;color:#52768c}.modebar button.active{color:#eaffff;border-bottom:2px solid var(--bright);background:linear-gradient(0deg,#083547a1,transparent)}.modebar button.active span{color:var(--bright)}.workspace{display:grid;grid-template-columns:minmax(245px,280px) minmax(300px,1fr) minmax(265px,310px);min-height:570px;height:min(62vh,700px);border-bottom:1px solid #244253}.sidebar{background:linear-gradient(170deg,#0c1c2d,#091522);overflow:hidden;display:flex;flex-direction:column;z-index:3}.sidebar-left{border-right:1px solid var(--line)}.sidebar-right{border-left:1px solid var(--line)}.panel-top{position:relative;padding:22px 19px 16px;border-bottom:1px solid var(--line)}.panel-top small{display:block;color:#487c99;font-size:9px;margin-bottom:7px;font-weight:800}.panel-top strong{font-size:13px;letter-spacing:1.4px}.count{float:right;color:#15d5ee;font-size:10px;font-weight:800}.inspector-id{display:block;font-size:10px;letter-spacing:1px;color:var(--bright);margin-top:9px}.search{margin:16px 14px 9px;border:1px solid var(--line);background:#081422;display:flex;align-items:center;color:#59899e;height:37px;padding:0 10px;gap:7px}.search>span:first-child{font-size:22px}.search>span:last-child{font-size:13px}.search input{background:transparent;border:0;color:#c9e9f4;outline:0!important;width:100%;min-width:0;font-size:11px}.tree-tools{display:flex;gap:7px;padding:0 14px 10px}.tree-tools button{flex:1;font-size:9px;padding:8px 4px;letter-spacing:.4px}.tree-list{overflow-y:auto;padding:0 7px 18px 10px;scrollbar-color:#264b61 transparent;scrollbar-width:thin;flex:1}.tree-group{margin-top:5px}.tree-heading{display:flex;align-items:center;gap:9px;padding:11px 9px 8px;color:#b7d5e8;font-size:10px;font-weight:800;letter-spacing:.8px;border-bottom:1px solid #172b3c}.tree-heading small{color:#3b6d86;font-size:10px;margin-left:auto}.tree-icon{color:#28bfda;font-size:15px}.tree-part{display:flex;align-items:center;gap:9px;width:100%;border:0;border-left:2px solid transparent;border-radius:0;background:none;min-height:30px;padding:7px 10px 7px 16px;color:#7895aa;text-align:left;font-size:10px}.tree-part .part-state{height:5px;width:5px;border:1px solid #4c8195;border-radius:50%;flex:0 0 auto}.tree-part .part-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.tree-part.selected{border-left-color:var(--bright);background:#0c3e50;color:#c0fbff}.tree-part.selected .part-state,.tree-part.installed .part-state{background:#16bdd5;box-shadow:0 0 7px #0bb3dd}.tree-part.uninstalled .part-state{border-color:#faad67;background:#faad67}.tree-part.studied .part-name:after{content:' ✓';color:#39cbb6}.tree-part:not(.selected):hover{background:#132e42}.sidebar-foot{margin-top:auto;padding:17px 19px 20px;border-top:1px solid var(--line);font-size:10px;color:#7597ad}.sidebar-foot .status-line{display:flex;gap:9px;align-items:center;color:#48c4c7;margin-bottom:15px;font-weight:750;font-size:9px}.sidebar-foot>div:last-child{display:flex;justify-content:space-between}.sidebar-foot b{color:var(--bright)}.viewport-wrap{position:relative;overflow:hidden;background:radial-gradient(ellipse at 45% 49%,#173047 0%,#0b2135 35%,#060f1d 76%);touch-action:none;isolation:isolate;min-height:400px}.viewport-wrap canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:2;cursor:grab;touch-action:none}.viewport-wrap canvas:active{cursor:grabbing}.grid-halo{position:absolute;inset:0;opacity:.24;background-image:linear-gradient(#34738b21 1px,transparent 1px),linear-gradient(90deg,#34738b21 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse at center,#000,transparent 84%)}.vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,transparent 20%,#02091290 100%)}.scene-watermark{position:absolute;left:28px;top:24px;z-index:3;pointer-events:none}.scene-watermark span{color:#48a4bd;font-weight:850;font-size:9px;letter-spacing:2px}.scene-watermark h1{font-weight:850;letter-spacing:4px;font-size:30px;margin:7px 0 0}.scene-watermark h1 em{color:#2be1eb;font-style:normal}.scene-watermark p{font-size:9px;font-weight:800;color:#7797ab;letter-spacing:1.35px;margin:4px 0}.viewport-stat{position:absolute;right:24px;top:26px;z-index:3;display:flex;flex-direction:column;text-align:right;gap:8px;color:#66a5ba;font-size:9px;font-weight:800;letter-spacing:1px;pointer-events:none}.viewport-stat span::before{content:'◦';color:#28f0eb;margin-right:6px}.view-buttons{position:absolute;z-index:5;right:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:7px}.view-buttons button{width:40px;height:38px;background:#0c2035db;color:#8dd5e6;font-size:10px;font-weight:800;border-color:#31566a}.view-buttons button:hover{color:white}.corner-bottom{position:absolute;bottom:17px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:4}.camera-tip{color:#668aa0;font-size:9px}.camera-tip span{color:#21d4e4}.fps-stat{color:#34d2cb;font-size:10px}.fps-stat span{font-weight:800}.view-toast{position:absolute;bottom:56px;left:50%;transform:translateX(-50%);z-index:10;max-width:min(520px,90%);width:max-content;text-align:center;font-size:11px;line-height:1.4;color:#d8faff;background:#082b3bdc;border:1px solid #1889a3;padding:12px 18px;opacity:0;pointer-events:none;transition:opacity .2s}.view-toast.show{opacity:1}.view-toast.warn{border-color:#c38c43;color:#ffe2af}.snap-target{position:absolute;z-index:9;color:#53eff5;pointer-events:none;text-align:center;transform:translate(-50%,-50%);text-shadow:0 1px 10px #000}.snap-target span{font-size:37px;display:block;line-height:1}.snap-target b{font-size:9px;white-space:nowrap;letter-spacing:1px}#labels-layer,#connector-lines{position:absolute;inset:0;z-index:4;pointer-events:none;width:100%;height:100%;overflow:hidden}.annotation{position:absolute;transform:translate(11px,-15px);background:#071c2ae9;border:1px solid #259bb3;border-left:3px solid #40dae7;color:#d9f7ff;font-size:9px;letter-spacing:.4px;padding:5px 7px;white-space:nowrap;box-shadow:0 2px 15px #0006}.annotation small{display:block;color:#3bbbc8;font-size:8px;margin-bottom:2px}.annotation.selected{border-color:#69f9f3;background:#0d3b4be8;color:white}.inspector-scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:#22495d transparent}.part-illustration{display:flex;align-items:center;padding:20px 19px;gap:12px;background:radial-gradient(ellipse at 30% 65%,#103c51,#091827 70%);min-height:126px;border-bottom:1px solid var(--line)}.part-symbol{border:1px solid #3d859f;border-radius:50%;width:65px;height:65px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-size:40px;color:#2ce1f1;box-shadow:inset 0 0 18px #05b2c836}.inspector-heading small{display:block;color:#28bdcd;font-size:9px;letter-spacing:1px;font-weight:800}.inspector-heading h2{margin:7px 0 0;font-size:14px;line-height:1.4;letter-spacing:.2px}.detail-card{padding:18px 18px 12px;border-bottom:1px solid var(--line)}.detail-card label,.panel-section label,.detail-grid label{color:#4e95ae;display:block;font-size:9px;font-weight:850;margin-bottom:10px}.detail-card p{color:#b4c8d7;font-size:11px;line-height:1.7;margin:0 0 10px}.detail-card p.muted{color:#7495ab}.detail-grid{padding:12px 18px;display:grid;grid-template-columns:1fr 1fr;gap:14px 10px;border-bottom:1px solid var(--line)}.detail-grid label{margin-bottom:6px}.detail-grid strong{font-size:10px;font-weight:650;display:block;word-break:break-word}.panel-section{padding:15px 18px 16px;border-bottom:1px solid var(--line)}.button-pair{display:flex;gap:7px;margin-bottom:7px}.button-pair>button{flex:1;padding:10px 5px;font-size:9px;letter-spacing:.3px;font-weight:730;min-height:34px}.dependency-list{display:flex;flex-direction:column;gap:8px;font-size:10px;color:#8cabbf}.dependency-chip{background:#0e2737;color:#9ed7e2;border-left:2px solid #278da0;padding:7px 9px}.meter{height:5px;background:#1a3245;position:relative;margin:8px 0 13px;overflow:hidden}.meter>div{height:100%;width:0;background:linear-gradient(90deg,#0f7a95,#36e2d8);transition:width .3s}.progress-head{display:flex;justify-content:space-between;color:#84afbc;font-size:9px;font-weight:750}.article-link{display:inline-block;margin-top:12px;color:#2bd7e4;font-size:10px;text-decoration:none;font-weight:800;letter-spacing:.4px}.control-deck{display:grid;grid-template-columns:1.25fr 1.05fr 1.1fr .93fr;background:#091725;min-height:225px}.deck-group{padding:20px 24px 16px;border-right:1px solid #213848;min-width:0}.deck-group:last-child{border:0}.deck-title{display:flex;align-items:center;gap:10px;margin-bottom:20px}.deck-title small{color:#146f83;font-size:11px;font-weight:850}.deck-title strong{font-size:10px;letter-spacing:1.3px;white-space:nowrap}.deck-title span{margin-left:auto;color:var(--bright);font-weight:800;font-size:12px;white-space:nowrap}input[type=range]{width:100%;appearance:none;-webkit-appearance:none;background:linear-gradient(90deg,#25cddb 40%,#254256 40%);height:4px;border-radius:4px;cursor:pointer;accent-color:var(--bright)}input[type=range]::-webkit-slider-thumb{appearance:none;width:15px;height:15px;border-radius:50%;background:#d5faff;border:3px solid #1ab7d1;box-shadow:0 0 12px #00bfdc8c}.range-label{display:flex;justify-content:space-between;color:#64899d;font-weight:800;font-size:8px;margin:10px 0 17px}.select-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.select-row label{font-size:9px;color:#638fa7;font-weight:800;letter-spacing:1px}.select-row select{border:1px solid #244456;background:#10293b;color:#cce7f2;padding:7px 8px;font-size:10px;max-width:60%;min-width:100px}.footer-note{font-size:9px;line-height:1.5;color:#6294a7;letter-spacing:.4px;margin-top:9px}.transport{display:flex;gap:7px;margin-bottom:16px}.transport button{flex:1;height:41px;color:#a5ecf2;font-size:17px;font-weight:800}.transport button:nth-child(2){color:#d7faff;border-color:#1cb3cd;background:#124054}.mobile-tabs{display:none}#gpu-failure{position:fixed;inset:25%;z-index:100;background:#071827;border:1px solid #328aa2;padding:50px;color:white;line-height:1.6}#gpu-failure a{color:var(--bright)}
@media(max-width:1270px){.workspace{grid-template-columns:235px minmax(280px,1fr) 270px}.deck-group{padding:18px 15px}.deck-title strong{font-size:9px;letter-spacing:.5px}.scene-watermark h1{font-size:25px}.camera-tip{font-size:8px}.session{display:none}}
@media(max-width:1020px){.workspace{grid-template-columns:210px minmax(350px,1fr)}.sidebar-right{display:none}.workspace.show-inspector{grid-template-columns:minmax(250px,1fr) 280px}.workspace.show-inspector .sidebar-left{display:none}.workspace.show-inspector .sidebar-right{display:flex}.control-deck{grid-template-columns:repeat(2,1fr)}.deck-group:nth-child(2){border-right:0}.deck-group{border-bottom:1px solid var(--line)}}
@media(max-width:740px){.topbar{height:57px;padding:0 12px}.brand{min-width:auto;gap:9px}.brand-icon{width:34px;height:34px;font-size:19px}.brand strong{font-size:17px}.brand small{font-size:7px}.top-actions{gap:4px}.top-actions button{height:32px}.icon-btn{width:29px;font-size:17px}.header-btn{padding:0 8px;font-size:9px}.modebar{justify-content:flex-start;gap:0;padding:0 7px;min-height:47px}.modebar button{height:47px;padding:0 11px;font-size:9px;letter-spacing:.5px}.modebar button span{margin-right:3px}.workspace,.workspace.show-inspector{display:block;height:58vh;min-height:425px;position:relative}.viewport-wrap{height:100%;min-height:425px}.sidebar-left,.sidebar-right,.workspace.show-inspector .sidebar-right{display:none;position:absolute;inset:0;z-index:15;background:#071522f5}.workspace.show-parts .sidebar-left,.workspace.show-inspector .sidebar-right{display:flex}.workspace.show-parts .viewport-wrap,.workspace.show-inspector .viewport-wrap{display:block}.workspace.show-parts .sidebar-left,.workspace.show-inspector .sidebar-right{inset:0 0 52px 0}.workspace.show-parts .sidebar-left{max-width:100%}.workspace.show-inspector .sidebar-right{max-width:100%}.scene-watermark{left:15px;top:20px}.scene-watermark h1{font-size:25px}.scene-watermark p{font-size:8px;max-width:175px;line-height:1.7}.scene-watermark span{font-size:8px}.viewport-stat{right:12px;top:16px;font-size:8px;gap:5px}.view-buttons{right:8px;top:45%;gap:4px}.view-buttons button{width:35px;height:30px;font-size:9px}.corner-bottom{bottom:58px;left:10px;right:10px}.camera-tip{font-size:7px;max-width:75%;line-height:1.8}.mobile-tabs{display:flex;position:absolute;bottom:0;left:0;right:0;z-index:20;background:#081d2ecf;padding:7px 12px;gap:8px;border-top:1px solid #2e596b}.mobile-tabs button{flex:1;padding:9px;font-size:10px;font-weight:800;color:#b0e6f0}.control-deck{grid-template-columns:1fr 1fr}.deck-group{padding:18px 12px;min-height:200px}.deck-title{gap:6px;margin-bottom:17px}.deck-title strong{font-size:9px}.deck-title span{font-size:10px}.select-row{display:block}.select-row label{display:block;margin-bottom:6px}.select-row select{max-width:100%;width:100%}.deck-group .button-pair>button{font-size:8px}.footer-note{font-size:8px}.sidebar-foot{display:none}}
@media(max-width:430px){.header-btn{display:none}.control-deck{grid-template-columns:1fr}.deck-group{min-height:0;padding:19px 20px 13px;border-right:0}.deck-title{margin-bottom:14px}.select-row{display:flex}.select-row select{width:auto;max-width:64%}.scene-watermark h1{font-size:22px}.brand-icon{display:none}}