:root{color:#e9edf5;font-synthesis:none;text-rendering:optimizelegibility;--panel-width:354px;--border:#ffffff13;--border-strong:#ffffff21;--muted:#828a99;--muted-2:#5e6675;--accent:#73cbff;--accent-soft:#5dbef724;--surface:#11141a;--surface-2:#171b23;--surface-3:#202630;background:#090b0f;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #73cbffad}.app-shell{grid-template-columns:var(--panel-width) minmax(0, 1fr);background:#090b0f;grid-template-rows:minmax(0,1fr);width:100%;height:100%;display:grid}.control-panel{z-index:10;border-right:1px solid var(--border-strong);background:radial-gradient(circle at 12% 0,#4d86ae14,#0000 28%),linear-gradient(#11141a 0%,#0d1015 100%);min-width:0;height:100%;position:relative;box-shadow:18px 0 50px #00000047}.brand-block{border-bottom:1px solid var(--border);background:#ffffff03;align-items:center;gap:11px;height:74px;padding:0 18px;display:flex}.brand-mark{background:linear-gradient(145deg,#242a34,#11151b);border:1px solid #ffffff1f;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff14,0 7px 20px #00000040}.brand-mark:before,.brand-mark:after,.brand-mark span{content:"";border-radius:999px;display:block;position:absolute}.brand-mark:before{opacity:.9;border:1px solid #72ceff;width:16px;height:16px}.brand-mark:after{background:#e7f7ff;width:4px;height:4px;box-shadow:0 0 10px #69c9ff}.brand-mark span{background:linear-gradient(90deg,#0000,#72ceff,#0000);width:24px;height:1px;transform:rotate(-35deg)}.brand-block h1{letter-spacing:.19em;margin:0;font-size:13px;font-weight:720;line-height:1.1}.brand-block p{color:var(--muted);letter-spacing:.06em;margin:4px 0 0;font-size:10px}.realtime-badge{color:#8bd9ff;letter-spacing:.13em;background:#54bbf113;border:1px solid #67c7fb38;border-radius:999px;margin-left:auto;padding:5px 7px;font-size:8px;font-weight:700}.panel-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#313743 transparent;height:calc(100% - 74px);overflow-y:auto}.panel-scroll::-webkit-scrollbar{width:5px}.panel-scroll::-webkit-scrollbar-thumb{background:#303642;border-radius:10px}.panel-section{border-bottom:1px solid var(--border);padding:18px}.section-heading{justify-content:space-between;align-items:baseline;margin-bottom:13px;display:flex}.section-heading h2{letter-spacing:.06em;margin:0;font-size:12px;font-weight:680}.section-heading span{color:#596170;letter-spacing:.16em;font-size:8px}.segmented-control{background:#090b0f;border:1px solid #ffffff0f;border-radius:9px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.segmented-control button{color:#717a89;cursor:pointer;background:0 0;border:0;border-radius:6px;height:34px;font-size:11px;transition:all .18s}.segmented-control button.active{color:#ecf6fc;background:linear-gradient(#29313d,#202630);box-shadow:inset 0 1px #ffffff14,0 3px 8px #0000003d}.preset-grid{grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;display:grid}.preset-card{text-align:left;border:1px solid var(--border);cursor:pointer;background:#ffffff05;border-radius:8px;min-height:51px;padding:9px 10px;transition:all .18s}.preset-card:last-child{grid-column:1/-1}.preset-card:hover{background:#53aade12;border-color:#70c9fa47;transform:translateY(-1px)}.preset-card strong{font-size:11px;font-weight:620;display:block}.preset-card small{color:var(--muted-2);margin-top:4px;font-size:9px;display:block}.geometry-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.geometry-grid button{border:1px solid var(--border);color:#818a99;cursor:pointer;background:#ffffff04;border-radius:8px;height:57px;font-size:10px;transition:all .18s}.geometry-grid button span{color:#aab2bf;height:24px;margin-bottom:2px;font-size:19px;line-height:24px;display:block}.geometry-grid button:hover{color:#c8ced8;border-color:#ffffff26}.geometry-grid button.active{background:var(--accent-soft);color:#dff5ff;border-color:#67c9ff6b;box-shadow:inset 0 0 15px #5ebbef0f}.geometry-grid button.active span{color:#84d4ff;text-shadow:0 0 13px #5fcbff66}.polyhedron-face-control{border-top:1px solid #ffffff0d;margin-top:10px;padding-top:10px}.polyhedron-face-control>div:first-child{color:#8d97a6;justify-content:space-between;margin-bottom:7px;font-size:9px;display:flex}.polyhedron-face-control strong{color:#dce5ef;font-weight:620}.face-count-grid{grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:9px;display:grid}.face-count-grid button{border:1px solid var(--border);color:#737d8b;cursor:pointer;background:#ffffff05;border-radius:6px;height:28px;font-size:9px}.face-count-grid button.active{color:#d9f2ff;background:#51aada1f;border-color:#63c2f459}.material-list{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:14px;display:grid}.material-list button{text-align:left;border:1px solid var(--border);cursor:pointer;background:#ffffff04;border-radius:8px;align-items:center;gap:9px;min-height:51px;padding:8px;display:flex}.material-list button.active{background:#56b3e714;border-color:#6fcbff61}.material-swatch{border-radius:50%;flex:none;width:25px;height:25px;box-shadow:inset -7px -6px 10px #00000061,inset 5px 4px 7px #ffffff6b}.material-list strong{font-size:10.5px;font-weight:620;display:block}.material-list small{color:var(--muted-2);margin-top:3px;font-size:8.5px;display:block}.background-grid{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px;display:grid}.background-grid button{text-align:left;border:1px solid var(--border);color:#a7afbb;cursor:pointer;background:#ffffff04;border-radius:8px;align-items:center;gap:8px;min-height:48px;padding:7px;display:flex}.background-grid button.active{background:#56b3e714;border-color:#6fcbff61}.background-grid strong{font-size:9.5px;font-weight:620;display:block}.background-grid small{color:var(--muted-2);margin-top:3px;font-size:7.5px;display:block}.background-swatch{border:1px solid #ffffff2e;border-radius:5px;flex:none;width:24px;height:28px;box-shadow:inset 7px 0 10px #fff3,inset -7px -5px 10px #0000003d}.color-row{color:#a0a8b5;grid-template-columns:1fr auto auto;align-items:center;gap:8px;height:32px;margin-bottom:8px;font-size:9.5px;display:grid}.color-row input{cursor:pointer;background:0 0;border:0;border-radius:6px;width:26px;height:22px;padding:0}.color-row code{color:#697281;font-size:8.5px}.slider-row{grid-template-columns:1fr auto;align-items:center;gap:6px;margin:11px 0;display:grid}.slider-label{color:#a0a8b5;font-size:10.5px}.slider-value{text-align:right;color:#d5dbe5;font-variant-numeric:tabular-nums;min-width:52px;font-size:9.5px}.slider-row input[type=range]{appearance:none;background:linear-gradient(90deg, #64bce9 0 var(--range-progress), #282e38 var(--range-progress) 100%);cursor:ew-resize;border:0;border-radius:999px;grid-column:1/-1;width:100%;height:3px;margin:2px 0 0}.slider-row input[type=range]:disabled{opacity:.35;cursor:not-allowed}.slider-row input[type=range]::-webkit-slider-thumb{appearance:none;background:#d9f3ff;border:2px solid #4aa3d0;border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 3px #52b5e81f,0 1px 4px #000}.slider-row input[type=range]::-moz-range-thumb{background:#d9f3ff;border:2px solid #4aa3d0;border-radius:50%;width:8px;height:8px}.light-tabs{grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:10px;display:grid}.light-tabs button{border:1px solid var(--border);color:#7b8493;cursor:pointer;background:#ffffff04;border-radius:7px;height:32px;font-size:9px}.light-tabs button.active{color:#e8edf5;background:#202630;border-color:#ffffff2e}.light-status{vertical-align:1px;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block;box-shadow:0 0 8px}.light-key{color:#62c6ff;background:#62c6ff}.light-fill{color:#9f8cff;background:#9f8cff}.light-rim{color:#ff9e73;background:#ff9e73}.selected-light-card{border:1px solid var(--border);background:linear-gradient(135deg,#ffffff09,#ffffff03);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:9px 10px;display:flex}.source-type-grid{grid-template-columns:repeat(2,1fr);gap:5px;margin-bottom:10px;display:grid}.source-type-grid button{border:1px solid var(--border);color:#737d8b;cursor:pointer;background:#ffffff05;border-radius:7px;height:30px;font-size:9px}.source-type-grid button.active{color:#d9f2ff;background:#51aada1f;border-color:#63c2f459}.selected-light-card strong{font-size:11px;font-weight:620}.aim-button{color:#8ed7ff;cursor:pointer;background:#59b7e812;border:1px solid #69c4f538;border-radius:6px;padding:5px 8px;font-size:9px}.switch-row{color:#a0a8b5;cursor:pointer;align-items:center;height:31px;font-size:9.5px;display:flex;position:relative}.switch-row input{opacity:0;pointer-events:none;position:absolute}.switch-track{background:#2b313b;border-radius:999px;width:29px;height:16px;margin-left:auto;padding:2px;transition:all .18s}.switch-track span{background:#747e8d;border-radius:50%;width:12px;height:12px;transition:all .18s;display:block}.switch-row input:checked+.switch-track{background:#2d7398}.switch-row input:checked+.switch-track span{background:#c8f0ff;transform:translate(13px);box-shadow:0 0 7px #72ceff}.kelvin-row{position:relative}.kelvin-row .slider-row{padding-left:18px}.kelvin-chip{z-index:1;border-radius:50%;width:10px;height:10px;position:absolute;top:3px;left:0;box-shadow:0 0 9px}.control-hint{color:#626b79;margin:-3px 0 10px;font-size:8.5px;line-height:1.45}.metric-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.metric-grid div{border:1px solid var(--border);background:#ffffff04;border-radius:8px;padding:10px}.metric-grid span{color:#626b79;font-size:8px;display:block}.metric-grid strong{color:#dbe1ea;font-variant-numeric:tabular-nums;margin-top:4px;font-size:11px;display:block}.learning-note{border-top:1px solid #ffffff0d;grid-template-columns:24px 1fr;gap:8px;margin-top:10px;padding-top:10px;display:grid}.learning-note>span{color:#68c4f4;letter-spacing:.08em;font-size:9px}.learning-note p{color:#747d8b;margin:0;font-size:9px;line-height:1.55}.learning-note strong{color:#b9c3d0;font-weight:620}.physics-warning{color:#8b806e;background:#b87f240d;border:1px solid #e5b35921;border-radius:8px;margin-top:12px;padding:10px;font-size:9px;line-height:1.5}.coverage-warning{color:#d8a287;background:#a0401e17;border:1px solid #ff8f5b38;border-radius:7px;margin:9px 0 0;padding:8px;font-size:9px;line-height:1.45}.viewport-shell{background:radial-gradient(circle at 50% 45%,#1b2029,#090b0f 65%);min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.lab-canvas{display:block;width:100%!important;height:100%!important}.top-toolbar{z-index:5;-webkit-backdrop-filter:blur(16px)saturate(125%);backdrop-filter:blur(16px)saturate(125%);white-space:nowrap;background:#0f1218c7;border:1px solid #ffffff1c;border-radius:11px;align-items:center;gap:7px;min-height:42px;padding:5px;display:flex;position:absolute;top:15px;left:50%;transform:translate(-50%);box-shadow:0 15px 38px #0000004d,inset 0 1px #ffffff0d}.selection-pill{color:#9ca5b3;align-items:center;min-width:92px;height:30px;padding:0 9px;font-size:9px;display:flex}.selection-pill span{background:#6bcaff;border-radius:50%;width:6px;height:6px;margin-right:7px;box-shadow:0 0 8px #69c8fa}.toolbar-group{gap:3px;display:flex}.toolbar-divider{background:#ffffff14;width:1px;height:22px}.tool-button,.icon-button,.reset-button{color:#7b8492;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;height:30px;font-size:9px;transition:all .15s}.tool-button{align-items:center;gap:6px;padding:0 8px;display:flex}.tool-button kbd{color:#606a78;background:#0003;border:1px solid #ffffff17;border-radius:4px;place-items:center;min-width:16px;height:16px;padding:0 4px;font:8px inherit;display:grid}.icon-button{padding:0 8px}.axis-tools{border-left:1px solid #ffffff12;padding-left:4px}.axis-tools .icon-button{min-width:26px;padding:0 6px}.tool-button:hover,.icon-button:hover{color:#c4ccd7;background:#ffffff0b}.tool-button.active,.icon-button.active{color:#dff5ff;background:#4aa8da1f;border-color:#5bbbee38}.tool-button:disabled,.icon-button:disabled{opacity:.3;cursor:not-allowed}.reset-button{color:#9aa3b1;background:#ffffff06;border-color:#ffffff12;margin-left:2px;padding:0 10px}.reset-button:hover{color:#fff;border-color:#ffffff26}.viewport-status{color:#c0c9d67a;letter-spacing:.02em;pointer-events:none;gap:18px;font-size:9px;display:flex;position:absolute;bottom:15px;left:18px}.viewport-status span{align-items:center;gap:5px;display:flex}.viewport-status i{border:1px solid #c9d5e561;border-radius:5px 5px 6px 6px;width:10px;height:13px;display:inline-block}.mouse-left:before,.mouse-right:before,.mouse-wheel:before{content:"";background:#c9d5e566;width:1px;height:5px;margin:0 auto;display:block}.mouse-left:before{transform:translate(-2px)}.mouse-right:before{transform:translate(2px)}.mouse-wheel:before{border-radius:2px;height:3px}.render-badge{z-index:6;pointer-events:none;gap:6px;display:flex;position:absolute;bottom:15px;right:17px}.render-badge span{color:#d8e8f3;letter-spacing:.04em;background:#0a0e14d6;border:1px solid #91cff147;border-radius:6px;padding:6px 9px;font-size:10px;font-weight:620;box-shadow:0 4px 14px #00000047}.realtime-limit-notice{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#a8987f;background:#16120dc7;border:1px solid #ecb15b38;border-radius:9px;align-items:center;gap:10px;max-width:440px;padding:8px 10px;font-size:9px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.realtime-limit-notice strong{color:#e2c392;margin-right:5px}.realtime-limit-notice button{color:#d8f2ff;cursor:pointer;background:#48a6d71f;border:1px solid #70c8f547;border-radius:6px;min-width:88px;height:27px;font-size:9px}.realtime-limit-notice button:disabled{opacity:.35;cursor:wait}.top-view-minimap{z-index:4;-webkit-backdrop-filter:blur(12px)saturate(115%);backdrop-filter:blur(12px)saturate(115%);pointer-events:none;background:#0a0e14a8;border:1px solid #97c7e22e;border-radius:12px;width:170px;padding:10px;position:absolute;bottom:48px;right:17px;box-shadow:0 14px 36px #0000004d,inset 0 1px #ffffff0a}.minimap-heading{justify-content:space-between;align-items:baseline;padding:0 2px 5px;display:flex}.minimap-heading strong{color:#b8c7d5;letter-spacing:.14em;font-size:8px}.minimap-heading span{color:#596676;font-size:7px}.top-view-minimap svg{width:100%;height:auto;display:block}.minimap-field{fill:#05080c57;stroke:#91b4cc1f;stroke-width:.8px}.minimap-grid line{stroke:#9eb5ca14;stroke-width:.55px}.minimap-relation{opacity:.2;stroke-width:.65px;stroke-dasharray:2 2}.minimap-direction{opacity:.78;stroke-width:1.1px}.minimap-light{opacity:.58}.minimap-light.is-selected{opacity:1}.minimap-target{cursor:pointer;pointer-events:all;outline:none}.minimap-target:hover,.minimap-target:focus{opacity:1;filter:drop-shadow(0 0 3px #7ed3ffbf)}.minimap-light-halo{fill:none;opacity:.34;stroke-width:1px}.minimap-light-id{fill:#061019;text-anchor:middle;font-size:5.2px;font-weight:800}.minimap-source-code,.minimap-vertical-direction{fill:#e8f3f8;stroke:#060a0feb;stroke-width:1.8px;paint-order:stroke;text-anchor:middle;font-size:6.5px;font-weight:800}.minimap-subject circle:first-child{fill:#dae5ec14;stroke:#dae5ec66;stroke-width:.8px}.minimap-subject circle:nth-child(2){fill:#dfe7ec}.minimap-subject line{stroke:#dae5ec3d;stroke-width:.55px}.minimap-axis{color:#4e5a68;letter-spacing:.08em;justify-content:space-between;padding:3px 4px 0;font-size:6px;display:flex}.minimap-legend{color:#778594;white-space:nowrap;justify-content:space-between;gap:5px;padding:5px 3px 0;font-size:8px;display:flex}.scene-label{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#cbd2dc;white-space:nowrap;pointer-events:none;background:#0c0f14d1;border:1px solid #ffffff1c;border-radius:7px;grid-template-columns:auto auto;align-items:center;column-gap:6px;min-width:92px;padding:6px 8px;font-size:8px;display:grid;box-shadow:0 8px 18px #00000040}.scene-label.is-selected{background:#0e1920e6;border-color:#68c8fa6b}.scene-label-dot{border-radius:50%;width:5px;height:5px;box-shadow:0 0 7px}.scene-label small{color:#737d8b;grid-column:2;margin-top:2px;font-size:7px}@media (width<=1050px){:root{--panel-width:318px}.top-toolbar{transform-origin:top;left:calc(50% + 20px);transform:translate(-50%)scale(.92)}.selection-pill,.render-badge{display:none}.top-view-minimap{bottom:15px}}@media (width<=760px){html,body,#root{overflow:auto}.app-shell{min-height:100%;display:block}.control-panel{border-right:0;border-bottom:1px solid var(--border-strong);width:100%;height:auto;min-height:55vh}.panel-scroll{height:auto;max-height:55vh}.viewport-shell{height:55vh;min-height:420px}.top-toolbar{justify-content:center;top:10px;left:10px;right:10px;overflow-x:auto;transform:none}.camera-tools,.viewport-status{display:none}.top-view-minimap{width:142px;padding:8px;bottom:10px;right:10px}.minimap-heading span{display:none}.minimap-legend{font-size:7.5px}}