@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+TC:wght@400;500;600;700&display=swap";:root{font-family:Manrope,Noto Sans TC,sans-serif;color:#203433;background:#f4f6f4;font-synthesis:none;--accent:#197d6b;--border:#dfe6e1}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #62b7a5;outline-offset:3px}button:disabled{opacity:.45;cursor:wait}.topbar{height:76px;background:#182b2a;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.brand{color:inherit;text-decoration:none;font-size:15px;letter-spacing:1.2px;font-weight:800;display:flex;align-items:center;gap:12px}.brand-mark{height:32px;width:32px;display:flex;align-items:center;justify-content:center;border:1px solid #63807a;border-radius:6px;font-size:20px;color:#a5dac8}.brand-mark span{font-size:15px;margin-left:-2px}.brand small{border-left:1px solid #536762;padding-left:13px;font-size:10px;letter-spacing:2px;color:#a8bdb7;font-weight:500}.header-note{font-size:12px;color:#bacbc7;display:flex;align-items:center;gap:8px}.header-note i,.status-dot{width:6px;height:6px;border-radius:50%;background:#73bf9d;display:inline-block}main{max-width:1760px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 306px;gap:30px;padding:33px 40px 28px}.workspace{min-width:0}.heading{display:flex;justify-content:space-between;align-items:flex-end;margin:0 0 25px}.eyebrow{font-size:10px;letter-spacing:2px;color:#758b82;font-weight:700;margin-bottom:11px}h1{font-size:27px;letter-spacing:-.8px;margin:0;font-weight:700}h1 span{display:block;font-size:12px;font-weight:400;color:#7b8b85;letter-spacing:.5px;margin-top:7px}.revision{font-size:10px;color:#70857a;border:1px solid #d8e1d9;border-radius:20px;padding:6px 10px;margin-bottom:2px}#viewport{height:clamp(390px,56vh,730px);position:relative;border:1px solid #dce4de;border-radius:14px;overflow:hidden;background:#e9efea}canvas{display:block;width:100%;height:100%;touch-action:none}.canvas-label{position:absolute;top:21px;left:23px;display:flex;align-items:center;gap:7px;font-size:11px;color:#5c766a;pointer-events:none}.status-dot{background:#368f77}.view-controls{position:absolute;bottom:47px;left:50%;transform:translate(-50%);display:flex;gap:3px;padding:5px;background:#fffffff0;border:1px solid #dde5df;border-radius:9px;box-shadow:0 3px 15px #153b2810;white-space:nowrap}.view-controls button{border:0;border-radius:5px;padding:7px 13px;background:transparent;color:#63776c;font-size:11px}.view-controls button.active{background:#e5efe8;color:#196751}.view-controls button:hover{background:#e5efe8}#fit{border-left:1px solid #e3e8e3;border-radius:0 5px 5px 0;font-size:15px}#fit span{font-size:11px}.view-help{position:absolute;bottom:17px;left:0;right:0;text-align:center;font-size:10px;color:#819187;pointer-events:none}.view-help span{padding:0 6px}.touch-help{display:none}.axis-tag{position:absolute;bottom:22px;right:23px;font-size:11px;color:#a26b57;pointer-events:none}.axis-tag span{color:#86998e;font-size:9px;padding-left:3px}.axis-tag b{display:block;color:#699382;padding-top:5px;font-weight:500}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;color:#5d7a6d;font-size:13px;z-index:3;background:#e9efea}.spinner{width:19px;height:19px;border:2px solid #c8d9cc;border-top-color:#197d6b;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spec-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:24px;padding:10px 0}.spec-strip>div{border-right:1px solid #dce4dc;padding-left:24px}.spec-strip>div:first-child{padding-left:3px}.spec-strip>div:last-child{border:0}.spec-strip strong{display:block;font-size:25px;letter-spacing:-1px;font-weight:600}.spec-strip strong span{font-size:11px;font-weight:500;letter-spacing:0;color:#718379}.spec-strip small{font-size:10px;color:#7b8b82;display:block;margin-top:6px}.sidebar{padding-top:5px}.panel{background:#fff;border:1px solid var(--border);border-radius:12px;padding:21px;margin-bottom:16px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}h2{font-size:13px;font-weight:600;margin:0}.mini-label{font-size:9px;letter-spacing:1.4px;color:#93a399}.muted{font-size:10px;color:#87968c;line-height:1.8;margin:10px 0 17px}.mode-switch{display:flex;background:#f0f4f0;border:1px solid #e6ebe6;border-radius:7px;padding:3px;margin-bottom:22px}.mode-switch button{width:50%;border:0;background:transparent;color:#7d8c82;font-size:11px;padding:8px;border-radius:5px}.mode-switch button.active{background:#fff;color:var(--accent);box-shadow:0 1px 5px #294e3010;font-weight:600}.range-label{font-size:10px;color:#6e8275;display:flex;justify-content:space-between}.range-label output{font-family:Manrope;color:var(--accent);font-weight:700}input[type=range]{width:100%;height:4px;margin:20px 0 12px;accent-color:var(--accent);cursor:pointer}.range-end{font-size:9px;color:#a2aea5;display:flex;justify-content:space-between}.text-button{padding:0;border:0;background:none;color:var(--accent);font-size:10px}.part{display:flex;gap:8px;align-items:center;border-bottom:1px solid #eef1ed;padding:11px 0}.part:last-child{border:0}.part input{accent-color:var(--accent);width:14px;height:14px;cursor:pointer}.part .swatch{height:8px;width:8px;border-radius:2px;flex-shrink:0}.part button{border:0;background:none;flex:1;text-align:left;padding:0;color:#52695b;font-size:11px}.part button:hover{color:var(--accent)}.part.off{opacity:.45}.part .part-no{font-size:9px;color:#9eaaa1}.parts-actions{display:flex;gap:8px;margin-top:16px}.parts-actions button{flex:1;background:#f5f8f4;color:#577562;border:1px solid #e1e9e1;padding:8px 3px;border-radius:5px;font-size:10px}.parts-actions button:hover{background:#e4eee5}.details dl{margin:16px 0 0;font-size:10px}.details dl>div{display:flex;justify-content:space-between;gap:5px;margin:12px 0}.details dt{color:#8c9b90}.details dd{margin:0;color:#5c7262}.design-note{border-top:1px solid #edf1eb;font-size:9px;line-height:1.8;color:#a0aaa1;margin:16px 0 0;padding-top:13px}footer{border-top:1px solid #e2e8e0;display:flex;justify-content:space-between;font-size:9px;color:#8a9a8f;letter-spacing:.6px;padding:20px 40px}footer b{color:#c3d0c4;margin:0 10px;font-weight:400}@media(min-width:1700px){#viewport{height:62vh}}@media(max-width:1000px){main{gap:20px;padding:25px 24px;grid-template-columns:minmax(0,1fr) 260px}.panel{padding:17px}.topbar{padding:0 24px}.spec-strip>div{padding-left:12px}.spec-strip strong{font-size:22px}.axis-tag{display:none}}@media(max-width:760px){.topbar{height:64px;padding:0 18px}.brand{font-size:12px;gap:8px}.brand small{display:none}.header-note{font-size:10px}main{display:flex;flex-direction:column;padding:23px 16px;gap:18px}.heading{margin-bottom:18px}h1{font-size:23px}.revision,.eyebrow{font-size:9px}#viewport{height:440px}.view-controls button{padding:7px 12px}.view-help{font-size:9px}.touch-help{display:inline!important;padding:0!important}.spec-strip{margin-top:16px}.spec-strip strong{font-size:21px}.spec-strip small{font-size:9px}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0}.panel{margin:0;padding:16px}.details{grid-column:1/-1}.details dl{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.parts-panel .muted{margin-bottom:5px}.part{padding:8px 0}footer{padding:17px 18px;line-height:1.8;gap:12px;font-size:8px}}@media(max-width:420px){#viewport{height:390px}.sidebar{display:block}.panel{margin-bottom:12px}.spec-strip>div{padding-left:9px}.spec-strip strong{font-size:19px}.spec-strip small{font-size:8px}.revision{padding:5px 8px}.axis-tag{display:none}footer{flex-direction:column;gap:0}}.model-picker{display:flex;align-items:center;gap:12px;margin-bottom:22px;font-size:11px}.model-picker label{color:#718578;white-space:nowrap}.model-picker select{font:inherit;color:#284c3c;border:1px solid #cfddd1;border-radius:6px;padding:10px 30px 10px 12px;background:#fff;max-width:100%;cursor:pointer}.model-picker>span{font-size:10px;color:#87998b}.model-picker select:focus-visible{outline:3px solid #62b7a5;outline-offset:2px}h1 b{font-weight:inherit}#parts{max-height:340px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c5d6ca transparent}.reserve-toggle{display:flex;align-items:center;gap:6px;font-size:10px;color:#587661;border-bottom:1px solid #edf1eb;padding-bottom:10px;line-height:1.6}.reserve-toggle[hidden]{display:none}.reserve-toggle input{accent-color:var(--accent)}.part button{line-height:1.6}.part{min-height:38px}@media(max-width:760px){.model-picker{flex-wrap:wrap;gap:8px}.model-picker>span{margin-left:auto}.model-picker select{font-size:11px;padding:9px 22px 9px 10px}#parts{max-height:320px}}.sidebar{align-items:start}