@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/barlow-condensed-regular.ttf) format("truetype")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600 700;font-display:swap;src:url(/fonts/barlow-condensed-semibold.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/dm-sans-regular.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:600 700;font-display:swap;src:url(/fonts/dm-sans-semibold.ttf) format("truetype")}:root{font-family:DM Sans,Segoe UI,Microsoft YaHei,sans-serif;color:#e4eae2;background:#111715;font-synthesis:none;--bg: #111715;--panel: #161d19;--line: rgba(190, 212, 192, .105);--muted: #829086;--sage: #c5d6c5;--pink: #eab0b5;--mono: "Cascadia Code", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,a,input{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--pink)}button{font:inherit;color:inherit;border:0;cursor:pointer;background:none}button:disabled{cursor:default;opacity:.3}button{transition:background .2s,color .2s,border-color .2s,opacity .2s}a{color:inherit;text-decoration:none}button:hover:not(:disabled){color:#fff}button svg{flex-shrink:0}button:active:not(:disabled){transform:translateY(1px)}::selection{background:#eab0b53a;color:#fff}.mono{font-family:var(--mono);font-size:11px;letter-spacing:.025em}.eyebrow{font-size:9px;font-weight:500;letter-spacing:1.65px;color:#82978a}.app-shell{height:100dvh;min-height:720px;display:flex;flex-direction:column;overflow:hidden}.topbar{height:76px;flex-shrink:0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 29px;background:#131a16;position:relative;z-index:10}.brand{display:flex;gap:13px;align-items:center;min-width:218px}.brand>span:last-child{position:relative;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-weight:600;font-size:29px;line-height:1;letter-spacing:1.5px}.brand small{display:block;font-family:Microsoft YaHei,sans-serif;font-size:8px;font-weight:400;letter-spacing:3.5px;margin-top:7px;color:#91a192}.brand-dot{position:absolute;font-family:sans-serif;font-size:10px;top:1px;right:-11px;letter-spacing:0}.brand-mark{width:32px;height:33px;position:relative;display:block;transform:rotate(-15deg)}.brand-mark i{position:absolute;width:26px;height:26px;border:1px solid #c6d7c7;border-radius:8px;transform:rotate(45deg);top:3px;left:0}.brand-mark i:nth-child(2){left:5px;opacity:.65}.brand-mark i:nth-child(3){left:10px;opacity:.3}.top-nav{display:flex;height:100%;gap:36px;align-items:center}.top-nav button{height:100%;font-size:12px;letter-spacing:.7px;position:relative;padding:0 3px;color:#919d94;display:flex;align-items:center;gap:9px}.top-nav button>span{font-family:Barlow Condensed,sans-serif;font-size:11px;letter-spacing:.8px;color:#606f64}.top-nav button.active{color:#dce8d9}.top-nav button.active>span{color:#9faf9f}.top-nav button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#c3d4c2}.header-actions{display:flex;align-items:center;gap:13px}.concept-tag{color:#829185;font-size:10px;padding-right:16px;border-right:1px solid var(--line);display:flex;gap:7px;align-items:center}.concept-tag i,.status-dot,.global-footer>span>i{width:5px;height:5px;border-radius:50%;background:#6f8873;display:inline-block}.icon-button{width:29px;height:30px;display:grid;place-items:center;color:#9eada2;border-radius:4px}.icon-button:hover{background:#ffffff08}.workspace{display:grid;grid-template-columns:236px minmax(0,1fr) 280px;flex:1;min-height:0}.parts-panel{background:var(--panel);padding:28px 19px 17px;display:flex;flex-direction:column;border-right:1px solid var(--line);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#334539 transparent}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.panel-title h2,.inspector-title h2{font-size:16px;font-weight:500;letter-spacing:1.5px;margin:8px 0 0}.count-badge{font-family:Barlow Condensed,sans-serif;font-size:22px;font-weight:400;color:#8ea590;border:1px solid #91a39325;border-radius:5px;padding:4px 8px}.tree-root{display:flex;gap:9px;align-items:center;font-size:11px;color:#a4b5a7;padding:0 2px 18px;border-bottom:1px solid var(--line)}.tree-root>svg:last-child{margin-left:auto;color:#6d8171}.part-list{padding-top:10px}.part-category{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.9px;color:#77877b;margin:15px 1px 7px}.part-category>span{font-family:var(--mono);font-size:9px;color:#96ac98}.part-category>i{height:1px;flex:1;background:#b8c5b50d}.part-button{width:100%;height:clamp(44px,5.5vh,58px);border-radius:5px;display:flex;align-items:center;gap:4px;text-align:left;padding:0 9px 0 8px;margin:2px 0;position:relative;color:#a0ada3;border:1px solid transparent}.part-button:hover{background:#b8ceba09}.part-button.selected{background:linear-gradient(90deg,#adc7ac17,#adc7ac09);border-color:#b3c6b317;color:#e2e8dc}.part-button.selected:before{content:"";position:absolute;top:13px;bottom:13px;left:-1px;width:2px;background:var(--sage);border-radius:2px}.part-button.is-hidden{opacity:.4}.part-number{font-family:var(--mono);font-size:9px;color:#617366;margin-right:1px}.selected .part-number{color:#adc3ad}.part-glyph{width:41px;height:35px;flex-shrink:0}.part-name{font-size:11px;letter-spacing:.35px;flex:1;white-space:nowrap}.part-name small{display:block;font-family:var(--mono);font-size:8px;color:#617568;letter-spacing:1px;margin-top:4px}.part-state-dot{width:4px;height:4px;border-radius:50%;background:#527059;margin-left:3px}.selected .part-state-dot{background:#b7d3b3;box-shadow:0 0 8px #b8d0b12b}.part-eye{color:#b4c1b6}.parts-bottom{margin-top:auto;padding-top:22px}.visible-count{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#8d9c90}.visible-count>span{display:flex;gap:7px;align-items:center}.visible-count strong{font-family:var(--mono);font-weight:400;color:#b7c8b8;font-size:10px}.visible-count em{font-style:normal;color:#586c5e}.visibility-segments{display:flex;gap:4px;margin-top:11px}.visibility-segments i{height:3px;background:#29382e;flex:1;border-radius:2px}.visibility-segments i.visible{background:#94ab933d}.source-card{display:flex;align-items:center;gap:11px;border-top:1px solid var(--line);padding:20px 0 0;margin-top:24px;text-align:left}.source-thumbnail{width:48px;height:62px;overflow:hidden;background:#dddcd6;border-radius:4px;opacity:.8;flex-shrink:0;filter:saturate(.45)}.source-thumbnail img{height:100%;width:auto;max-width:none}.source-card small{display:block;font-family:Barlow Condensed,sans-serif;letter-spacing:1.2px;font-size:9px;color:#7c9180}.source-card strong{font-size:10px;font-weight:400;display:block;margin:8px 0;color:#c4cfc0;white-space:nowrap}.source-card em{font-style:normal;font-size:9px;display:flex;align-items:center;gap:7px;color:#758c7b}.source-card:hover .source-thumbnail{opacity:1;filter:saturate(.8)}.main-stage{position:relative;min-width:0;overflow:hidden;background:#1d2820;isolation:isolate}.stage-background{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 48% 43%,#3b493c,#29382d 27%,#1c281f 55%,#19231c 85%);z-index:-1;overflow:hidden}.stage-background:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.2' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}.stage-background>span{position:absolute;top:15%;left:50%;transform:translate(-50%);font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:clamp(130px,15vw,290px);letter-spacing:-9px;font-weight:600;white-space:nowrap;color:#a1b6a208;line-height:1}.background-orbit{position:absolute;border:1px solid #8da28e09;border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%);width:520px;height:520px}.orbit-two{width:670px;height:670px;border-style:dashed}.stage-heading{position:absolute;left:35px;top:30px;z-index:3;pointer-events:none}.product-eyebrow{font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:500;letter-spacing:1.7px;color:#97ac98;display:flex;align-items:center;gap:8px}.tiny-cross{font-size:19px;line-height:10px;font-family:var(--mono);font-weight:300;color:#97b397}.edition{font-family:var(--mono);font-size:8px;color:#6b816f;letter-spacing:.2px;margin-left:10px}.stage-heading h1{font-weight:500;font-size:38px;line-height:1.3;letter-spacing:5px;margin:13px 0 9px;color:#ebeee3;display:flex;gap:16px;align-items:baseline}.stage-heading h1>span{font-family:Barlow Condensed,sans-serif;font-size:24px;font-weight:400;letter-spacing:.5px;color:#a3b69f}.stage-heading>p{font-size:10px;letter-spacing:2px;color:#859b88;margin:0}.stage-status{position:absolute;right:29px;top:36px;z-index:4;text-align:right;font-size:9px;letter-spacing:.7px;color:#a1b4a0;display:grid;grid-template-columns:8px auto;gap:4px 6px;align-items:center}.status-dot{background:#6b786c}.status-dot.ready{background:#bfd1ae;box-shadow:0 0 9px #b8dc944d}.stage-status small{grid-column:1/3;color:#66806a;font-family:Barlow Condensed,sans-serif;font-size:9px;letter-spacing:1.7px}.scene-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;touch-action:none}.scene-container>canvas{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:grab;outline:none}.scene-container>canvas:active{cursor:grabbing}.scene-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.scene-label{position:absolute;top:0;left:0;display:flex;align-items:center;height:20px;white-space:nowrap;color:#a6b6a6;will-change:transform}.scene-label>i{width:5px;height:5px;border:1px solid #bacbb4;border-radius:50%;box-shadow:0 0 0 4px #a9cba214}.label-line{height:1px;width:24px;background:linear-gradient(90deg,#abc3a366,#abc3a320);margin:0 3px}.label-text{font-size:9px;letter-spacing:.4px;background:#1c291bd1;border:1px solid #9eb3961a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 9px;border-radius:3px}.label-text>b{font-family:var(--mono);font-size:8px;font-weight:400;color:#8caa89;margin-right:6px}.scene-label.selected>i{border-color:#efbac2;box-shadow:0 0 0 4px #efbac211}.scene-label.selected .label-text{color:#ecd4d5;border-color:#eab0b530}.scene-label.selected .label-text>b{color:#d9a8b0}.scene-loading,.scene-error{position:absolute;z-index:9;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse,#263a2b,#18241c);display:flex;gap:18px;align-items:center;justify-content:center;color:#a8bda8;font-size:12px;letter-spacing:1px}.scene-loading .mono{display:block;font-size:9px;color:#77927b;margin-top:8px;letter-spacing:2px}.loading-ring{width:40px;height:40px;border-radius:50%;border:2px solid #bed2b622;border-top-color:#eab0b5;animation:spin 1.5s linear infinite}.scene-error{flex-direction:column;padding:50px;text-align:center;line-height:1.8}.scene-error p{max-width:340px;margin:0;color:#91a08d}.scene-error button{border:1px solid #6a806e;padding:8px 22px;border-radius:5px}.view-toolbar{position:absolute;right:27px;top:87px;display:flex;align-items:center;gap:3px;z-index:4;background:#141f189c;border:1px solid #a9c3a517;padding:4px;border-radius:5px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.view-toolbar button{height:28px;min-width:30px;display:grid;place-items:center;font-size:10px;color:#7f9683;border-radius:3px}.view-toolbar button.active{background:#c6d5b51c;color:#d9e6ca}.view-toolbar button:hover{background:#c3d1b817}.view-toolbar>span{height:16px;width:1px;background:var(--line);margin:0 4px}.stage-side-tools{position:absolute;z-index:4;right:25px;top:44%;display:flex;flex-direction:column;gap:6px;padding:7px;border:1px solid #a9c3a514;background:#18241c6b;border-radius:7px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stage-side-tools button{width:26px;height:29px;display:grid;place-items:center;color:#6e8b74;border-radius:3px}.stage-side-tools button.active{color:#c3d3b9;background:#c3d1b80a}.stage-side-tools button:hover{background:#c3d1b811}.stage-side-tools>span{height:1px;margin:4px;background:var(--line)}.view-materials{position:absolute;left:31px;bottom:211px;z-index:4;display:flex;gap:15px}.view-materials button{font-size:9px;color:#77977e;display:flex;align-items:center;gap:6px;padding:6px 0}.view-materials button.active{color:#d3dfc8}.material-ball{width:12px;height:12px;display:inline-block;border-radius:50%;opacity:.5}.active .material-ball{opacity:1}.material-ball.solid{background:radial-gradient(circle at 30% 25%,#edecdc,#93a18a 38%,#304839 72%);box-shadow:inset 0 0 0 1px #a3bb935c}.material-ball.xray{border:1px solid #9bb39b;background:#9bb39b15}.material-ball.wire{border:1px solid #9bb39b;position:relative}.material-ball.wire:before{content:"";position:absolute;border:1px solid #9bb39b;border-radius:50%;top:1px;right:3px;bottom:1px;left:3px}.material-ball.wire:after{content:"";position:absolute;left:0;right:0;height:1px;top:4px;background:#9bb39b}.export-button{position:absolute;right:30px;bottom:211px;z-index:4;color:#92aa93;display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.4px;padding:6px 0}.isolate-badge{position:absolute;z-index:4;top:155px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#1a271fda;border:1px solid #b8cfad30;padding:8px 12px;border-radius:4px;color:#bdd0b7;font-size:10px;white-space:nowrap}.isolate-badge button{display:grid;place-items:center;padding:0;margin-left:6px;color:#86a18b}.control-dock{position:absolute;bottom:62px;left:50%;transform:translate(-50%);width:calc(100% - 62px);max-width:730px;z-index:5;padding:7px 20px 15px;background:linear-gradient(115deg,#1b281fe6,#18241ced);border:1px solid #a5be9f23;border-radius:10px;box-shadow:0 12px 40px #080f0840,0 1px #bed1b407 inset;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.mode-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding-bottom:11px;padding-top:2px;border-bottom:1px solid #a3be9b15}.mode-switch button{display:flex;align-items:center;justify-content:center;gap:10px;height:39px;font-size:11px;color:#809d84;border-radius:5px;letter-spacing:.3px}.mode-switch button.active{background:#b8cbaa15;box-shadow:0 0 0 1px #c6d8ba16;color:#dbe6ce}.mode-switch button:hover{background:#b8cbaa0d}.timeline-row{display:flex;align-items:center;gap:15px;padding-top:15px}.play-button{width:36px;height:36px;display:grid;place-items:center;border:1px solid #bbd3b540;border-radius:50%;background:#bed2b714;color:#c3d7b5;flex-shrink:0;padding-left:3px}.play-button.playing{padding-left:0}.play-button:hover{background:#bed2b729}.timeline{flex:1;min-width:0}.timeline-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px;line-height:1;font-size:9px;color:#96ab94}.timeline-label>span{display:flex;align-items:center;gap:10px}.timeline-label small{font-family:Barlow Condensed,sans-serif;font-size:8px;letter-spacing:1px;color:#5d7a62}.timeline-label strong{font-family:var(--mono);font-size:12px;font-weight:400;color:#c9d8c0}.timeline-label em{font-size:9px;font-style:normal;color:#7b967b;margin-left:2px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:16px;margin:4px 0 0;background:transparent;cursor:pointer;display:block}input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:4px;background:linear-gradient(to right,#b3c6a5 0%,#b3c6a5 var(--progress),#354a38 var(--progress),#354a38 100%)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:#d4e0c5;border:2px solid #6d8567;margin-top:-3.5px;box-shadow:0 0 0 3px #c9dfb911}input[type=range]::-moz-range-track{height:3px;border-radius:4px;background:#354a38}input[type=range]::-moz-range-progress{height:3px;background:#b3c6a5}input[type=range]::-moz-range-thumb{width:8px;height:8px;border-radius:50%;background:#d4e0c5;border:2px solid #6d8567}.timeline-ticks{display:flex;justify-content:space-between;padding:0 4px;margin-top:1px}.timeline-ticks i{height:3px;width:1px;background:#8eaa8226}.timeline-ticks i:first-child,.timeline-ticks i:last-child{height:4px;background:#8eaa8250}.step-controls{display:flex;align-items:center;gap:2px;margin-top:6px}.step-controls button{display:grid;place-items:center;width:23px;height:27px;color:#8ca685;border-radius:3px}.step-controls button:hover{background:#aac49f10}.step-controls .speed-button{font-family:var(--mono);width:38px;font-size:10px;margin-left:7px;border-left:1px solid var(--line);border-radius:0;padding-left:10px}.stage-footer{position:absolute;z-index:4;left:30px;right:30px;bottom:17px;display:flex;align-items:center;justify-content:space-between;color:#66806b;font-size:9px;letter-spacing:.4px;height:24px}.stage-footer>span:first-child{display:flex;gap:6px;align-items:center}.stage-footer>span:first-child>i{display:inline-block;width:2px;height:2px;background:#617b65;border-radius:50%;margin:0 3px}.stage-footer .mono{font-size:8px;letter-spacing:.6px;color:#5a745f}.coordinate-system{display:block;position:relative;width:36px;height:31px;left:-20px}.coordinate-system>svg{color:#81967a;stroke-width:1;position:absolute;left:4px;top:1px;opacity:.5}.coordinate-system>i{font-family:var(--mono);font-size:7px;font-style:normal;position:absolute}.axis-y{left:14px;top:-7px;color:#9aad8f}.axis-x{right:-5px;bottom:3px;color:#c09693}.axis-z{left:-5px;bottom:3px;color:#86a6af}.inspector{background:#151d18;border-left:1px solid var(--line);padding:29px 23px 17px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#334539 transparent;display:flex;flex-direction:column}.inspector-heading{display:flex;justify-content:space-between;align-items:center;color:#718976}.inspector-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.inspector-title{display:flex;justify-content:space-between;align-items:baseline;margin-top:2px;margin-bottom:23px}.inspector-title .mono{color:#a8bba8;font-size:11px}.inspector-title .mono>i{color:#4f6857;font-style:normal;font-size:9px}.component-preview{height:clamp(136px,19vh,194px);position:relative;border:1px solid #a6c0a216;background:radial-gradient(ellipse at 50% 50%,#31403655,#202b2222);border-radius:5px;display:flex;justify-content:center;align-items:center;flex-shrink:0;overflow:hidden}.preview-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#a3bf9c07 1px,transparent 1px),linear-gradient(90deg,#a3bf9c07 1px,transparent 1px);background-size:20px 20px;-webkit-mask-image:radial-gradient(ellipse,black,transparent);mask-image:radial-gradient(ellipse,black,transparent)}.part-glyph.large{width:74%;height:89%;filter:drop-shadow(0 6px 10px #00000020);position:relative}.preview-code{position:absolute;top:11px;left:11px;font-size:7px;color:#768c7a;z-index:1}.preview-cross{font-family:var(--mono);font-weight:300;font-size:15px;color:#5e7b64;position:absolute}.top-left{left:10px;top:29px}.bottom-right{right:9px;bottom:26px}.preview-caption{position:absolute;left:11px;bottom:10px;font-family:Barlow Condensed,sans-serif;letter-spacing:1.2px;font-size:7px;color:#57745e}.preview-scale{position:absolute;right:11px;bottom:10px;font-size:7px;color:#57745e}.component-content{animation:reveal .35s ease-out}.component-category{display:flex;align-items:center;gap:7px;color:#859d8b;font-size:9px;margin-top:25px;letter-spacing:.8px}.component-category>i{width:4px;height:4px;border-radius:50%}.component-content h3{font-size:24px;font-weight:400;letter-spacing:2px;margin:10px 0 7px;color:#e6eade}.component-english{font-family:Barlow Condensed,sans-serif;font-size:10px;letter-spacing:1.3px;color:#657f6e}.component-description{font-size:11px;color:#94a496;line-height:1.95;margin:18px 0 20px;letter-spacing:.1px}.material-description{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0}.swatch{width:29px;height:29px;flex-shrink:0;border-radius:50%;background:radial-gradient(circle at 28% 25%,#e7eee0,#9caf9f 40%,#2a3d30 80%);box-shadow:0 0 0 1px #9aaf9326,0 4px 8px #0003}.swatch-ring{background:radial-gradient(circle at 25% 20%,#f7cdd2,#cc8e97 48%,#684953 95%)}.swatch-handle{background:radial-gradient(circle at 25% 20%,#7d8b7f,#324237 43%,#142118 90%)}.swatch-spray{background:radial-gradient(circle at 25% 20%,#ecdfb2,#b8a173 43%,#695e37 90%)}.swatch-reservoir{background:radial-gradient(circle at 25% 20%,#c5e6e299,#668c8660 43%,#1c392755 90%)}.material-description>div{min-width:0}.material-description small{display:block;font-size:8px;color:#637e6c;margin-bottom:5px}.material-description>div>span{font-size:9px;color:#b6c5b5;letter-spacing:.2px}.feature-list{list-style:none;margin:17px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.feature-list li{display:flex;align-items:center;gap:8px;font-size:10px;color:#93a693}.feature-list li>span{width:3px;height:3px;border-radius:50%;background:#66856c}.feature-list li>svg{margin-left:auto;color:#729573;opacity:.7}.inspector-controls{margin-top:25px;display:grid;gap:8px}.isolate-button,.hide-button{display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;border-radius:4px;height:35px}.isolate-button{border:1px solid #c4d5b730;background:#c4d5b711;color:#c4d5b7}.isolate-button>svg:last-child{margin-left:auto;color:#8caa86}.isolate-button>svg:first-child{margin-right:auto;color:#9ab892}.isolate-button{padding:0 12px}.isolate-button:hover,.isolate-button.active{background:#c4d5b71d;border-color:#c4d5b74d}.hide-button{color:#698772;border:1px solid #90ae9012}.hide-button:hover{background:#aac59a09}.inspector-note{display:flex;gap:7px;align-items:flex-start;padding-top:15px;color:#57735f}.inspector-note svg{margin-top:2px;flex-shrink:0}.inspector-note p{font-size:9px;line-height:1.7;margin:0;color:#627e69}.inspector-bottom{margin-top:auto;padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#637d67}.inspector-bottom>span:last-child{font-size:9px;letter-spacing:1px;text-align:right}.inspector-bottom small{display:block;font-family:Barlow Condensed,sans-serif;font-size:8px;letter-spacing:1.5px;color:#415d48;margin-top:5px}.technical-mark{display:flex;align-items:center;gap:3px;height:27px}.technical-mark i{height:25px;width:1px;background:#55735a}.technical-mark i:nth-child(2n){height:17px;opacity:.7}.technical-mark i:nth-child(3n){height:9px;opacity:.4}.global-footer{height:30px;flex-shrink:0;border-top:1px solid var(--line);padding:0 28px;display:flex;align-items:center;justify-content:space-between;color:#637469;font-size:8px;letter-spacing:.6px;background:#121914}.global-footer>span{display:flex;align-items:center;gap:7px}.global-footer>span>i{width:3px;height:3px;background:#738b72}.global-footer>span:last-child{font-family:Barlow Condensed,sans-serif;letter-spacing:1.2px;font-size:9px}.global-footer b{font-weight:400;font-size:10px}.footer-divider{padding:0 7px;color:#405648}.toast{position:fixed;z-index:50;bottom:30px;left:50%;transform:translate(-50%);padding:13px 20px;background:#c4d4bd;color:#263c2c;border:1px solid #dae5d3;border-radius:6px;box-shadow:0 8px 30px #0005;display:flex;align-items:center;gap:9px;font-size:12px;animation:reveal .25s ease-out;max-width:90vw}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050c09ae;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:40;display:flex;align-items:center;justify-content:center;padding:30px;animation:reveal .2s ease-out}.modal{width:min(780px,100%);max-height:calc(100dvh - 60px);overflow:auto;background:linear-gradient(120deg,#1d2a21,#151e18);border:1px solid #c1d2b92c;border-radius:13px;box-shadow:0 30px 120px #0006;padding:30px}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:24px;border-bottom:1px solid var(--line)}.modal-header h2{font-size:24px;letter-spacing:2px;font-weight:400;margin:10px 0 0}.modal-header .icon-button{border:1px solid var(--line);width:32px;height:32px}.archive-modal{width:min(880px,100%)}.archive-body{display:grid;grid-template-columns:43% 1fr;gap:33px;padding-top:25px}.archive-reference{display:flex;flex-direction:column;gap:14px}.reference-crop{overflow:hidden;border-radius:5px;aspect-ratio:996/1167;background:#fff}.reference-crop img{width:136.75%;height:100%;max-width:none;object-fit:fill}.archive-reference .mono{font-size:8px;color:#6d8774}.pill{font-size:9px;border:1px solid #b3cba530;padding:5px 9px;display:inline-flex;color:#b9caaa;border-radius:3px;letter-spacing:.5px}.archive-copy h3{font-size:27px;line-height:1.6;letter-spacing:1.5px;font-weight:400;margin:18px 0;color:#d7e2ce}.archive-copy>p{font-size:12px;line-height:2;color:#91a38d;margin:0 0 19px}.archive-facts{border-top:1px solid var(--line);padding-top:10px}.archive-facts>div{display:flex;justify-content:space-between;gap:15px;font-size:10px;padding:8px 0;color:#6c8770}.archive-facts strong{font-weight:400;color:#b6c9ad}.concept-notice{display:flex;gap:9px;padding:15px;background:#cfbc9210;border:1px solid #cfbc9219;border-radius:4px;margin-top:15px;color:#bcaa83}.concept-notice svg{flex-shrink:0}.concept-notice p{margin:0;font-size:10px;line-height:1.9;color:#9caa8b}.guide-content>p{font-size:12px;color:#99ae98;margin:22px 0}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.guide-item{border:1px solid var(--line);border-radius:6px;padding:21px}.guide-item>svg{color:#a8c2a1}.guide-item h3{font-weight:400;font-size:14px;margin:15px 0 8px;color:#d0dfc8}.guide-item p{font-size:11px;line-height:1.8;color:#859f87;margin:0}.guide-keyboard{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:25px;font-size:10px;color:#859e84}.guide-keyboard>span{display:flex;align-items:center;gap:7px}kbd{font-family:var(--mono);border:1px solid #b1c5a722;padding:4px 6px;background:#b1c5a70a;border-radius:3px;font-size:9px;color:#bdcfb4}.guide-content>.guide-note{font-size:10px;color:#637d66;line-height:1.9;margin-bottom:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes reveal{0%{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}@media(min-width:1800px){.workspace{grid-template-columns:270px minmax(0,1fr) 320px}.parts-panel{padding-left:25px;padding-right:25px}.inspector{padding-left:29px;padding-right:29px}.part-button{height:61px}.part-name{font-size:12px}.stage-heading{left:46px;top:38px}.stage-heading h1{font-size:44px}.stage-heading>p{font-size:11px}.component-description{font-size:12px}.feature-list li{font-size:11px}.component-content h3{font-size:28px}.component-preview{height:206px}.control-dock{max-width:780px;bottom:65px}.stage-status{top:43px;right:39px}.view-toolbar{top:98px;right:38px}.stage-side-tools{right:36px}.view-materials{left:47px}.export-button{right:46px}.stage-footer{left:46px;right:46px}}@media(max-width:1350px){.workspace{grid-template-columns:212px minmax(0,1fr) 247px}.parts-panel{padding:25px 14px 15px}.inspector{padding:26px 18px 15px}.topbar{padding:0 22px}.brand{min-width:186px}.top-nav{gap:27px}.top-nav button>span{display:none}.concept-tag{font-size:9px;padding-right:10px}.header-actions{gap:9px}.stage-heading{left:25px;top:27px}.stage-heading h1{font-size:33px;gap:13px}.stage-heading h1>span{font-size:21px}.stage-heading p{font-size:9px}.stage-status{right:22px;top:30px}.stage-status small{font-size:8px}.view-toolbar{right:20px;top:81px}.stage-side-tools{right:19px}.part-glyph{width:35px}.part-button{padding-left:6px;padding-right:7px}.part-name{font-size:10px}.source-card{gap:8px}.source-card strong{font-size:9px}.source-thumbnail{width:40px;height:54px}.source-card small,.source-card em{font-size:8px}.control-dock{width:calc(100% - 40px);padding-left:14px;padding-right:14px}.timeline-row{gap:11px}.mode-switch button{font-size:10px;gap:7px}.step-controls button{width:18px}.step-controls .speed-button{margin-left:4px;padding-left:7px;width:34px}.view-materials{left:22px;gap:12px}.export-button{right:22px}.stage-footer{left:22px;right:22px}.stage-footer .mono{font-size:7px}.coordinate-system{display:none}.component-content h3{font-size:22px}.component-description{font-size:10px}.component-english{font-size:9px}.material-description>div>span{font-size:8px}.feature-list{gap:10px}.inspector-controls{margin-top:20px}.inspector-note p{font-size:8px}}@media(max-height:850px)and (min-width:761px){.topbar{height:66px}.parts-panel{padding-top:21px}.panel-title{margin-bottom:18px}.part-category{margin-top:11px}.part-button{height:43px}.source-card{margin-top:18px;padding-top:14px}.parts-bottom{padding-top:18px}.inspector{padding-top:23px}.inspector-title{margin-bottom:18px}.component-preview{height:134px}.component-category{margin-top:19px}.component-content h3{font-size:22px;margin-top:8px}.component-description{font-size:10px;line-height:1.85;margin:14px 0}.material-description{padding:10px 0}.feature-list{gap:9px;margin-top:13px}.inspector-controls{margin-top:18px;gap:7px}.isolate-button,.hide-button{height:32px}.inspector-note{padding-top:12px}.inspector-bottom{padding-top:18px}.stage-heading{top:24px}.stage-heading h1{font-size:31px;margin-top:10px}.stage-heading>p{font-size:9px}.control-dock{bottom:51px;padding-bottom:12px}.mode-switch{padding-bottom:8px}.mode-switch button{height:33px}.timeline-row{padding-top:12px}.view-materials,.export-button{bottom:183px}.stage-footer{bottom:13px}.stage-status{top:29px}.view-toolbar{top:77px}.global-footer{height:27px}}@media(max-width:1100px){.workspace{grid-template-columns:186px minmax(0,1fr) 223px}.parts-panel{padding-left:12px;padding-right:12px}.part-glyph{width:29px;height:29px}.part-number{font-size:8px}.part-name{font-size:9px;letter-spacing:0}.part-name small{font-size:7px;margin-top:3px}.part-button{gap:3px}.panel-title h2,.inspector-title h2{font-size:14px}.eyebrow{font-size:8px;letter-spacing:1.1px}.count-badge{font-size:19px}.tree-root{font-size:10px;gap:7px}.part-category{font-size:8px}.source-card{gap:8px}.source-thumbnail{width:35px;height:48px}.source-card strong{font-size:8px;letter-spacing:0}.source-card small{font-size:7px;letter-spacing:.8px}.source-card em{font-size:8px}.inspector{padding-left:15px;padding-right:15px}.inspector-heading .eyebrow{font-size:7px;letter-spacing:1px}.stage-heading{left:20px}.product-eyebrow{font-size:9px;letter-spacing:1px}.product-eyebrow .edition{display:none}.stage-heading h1{font-size:29px;letter-spacing:3px;gap:10px}.stage-heading h1>span{font-size:19px}.stage-status{font-size:8px;right:18px}.stage-status small{font-size:7px;letter-spacing:1px}.stage-heading>p{font-size:8px;letter-spacing:1px}.view-toolbar{top:90px;right:17px}.view-toolbar button{min-width:24px;height:24px;font-size:9px}.view-toolbar>span{margin:0 2px}.stage-side-tools{right:16px;padding:4px}.stage-side-tools button{width:24px;height:27px}.control-dock{width:calc(100% - 32px);padding:5px 12px 12px}.mode-switch{gap:3px}.mode-switch button{gap:5px;font-size:9px}.mode-switch svg{width:14px}.timeline-row{gap:10px}.play-button{width:31px;height:31px}.timeline-label small{display:none}.timeline-label{font-size:8px}.timeline-label strong{font-size:11px}.step-controls .speed-button{display:none}.view-materials{left:18px;gap:12px}.view-materials button{font-size:8px;gap:4px}.material-ball{width:10px;height:10px}.export-button{right:18px;font-size:8px;gap:5px}.export-button svg{width:13px}.stage-footer{left:18px;right:18px;font-size:8px}.stage-footer .mono{font-size:6px;letter-spacing:0}.header-actions .concept-tag{display:none}.brand{min-width:165px}.topbar{padding:0 19px}.top-nav{gap:30px}.top-nav button{font-size:11px}.label-text{font-size:8px;padding:5px 7px}.label-line{width:15px}.component-content h3{font-size:20px;letter-spacing:1px}.component-description{font-size:10px}.component-english{font-size:8px;letter-spacing:1px}.feature-list li{font-size:9px}.material-description{gap:8px}.material-description>div>span{font-size:8px;letter-spacing:0}.swatch{width:25px;height:25px}}@media(max-width:760px){.app-shell{height:auto;min-height:100dvh;overflow:visible}.topbar{height:65px;padding:0 20px;gap:12px}.brand{min-width:unset;gap:11px}.brand>span:last-child{font-size:24px}.brand small{font-size:7px;margin-top:5px;letter-spacing:3px}.brand-mark{transform:rotate(-15deg) scale(.83);width:27px}.top-nav{margin-left:auto;gap:18px}.top-nav button{font-size:10px;letter-spacing:0}.top-nav button:nth-child(2){display:none}.header-actions{gap:3px}.header-actions .icon-button{width:23px}.header-actions .icon-button:last-child{display:none}.workspace{display:flex;flex-direction:column;min-height:0;flex:none}.main-stage{order:0;height:680px;min-height:620px;flex-shrink:0}.parts-panel{order:1;padding:24px 21px 20px;border-right:0;border-top:1px solid var(--line);overflow:visible}.panel-title{margin-bottom:18px}.panel-title h2,.inspector-title h2{font-size:16px}.eyebrow{font-size:9px}.tree-root{font-size:11px;padding-bottom:16px}.part-list{display:grid;grid-template-columns:1fr 1fr;column-gap:10px;padding-top:12px}.part-category{display:none}.part-button{height:57px;gap:5px;padding-left:9px;background:#abc4a705}.part-name{font-size:11px}.part-glyph{width:38px}.part-name small{font-size:8px}.part-number{font-size:9px}.parts-bottom{padding-top:22px;margin-top:0}.source-card{display:none}.inspector{order:2;padding:24px 23px;border-left:0;border-top:1px solid var(--line);overflow:visible;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.inspector-heading,.inspector-title{grid-column:1/3}.inspector-heading .eyebrow{font-size:9px}.inspector-title{margin-bottom:22px}.component-preview{grid-column:1;grid-row:3;height:180px;align-self:start}.component-content{grid-column:2;grid-row:3/6}.component-category{margin-top:2px;font-size:9px}.component-content h3{font-size:20px;letter-spacing:1px;margin-top:10px}.component-english{font-size:8px}.component-description{font-size:10px;margin:14px 0;line-height:1.8}.material-description{padding:10px 0;gap:8px}.material-description>div>span{font-size:8px;line-height:1.6}.feature-list{gap:10px;margin-top:13px}.feature-list li{font-size:9px}.inspector-controls{grid-column:1;grid-row:4;margin-top:16px;align-self:start}.inspector-note{grid-column:1;grid-row:5;padding-top:12px}.inspector-note p{font-size:8px}.inspector-bottom{grid-column:1/3;margin-top:23px;border-top:1px solid var(--line);padding-top:20px}.inspector-bottom>span:last-child{font-size:10px}.inspector-bottom small{font-size:8px}.stage-heading{left:23px;top:29px}.stage-heading h1{font-size:34px;letter-spacing:4px;gap:12px}.stage-heading h1>span{font-size:22px}.stage-heading>p{font-size:9px;letter-spacing:1.1px}.product-eyebrow{font-size:10px;letter-spacing:1.3px}.stage-status{right:21px;top:32px;font-size:8px}.view-toolbar{right:20px;top:92px}.view-toolbar button{height:25px;min-width:25px}.stage-side-tools{right:17px;top:38%;gap:5px}.stage-side-tools button{height:26px;width:23px}.stage-background>span{font-size:150px;top:26%;letter-spacing:-5px}.background-orbit{width:350px;height:350px;top:45%}.orbit-two{width:440px;height:440px}.control-dock{width:calc(100% - 36px);bottom:52px;border-radius:8px;padding:5px 13px 13px}.mode-switch button{height:36px;font-size:10px;gap:7px}.mode-switch svg{width:15px}.mode-switch{padding-bottom:9px}.timeline-row{padding-top:13px;gap:12px}.play-button{width:32px;height:32px}.timeline-label{font-size:9px}.timeline-label strong{font-size:12px}.step-controls button{width:19px}.view-materials{left:21px;bottom:188px;gap:16px}.view-materials button{font-size:9px;gap:5px}.material-ball{width:11px;height:11px}.export-button{right:22px;bottom:188px;font-size:9px}.stage-footer{left:22px;right:22px;bottom:14px;font-size:8px}.stage-footer .mono{font-size:7px}.scene-label .label-text{font-size:8px;padding:5px 6px}.scene-label .label-line{width:10px}.scene-label:not(.selected){display:none!important}.global-footer{height:auto;min-height:53px;padding:13px 20px;gap:9px;flex-direction:column;align-items:flex-start;font-size:8px}.global-footer>span:last-child{font-size:8px}.modal-backdrop{padding:17px}.modal{padding:23px;max-height:calc(100dvh - 34px);border-radius:9px}.modal-header{padding-bottom:18px}.modal-header h2{font-size:22px}.archive-body{grid-template-columns:1fr;gap:24px}.archive-reference{max-width:240px;width:100%;justify-self:center}.archive-copy h3{font-size:25px}.archive-copy>p{font-size:11px}.guide-grid{gap:10px}.guide-item{padding:16px}.guide-item h3{font-size:13px}.guide-item p{font-size:10px}.guide-keyboard{flex-wrap:wrap;justify-content:flex-start;gap:13px}.guide-keyboard>svg{display:none}.guide-keyboard>span{font-size:9px}.guide-content>p{font-size:11px}.toast{font-size:10px;width:max-content;bottom:20px}.scene-error{padding:35px}}.operation-panel{flex-shrink:0;margin-top:18px;border:1px solid #adc9b526;border-radius:7px;padding:13px 12px 0;background:linear-gradient(135deg,#8eaf9b0e,#13261c35)}.operation-panel.is-running{border-color:#abcab148}.operation-header,.operation-motor-row,.operation-speed-label{display:flex;align-items:center;justify-content:space-between}.operation-header{margin-bottom:13px;font-size:11px;color:#cfdbcf}.operation-header>span:first-child{display:flex;align-items:center;gap:7px}.operation-state{display:flex;align-items:center;gap:5px;color:#8da291;font-size:9px}.operation-state>i{width:4px;height:4px;background:#6f8575;border-radius:50%}.is-running .operation-state{color:#c4d9b9}.is-running .operation-state>i{background:#c4d9b9;box-shadow:0 0 7px #c4d9b94f}.operation-start{display:flex;align-items:center;justify-content:center;gap:7px;border-radius:4px;color:#1c3024;background:#bdd2b8;padding:9px 11px;font-size:11px;font-weight:500}.operation-start:hover{background:#d2e3cc}.is-running .operation-start{background:#d3b1b2;color:#36282b}.operation-start:disabled{opacity:.4;cursor:wait}.operation-meter{display:grid;gap:4px;text-align:right}.operation-bars{display:flex;align-items:flex-end;justify-content:flex-end;gap:2px;height:21px}.operation-bars i{width:3px;border-radius:1px;background:#adc6af16}.operation-bars i.lit{background:#adc8b1}.operation-meter small{color:#657f6e;font-family:var(--mono);font-size:7px;letter-spacing:.7px}.operation-meter b{color:#a8beb0;font-weight:400}.operation-speed-label{margin-top:14px;color:#a8bcad;font-size:9px}.operation-speed-label small{margin-left:4px;color:#728d7b;font-size:8px}.operation-speed-label output{font-family:var(--mono);color:#d4e2cf;font-size:12px;font-variant-numeric:tabular-nums}.operation-range{display:block;width:100%;margin:9px 0 8px;height:4px;accent-color:#bbd2bc;cursor:pointer}.operation-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.operation-presets button{padding:5px 0;color:#829889;font-size:8px;border:1px solid #a9c2ac13;border-radius:3px;white-space:nowrap}.operation-presets button:hover,.operation-presets .active{color:#cbdcc9;background:#bad3bd0d;border-color:#a9c2ac34}.operation-fluid{display:flex;align-items:center;gap:6px;width:100%;margin-top:10px;padding:11px 0;border-top:1px solid #a9c2ac17;color:#9fbcb6;text-align:left}.operation-fluid>span:nth-child(2){display:grid;gap:3px;font-size:10px}.operation-fluid small{color:#658779;font-size:8px}.operation-toggle{margin-left:auto;width:25px;height:14px;padding:3px;border-radius:12px;background:#42554a}.operation-toggle i{display:block;width:8px;height:8px;border-radius:50%;background:#879a8d;transition:transform .2s}.operation-toggle.on{background:#748f7a}.operation-toggle.on i{background:#d9e9d5;transform:translate(11px)}.operation-quick-button{display:flex;align-items:center;gap:6px;margin-top:13px;padding:7px 10px;border:1px solid #b9d3bc30;border-radius:4px;color:#b9d1b8;background:#16241cc2;font-size:10px;pointer-events:auto}.operation-quick-button span{margin-left:6px;font-family:var(--mono);font-size:8px;color:#728c79}.operation-quick-button:hover,.operation-quick-button.active{border-color:#bdcfb660;background:#a9c2ac11}.operation-quick-button.active span{color:#d9b8ba}.operation-quick-button:disabled{opacity:.4}@media(min-width:761px){.has-operation .source-card{display:none}.has-operation .part-button{height:clamp(34px,4.2vh,48px)}.has-operation .part-category{margin-top:9px;margin-bottom:4px}.has-operation .panel-title{margin-bottom:18px}.has-operation .tree-root{padding-bottom:12px}.has-operation .parts-bottom{padding-top:14px}}@media(min-width:761px)and (max-height:850px){.has-operation .part-name small{display:none}.has-operation .part-button{height:30px}.has-operation .part-glyph{height:28px}.operation-panel{margin-top:12px;padding-top:10px}.operation-header{margin-bottom:9px}.operation-speed-label{margin-top:9px}}@media(min-width:761px)and (max-width:1100px){.has-operation{padding-left:10px;padding-right:10px}.operation-panel{padding-left:8px;padding-right:8px}.operation-start{padding-left:8px;padding-right:8px;font-size:10px}.operation-bars{gap:1px}.operation-speed-label small{display:none}}@media(max-width:760px){.operation-panel{margin-top:18px;padding:17px 16px 0;grid-column:1 / -1}.operation-header{font-size:13px}.operation-state{font-size:11px}.operation-start{min-height:42px;padding-left:18px;padding-right:18px;font-size:12px}.operation-speed-label{font-size:11px;margin-top:18px}.operation-speed-label small{font-size:10px}.operation-speed-label output{font-size:16px}.operation-range{margin-top:15px;margin-bottom:16px}.operation-presets button{min-height:36px;font-size:11px}.operation-fluid{min-height:55px;padding:12px 0}.operation-fluid>span:nth-child(2){font-size:12px}.operation-fluid small{font-size:10px}.operation-bars i{width:5px}.operation-meter small{font-size:9px}.operation-quick-button{margin-top:10px;font-size:10px;padding:7px 9px}.operation-quick-button span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}