@import url('./style.css');
*{box-sizing:border-box}body{margin:0;background:#f2f3ee;color:#263c33;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif;font-size:14px}header{height:76px;display:flex;align-items:center;gap:26px;padding:0 30px;border-bottom:1px solid #dfe5d9;background:#fbfcf8}.brand{color:#2b4b38;text-decoration:none;font-size:25px;display:flex;gap:8px;align-items:center}.brand small{font-size:9px;letter-spacing:2px;align-self:flex-end;margin-bottom:6px}.header-divider{height:24px;border-left:1px solid #d4ddcd}.back{margin-left:auto;color:#4f6657;text-decoration:none;font-size:13px}.layout{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:calc(100vh - 76px)}.sidebar{padding:32px 22px 20px;border-right:1px solid #dfe5d9;background:#f9faf5;display:flex;flex-direction:column}h1{font-size:28px;letter-spacing:-1px;margin:12px 0}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:#7a907c}.intro{color:#819080;font-size:12px;line-height:1.9;margin:0 0 26px}.board-picker{display:grid;gap:9px}.board-picker button{width:100%;padding:14px 12px;display:flex;align-items:center;gap:13px;border:1px solid #dfe5d6;border-radius:10px;background:transparent;text-align:left;color:inherit;cursor:pointer}.board-picker button.selected{background:#e8efdf;border-color:#a9bb97}.board-picker button>span{font-size:28px;color:#799d74}.board-picker small{display:block;color:#8b9787;font-size:11px;margin-top:5px}.board-picker i{margin-left:auto;color:#849779;font-style:normal}.board-facts{padding:19px 2px;display:grid;grid-template-columns:1fr 1fr;gap:14px;border-bottom:1px solid #e2e8db}.board-facts b{display:block;font-size:13px}.board-facts small{color:#8d9989;font-size:10px;display:block;margin-top:5px}.side-heading{display:flex;justify-content:space-between;margin:22px 0 10px;font-size:12px}.side-heading span{color:#93a18d}input[type=search]{width:100%;border:1px solid #dfe5d8;border-radius:7px;padding:10px;background:white;font-size:12px}.component-list{height:320px;overflow:auto;margin-top:10px;scrollbar-width:thin}.component-list button{display:flex;align-items:center;width:100%;padding:10px 8px;border:none;border-radius:6px;background:none;cursor:pointer;color:#526c57;text-align:left}.component-list button:hover,.component-list button.selected{background:#e6eddf}.component-list b{width:43px;font-size:12px}.component-list span{flex:1;font-size:11px;color:#82927f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component-list em{font-size:9px;font-style:normal;color:#97a38e}.source-download{margin-top:20px;padding:18px 0;border-top:1px solid #dfe5d9}.source-download a{display:block;border:1px solid #afc19e;border-radius:7px;padding:11px 10px;text-decoration:none;color:#4f6948;text-align:center;font-size:12px}.source-download small{display:block;color:#97a28f;font-size:10px;text-align:center;margin-top:10px}main{padding:32px 36px 20px;min-width:0}.main-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 26px}.main-heading h2{margin:9px 0 0;font-size:26px;font-weight:550;letter-spacing:-.6px}.source-badge{font-size:10px;color:#7e987b;background:#e7ecdf;border-radius:30px;padding:8px 11px}.source-badge i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#81a06d;margin-right:5px}.view-tabs{display:flex;gap:5px;margin-bottom:14px}.view-tabs button{border:none;background:transparent;padding:11px 19px;color:#91a08d;font-size:12px;border-radius:7px;cursor:pointer}.view-tabs button.selected{background:#2f503b;color:#f5f8ef}.viewport{height:min(62vh,660px);min-height:440px;border:1px solid #d7dfd0;border-radius:14px;background:#e3e8df;position:relative;overflow:hidden}.viewport canvas{display:block;width:100%;height:100%;touch-action:none}.viewport-top,.viewport-bottom{position:absolute;display:flex;align-items:center;justify-content:space-between;left:20px;right:20px;z-index:3;pointer-events:none}.viewport-top{top:18px}.viewport-bottom{bottom:16px}.viewport-top button,.viewport-bottom button{pointer-events:auto}.segmented{display:flex;border:1px solid #ccd4c4;border-radius:7px;padding:3px;background:#f6f8f0dc}.segmented button{border:none;background:none;padding:7px 14px;color:#83917d;border-radius:4px;font-size:11px;cursor:pointer}.segmented button.selected{background:#e0e8d6;color:#3c593a}.view-hint{font-size:10px;color:#75816f;background:#f7f8f1bb;border-radius:20px;padding:8px 12px}.viewport-bottom>span{font-size:10px;color:#7e8c74;background:#f7f8f1d9;padding:8px 10px;border-radius:5px}.viewport-actions{display:flex;gap:4px}.viewport-actions button{background:#f7f8f2e6;color:#4c6947;border:1px solid #d0dbc4;padding:8px 10px;border-radius:6px;font-size:11px;cursor:pointer}#threeMount,#drawingMount,#productMount{position:absolute;inset:0}#drawingMount{cursor:grab;touch-action:none;background:#16231f}#drawingMount>svg{width:100%;height:100%;display:block}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;color:#75896d;font-size:13px;z-index:4;background:#edf0e6}.loading[hidden]{display:none}#productMount{background:#13241f}#productImage{width:100%;height:100%;object-fit:contain}.product-caption{margin:12px 0;padding:14px 18px;color:#fff;background:#253e32;border-radius:10px}.product-caption b{font-size:15px;display:block;font-weight:500}.product-caption span{display:block;font-size:10px;color:#c7d8c9;margin-top:7px}.option-row{display:flex;gap:20px;align-items:center;min-height:68px;padding:12px 3px;flex-wrap:wrap;font-size:11px;color:#6c8164}.option-row label{display:flex;gap:7px;align-items:center;white-space:nowrap}.option-row input{accent-color:#698b52}.option-row select,.option-row button{font-size:11px;border:1px solid #ccd8c2;padding:6px 10px;border-radius:6px;background:#f8faf2;color:#5f7955;cursor:pointer}.option-row button.selected{background:#e1ead5;border-color:#8ca776}.scene-name{margin-left:auto;color:#92a087;font-size:10px}.info-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:18px;margin-top:8px}.info-card{background:#f9fbf5;border:1px solid #dfe6d5;border-radius:10px;padding:20px 22px;min-width:0}.info-card h3{font-size:14px;margin:10px 0;color:#4b6342}.info-card p{font-size:11px;color:#8a9880;line-height:1.85;margin:8px 0}.info-card .part-meta{word-break:break-word;color:#788c6d}.pin-list{max-height:145px;overflow:auto;margin-top:12px;display:grid;gap:4px;scrollbar-width:thin}.pin-row{display:grid;grid-template-columns:40px 1fr;font-size:10px;gap:8px;color:#6f8662;padding:3px 0;border-bottom:1px solid #eaf0e3}.page-note{font-size:10px;color:#99a58f;line-height:1.8;margin-top:18px}.page-note a{color:#7d966d;margin-left:8px}button:focus-visible,a:focus-visible{outline:2px solid #6c9250;outline-offset:3px}[hidden]{display:none!important}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#345238;color:white;border-radius:8px;padding:12px 20px;opacity:0;transition:opacity .2s;z-index:30;pointer-events:none;font-size:12px}#toast.show{opacity:1}
@media(min-width:1600px){main{padding:36px 6vw}.viewport{height:650px}}@media(max-width:1000px){.layout{grid-template-columns:230px 1fr}.sidebar{padding:25px 15px}main{padding:25px 20px}.view-tabs button{padding:10px 12px}.source-badge{display:none}.info-grid{grid-template-columns:1fr}.view-hint{display:none}.option-row{gap:12px}}@media(max-width:700px){header{height:65px;padding:0 16px;gap:15px}header>span{display:none}.brand{font-size:20px}.brand small{display:none}.back{font-size:11px}.layout{display:block}.sidebar{padding:20px}.sidebar h1{font-size:23px}.intro,.sidebar>.eyebrow,.board-facts,.side-heading,#componentSearch,.component-list,.source-download{display:none}.board-picker{display:flex}.board-picker button{padding:10px;flex:1}.board-picker button>span{font-size:23px}.board-picker b{font-size:12px}.board-picker small{font-size:9px}.board-picker i{display:none}main{padding:20px 15px}.main-heading{margin-bottom:15px}.view-tabs{gap:2px}.view-tabs button{padding:10px 8px;font-size:10px}.viewport{height:440px;min-height:350px}.viewport-top,.viewport-bottom{left:10px;right:10px}.viewport-bottom>span{display:none}.viewport-actions{margin-left:auto}.option-row{font-size:10px;gap:10px}.scene-name{display:none}.info-card{padding:17px}.product-caption{left:15px;bottom:65px}}
.component-disclosure summary{display:none}.component-disclosure{min-width:0}header .language-control{margin-left:auto}header .back{margin-left:0}
@media(max-width:760px){
 header{height:auto;min-height:70px;padding:12px;gap:10px;flex-wrap:wrap}header>.brand{font-size:19px;min-width:0}header>.brand small,header>.header-divider,header>span{display:none}header .back{font-size:12px;min-height:44px;display:flex;align-items:center}header .language-select{font-size:16px;min-height:44px}.layout{display:block}.sidebar{padding:15px 12px;border:0}.sidebar h1{font-size:22px;margin:5px 0 12px}.intro,.sidebar>.eyebrow,.board-facts{display:none}.board-picker{display:flex;gap:8px}.board-picker button{min-width:0;flex:1;padding:10px;gap:8px;min-height:65px}.board-picker b{font-size:12px}.board-picker small{font-size:10px}.board-picker i{display:none}
 .component-disclosure{margin-top:12px;border:1px solid #dfe5d9;border-radius:8px;padding:0 10px}.component-disclosure summary{display:list-item;min-height:44px;line-height:44px;font-size:13px;cursor:pointer}.component-disclosure .side-heading,.component-disclosure .source-download{display:block}.component-disclosure #componentSearch{display:block;font-size:16px}.component-disclosure .component-list{display:block;height:160px}.component-list button{min-height:44px}.source-download{padding:12px 0;margin:8px 0}.source-download a{min-height:44px}
 .layout>main{padding:12px}.main-heading{margin-bottom:12px}.main-heading h2{font-size:23px}.view-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px}.view-tabs button{min-height:44px;padding:8px;font-size:12px}.viewport{height:clamp(370px,60svh,540px);min-height:370px}.viewport-top,.viewport-bottom{left:8px;right:8px}.segmented button{min-width:58px;min-height:38px}.view-hint,.viewport-bottom>span{display:none}.viewport-actions{margin-left:auto}.viewport-actions button{min-height:44px;min-width:40px;padding:7px;font-size:11px}.option-row{gap:8px}.option-row label{min-height:44px;font-size:12px;white-space:normal}.option-row select{font-size:16px}.option-row button{min-height:44px;font-size:12px}.option-row input[type=checkbox]{width:20px;height:20px}.info-grid{grid-template-columns:1fr}.info-card{padding:16px}.info-card p,.pin-row,.page-note{font-size:12px}.product-caption span{font-size:12px}
}