@font-face{font-family:Studio;src:local('Helvetica Neue');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:#fafaf7;color:#202e2a;font-family:Studio,'Arial','PingFang SC','Microsoft YaHei',sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #286751;outline-offset:5px}button{border:0;background:none}header{max-width:1600px;margin:auto;height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 54px;border-bottom:1px solid #e0e3dc;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:22px;letter-spacing:1px;font-weight:600}.brand svg{width:28px;height:34px}.brand small{font-size:8px;font-weight:500;letter-spacing:1.8px;max-width:70px;line-height:1.65;margin-left:6px;border-left:1px solid #ccd3cb;padding-left:14px}.brand-dot{color:#628775}.header nav{display:flex;gap:34px;font-size:12px}.header nav a{padding:12px 0}.header nav a:hover{color:#4d7c66}.languages{display:flex;gap:9px;align-items:center;font-size:12px}.languages button{padding:8px 4px;color:#8b938c}.languages .active{color:#203c2d;font-weight:700}.languages>span{color:#c2c6bd}main{max-width:1600px;margin:auto;padding:0 54px}.intro{display:flex;align-items:flex-end;justify-content:space-between;padding:47px 0 32px;gap:28px}.eyebrow{font-size:9px;letter-spacing:1.65px;font-weight:600;display:flex;align-items:center;gap:8px;color:#6a756a}.status-dot{width:5px;height:5px;background:#5f806a;border-radius:50%;display:inline-block}h1{font-size:clamp(34px,3.45vw,55px);font-weight:400;letter-spacing:-1.9px;margin:14px 0 13px;line-height:1.05}.intro p{font-size:13px;color:#737d73;margin:0;line-height:1.5}.finish-switch{display:flex;border:1px solid #d8ded4;border-radius:5px;padding:4px;white-space:nowrap;gap:2px}.finish-switch a{padding:11px 18px;font-size:11px;border-radius:3px}.finish-switch a.active{background:#233c2e;color:#fff}.configurator{display:grid;grid-template-columns:minmax(0,1fr) 322px;border:1px solid #dfe3d9;border-radius:8px;overflow:hidden;scroll-margin-top:20px}.stage-wrap{position:relative;background:radial-gradient(ellipse at 45% 36%,#f9f9f5 0%,#efeee7 78%);min-height:630px;display:flex;flex-direction:column}.stage-top{display:flex;justify-content:space-between;position:absolute;z-index:2;top:25px;left:28px;right:28px;pointer-events:none}.mono{font-family:'SFMono-Regular',Consolas,monospace;font-size:11px;letter-spacing:.5px;color:#7d877c}.stage-badge{font-size:9px;letter-spacing:.5px;display:flex;gap:6px;align-items:center;color:#73806f}#stage{width:100%;height:552px;position:relative;min-width:0}#stage canvas{display:block;width:100%;height:100%;touch-action:none}#dimensions{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none;overflow:visible}#dimensions text{font-family:Studio,Arial,sans-serif;font-size:11px;fill:#4c6758;paint-order:stroke;stroke:#f3f3ed;stroke-width:4px;stroke-linejoin:round}#dimensions path,#dimensions line{stroke:#789583;stroke-width:1;fill:none}#loading{position:absolute;inset:0;display:flex;gap:12px;align-items:center;justify-content:center;color:#6e7f70;font-size:12px}#loading[hidden]{display:none}.loader{width:15px;height:15px;border:1px solid #ced7cc;border-top-color:#335b43;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#fallback{position:absolute;top:40%;left:15%;right:15%;text-align:center;line-height:1.8}.view-controls{display:flex;align-items:center;justify-content:center;gap:12px;position:absolute;bottom:59px;left:10px;right:10px}.segmented{display:flex;background:#ffffffc9;border:1px solid #dce1d6;border-radius:5px;padding:4px;box-shadow:0 3px 8px #253c2905}.segmented button{font-size:10px;color:#768171;padding:9px 13px;border-radius:3px}.segmented button.active{background:#e4eadf;color:#203e2a}.icon-button{font-size:20px;width:34px;height:34px;border:1px solid #dce1d6;background:#ffffffa6;border-radius:4px}.stage-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 28px;margin-top:auto;font-size:9px;color:#8a9386}.stage-bottom button{font-size:10px;color:#4c654f;padding:4px 0}.config-panel{background:#fffefa;padding:27px 25px 22px;border-left:1px solid #dfe3d9}.panel-heading{display:flex;align-items:center;justify-content:space-between}.config-panel h2{font-size:25px;font-weight:400;letter-spacing:-.7px;margin:24px 0 8px}.muted{color:#8b9388}.config-panel p.muted{font-size:11px;margin:0 0 18px;line-height:1.5}.material-picker{display:flex;gap:12px}.swatch{position:relative;width:44px;height:44px;border:2px solid transparent;padding:3px;border-radius:50%;background:transparent}.swatch:before{content:'';position:absolute;inset:3px;border-radius:50%;background:var(--swatch);background-size:300%;background-position:45% 45%;box-shadow:inset 0 0 0 1px #0000000c}.swatch.active{border-color:#43644d}.swatch.active:after{content:'✓';position:absolute;bottom:-1px;right:-3px;background:#42624c;color:#fff;font-size:8px;width:14px;height:14px;border-radius:50%;display:grid;place-items:center}.divider{height:1px;background:#e9ebe3;margin:23px 0}.field-label{display:flex;justify-content:space-between;font-size:11px}.field-label .muted{font-size:10px}.option-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:13px 0 20px}.option{border:1px solid #e0e4db;border-radius:4px;text-align:center;padding:12px 0 10px}.option b{font-size:14px;font-weight:500;display:block}.option small{font-size:8px;color:#8c9586;display:block;margin-top:5px}.option.active{background:#edf2e8;border-color:#71896b;color:#355636}.metrics{display:flex;flex-direction:column;gap:12px}.metrics>div{display:flex;align-items:center;justify-content:space-between;gap:5px}.metrics span{font-size:10px;color:#8b9386}.metrics strong{font-size:10px;font-weight:500;font-family:'SFMono-Regular',Consolas,monospace}.toggle-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin:18px 0;gap:10px}.toggle-row b{font-weight:500}.toggle-row small{display:block;color:#8b9386;font-size:8px;margin-top:6px;line-height:1.4}.text-button{font-size:10px;color:#456846;padding:5px 0;white-space:nowrap}.switch{position:relative;width:30px;height:17px;background:#d3d8ce;border-radius:10px;flex-shrink:0;padding:0}.switch:before{content:'';width:11px;height:11px;position:absolute;left:3px;top:3px;border-radius:50%;background:#fff;transition:transform .2s}.switch.on{background:#557854}.switch.on:before{transform:translateX(13px)}.model-note{display:flex;gap:9px;background:#f2f4ed;margin:21px 0 18px;padding:12px;border-radius:4px;color:#6e7c66}.model-note>span{font-size:19px}.model-note p{font-size:9px;line-height:1.8;margin:0}.outline-button{border:1px solid #ced7c8;border-radius:4px;padding:11px 16px;font-size:10px;background:transparent;line-height:1.4}#share-config{width:100%}.inline-status{display:block;font-size:9px;color:#4d7350;margin-top:6px;line-height:1.5;word-break:break-word}.spec-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 0;border-bottom:1px solid #e0e3d9}.spec-strip>div{display:flex;gap:13px;align-items:center;justify-content:center;border-right:1px solid #dfe3d9}.spec-strip>div:first-child{justify-content:flex-start}.spec-strip>div:last-child{border:0}.spec-strip strong{font-size:25px;font-weight:400;letter-spacing:-.5px}.spec-strip strong small{font-size:11px}.spec-strip span{font-size:10px;color:#87917e}.section{padding-top:68px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px}.section-heading h2{font-size:30px;font-weight:400;letter-spacing:-1px;margin:13px 0 0}.section-heading p{font-size:11px;line-height:1.8;color:#88917f;margin:0}.material-row{margin:28px 0 34px}.material-row-header{display:flex;align-items:center;gap:12px;margin-bottom:15px}.material-row-header>span{width:21px;height:21px;border-radius:50%;background:var(--swatch);background-size:300%;background-position:45% 45%;box-shadow:inset 0 0 0 1px #0000000c}.material-row-header h3{font-size:13px;font-weight:500;margin:0}.material-row-header small{font-family:monospace;color:#9ca493;font-size:10px;margin-left:auto}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.model-card{padding:0;text-align:left;background:#f0f1ea;border:1px solid #e7eadf;border-radius:5px;overflow:hidden;transition:border-color .15s,transform .15s;position:relative}.model-card:hover{border-color:#879e78;transform:translateY(-3px)}.model-card.selected{border-color:#617c52}.model-card .selected-label{position:absolute;right:12px;top:10px;font-size:8px;background:#dfe8d7;color:#49683d;padding:5px 7px;border-radius:3px}.model-card img{width:100%;aspect-ratio:1.1;object-fit:contain;display:block}.card-info{padding:13px 15px 16px;border-top:1px solid #e0e4d8;display:flex;justify-content:space-between;align-items:flex-start;gap:4px}.card-info b{font-size:11px;font-weight:500}.card-info small{display:block;color:#929b88;font-size:8px;margin-top:7px}.card-info>span{font-family:monospace;font-size:9px;color:#586c4e}.drawing-tabs{display:flex;justify-content:space-between;font-size:11px;border-top:1px solid #dce1d3;border-bottom:1px solid #dce1d3;padding:18px 0}.drawings{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:20px 0 25px}.drawing{background:#fffefa;border:1px solid #e2e6da;border-radius:5px;padding:18px 14px 8px}.drawing-title{display:flex;justify-content:space-between;gap:8px;font-size:9px;margin-bottom:8px;color:#526749}.drawing-title small{font-size:8px;color:#9aa38d}.drawing svg{width:100%;height:auto;display:block}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}th{text-align:left;font-weight:400;color:#859278;font-size:9px;background:#eff2e9;padding:14px 18px}td{padding:16px 18px;border-bottom:1px solid #dfe4d5;font-family:monospace;color:#4e6243}td:first-child{font-family:inherit}.active-table-row td{background:#f0f4e9;font-weight:600}.evidence-note{display:grid;grid-template-columns:240px 1fr;gap:30px;padding:23px 0}.evidence-note b{font-size:11px;font-weight:500;line-height:1.6}.evidence-note p{font-size:10px;line-height:1.8;color:#8d967f;margin:0}.engineering{border:1px solid #dce3d0;border-radius:4px;background:#f3f5ee;padding:17px 20px}.engineering summary{display:flex;justify-content:space-between;cursor:pointer;font-size:11px;list-style:none}.engineering summary::-webkit-details-marker{display:none}.engineering p{font-size:11px;line-height:1.8;color:#879376;max-width:900px}.engineering-fields{display:flex;gap:24px;margin:20px 0}.engineering-fields label{display:flex;flex-direction:column;gap:10px;font-size:10px;flex:1}.engineering-fields input{background:#fffefa;border:1px solid #cbd7c1;border-radius:3px;padding:10px;color:#46613a;max-width:220px;width:100%}.parameter-warning{color:#946938!important}footer{border-top:1px solid #dce3d0;margin-top:65px;padding:35px 0 40px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand{font-size:18px}.footer-brand small{font-size:8px;max-width:145px;letter-spacing:.7px}footer p{font-size:9px;line-height:1.8;color:#909a83}footer>a{font-size:10px;color:#5c714b}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(80px);background:#263e2e;color:#fff;padding:14px 24px;border-radius:5px;font-size:12px;z-index:20;transition:transform .2s;max-width:90vw}#toast.show{transform:translateX(-50%) translateY(0)}
@media(min-width:1500px){.configurator{grid-template-columns:minmax(0,1fr) 355px}.config-panel{padding:30px}.stage-wrap{min-height:655px}#stage{height:590px}}
@media(max-width:1050px){header{padding:0 28px}main{padding:0 28px}.header nav{gap:20px}.configurator{grid-template-columns:minmax(0,1fr) 290px}.config-panel{padding:23px 20px}.stage-top{left:20px;right:20px}.stage-bottom{padding:18px}.stage-bottom>span{max-width:170px;line-height:1.5}.drawings{gap:10px}.drawing{padding:14px 8px}.drawing-title{font-size:8px}.drawing-title small{font-size:7px}.card-info{padding:12px 10px}.card-info>span{font-size:8px}}
@media(max-width:760px){header{height:74px;padding:0 20px}.brand{font-size:19px}.brand svg{width:23px}.brand small{font-size:7px}.header nav{display:none}main{padding:0 18px}.intro{padding:31px 0 24px;align-items:flex-start;flex-direction:column;gap:20px}.eyebrow{font-size:8px}h1{font-size:39px;letter-spacing:-1.5px}.intro p{font-size:11px}.finish-switch{width:100%}.finish-switch a{width:50%;text-align:center;font-size:11px;padding:11px}.configurator{grid-template-columns:1fr}.stage-wrap{min-height:485px}#stage{height:440px}.stage-top{top:19px;left:18px;right:18px}.stage-badge{font-size:8px}.view-controls{bottom:48px;gap:8px}.segmented button{padding:8px 10px;font-size:9px}.stage-bottom{padding:12px 16px;gap:10px}.stage-bottom>span{font-size:8px;max-width:205px}.stage-bottom button{font-size:9px;white-space:nowrap}.config-panel{border-left:0;border-top:1px solid #dfe3d9;padding:24px}.config-panel h2{margin-top:18px}.config-panel .divider{margin:20px 0}.material-picker{gap:15px}.option-picker{gap:8px}.option b{font-size:16px}.option small{font-size:10px}.metrics span,.metrics strong,.field-label,.toggle-row{font-size:12px}.toggle-row small{font-size:10px}.text-button{font-size:11px}.model-note p{font-size:11px}.outline-button{font-size:11px}.spec-strip{grid-template-columns:1fr 1fr;gap:20px;padding:28px 0}.spec-strip>div{justify-content:flex-start!important;border:0}.spec-strip>div:nth-child(even){padding-left:15px}.spec-strip strong{font-size:24px}.spec-strip span{font-size:9px}.section{padding-top:45px}.section-heading{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:25px}.section-heading h2{font-size:28px;line-height:1.16}.section-heading p{font-size:11px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.model-card img{aspect-ratio:.95}.card-info{padding:12px 10px;flex-direction:column;gap:12px}.card-info>span{font-size:10px}.card-info b{font-size:11px}.card-info small{font-size:9px}.material-row{margin-bottom:30px}.drawings{grid-template-columns:1fr;gap:14px}.drawing{padding:18px}.drawing-title{font-size:11px}.drawing-title small{font-size:10px}.drawing svg{max-width:450px;margin:auto}.drawing-tabs{align-items:flex-start;gap:12px;font-size:10px}.drawing-tabs>span:first-child{max-width:55%}.drawing-tabs .muted{max-width:40%;text-align:right;font-size:9px}.evidence-note{grid-template-columns:1fr;gap:10px;padding:23px 0}.evidence-note p{font-size:11px}.engineering-fields{flex-direction:column;gap:16px}.engineering-fields input{max-width:none}.engineering-fields label{font-size:11px}.engineering{padding:17px 16px}footer{flex-wrap:wrap;margin-top:45px;gap:16px}footer p{order:3;width:100%;margin:0}.footer-brand{font-size:16px}.footer-brand small{font-size:7px}.languages{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{header,.intro,.configurator,.spec-strip,#collection,.engineering,footer,#toast,#print-spec{display:none!important}main{padding:0}.section{padding:0}.section-heading{margin:0 0 20px}.drawings{grid-template-columns:repeat(3,1fr)}.drawing{break-inside:avoid}.table-scroll{overflow:visible}th,td{padding:10px 8px;font-size:9px}.evidence-note{grid-template-columns:200px 1fr}.section-heading h2{font-size:24px}body{background:#fff}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
