*{box-sizing:border-box} :root{--surface:#f6f1e8;--ply:#d8b98a} body{margin:0;background:#f6f1e8;color:#493311;font-family:system-ui,sans-serif}main{max-width:1400px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #d6c4aa}h1{font-family:Georgia,serif;font-size:23px;margin:4px 0}.eyebrow{font-size:10px;letter-spacing:.15em;margin:0;color:#526348}.status{font-size:12px;margin:0;max-width:180px}.stage{position:relative;height:470px;max-height:65vh;min-height:300px}canvas{display:block;width:100%;height:100%;touch-action:none}.controls{display:flex;gap:8px;flex-wrap:wrap;padding:12px 20px;border-top:1px solid #d6c4aa}button{font:inherit;font-size:13px;border:1px solid #8a795b;background:#fffaf1;color:#493311;border-radius:4px;padding:9px 12px;cursor:pointer}button[aria-pressed=true]{background:#49583c;color:white}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #a4581b;outline-offset:2px}.hint{font-size:12px;line-height:1.5;margin:0;padding:0 20px 14px;color:#665b4c}#fallback{padding:40px;position:absolute;inset:0;background:#f6f1e8}#fallback[hidden]{display:none}a{color:#3d6335}noscript{padding:20px}@media(max-width:520px){header{display:block;padding:12px}.status{max-width:none;margin-top:6px}.stage{height:360px;min-height:260px}.controls{padding:12px;gap:6px}button{padding:9px}.hint{padding:0 12px 12px}}

#dimension-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.dimension-label{position:absolute;top:0;left:0;white-space:nowrap;font:600 11px system-ui,sans-serif;color:#65300e;background:#fffaf1ee;border:1px solid #a77a53;border-radius:4px;padding:4px 6px;box-shadow:0 1px 4px #49331120}.unit-control{display:flex;align-items:center;gap:6px;font-size:13px}select{font:inherit;color:inherit;background:#fffaf1;border:1px solid #8a795b;border-radius:4px;padding:8px}select:focus-visible{outline:3px solid #a4581b;outline-offset:2px}select:disabled{opacity:.55}#dimension-summary{padding-bottom:10px}#dimension-exploded-note{color:#7a3918}

.assembly-panel{padding:16px 20px;border-bottom:1px solid #d6c4aa;background:#fffaf1}.assembly-panel[hidden]{display:none}.assembly-navigation{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.assembly-navigation label{font-weight:600;font-size:13px}.assembly-navigation select{min-width:0;max-width:100%;font-size:13px}.assembly-buttons{display:flex;gap:8px;flex-wrap:wrap}#assembly-copy{font-size:14px;line-height:1.55;margin:12px 0 8px}.assembly-legend{font-size:12px;margin:0;color:#665b4c}.assembly-legend span{display:inline-block;width:10px;height:10px;border-radius:50%;background:#c16b22}button:disabled{opacity:.45;cursor:default}@media(max-width:520px){.assembly-panel{padding:12px}.assembly-navigation{gap:7px}.assembly-navigation select{width:100%}#assembly-copy{font-size:13px}}