#object-3d{width:min(1000px,94vw);max-width:94vw;padding:30px;background:#e6e3dc;color:#182216;border:1px solid #9d9e94;max-height:94svh;overflow:auto}#object-3d::backdrop{background:#18221699;backdrop-filter:blur(8px)}.model-top{display:flex;justify-content:space-between;align-items:flex-start}.model-top h2{font-size:clamp(30px,5vw,58px);letter-spacing:-2px;margin:5px 0}.model-close{font-size:30px;background:none;border:0;color:inherit;cursor:pointer}.model-canvas{height:min(52svh,470px);min-height:260px;touch-action:none;cursor:grab;outline-offset:-3px}.model-canvas:active{cursor:grabbing}.model-canvas canvas{display:block;width:100%;height:100%}.model-tools{display:flex;flex-wrap:wrap;gap:15px;align-items:center;border-top:1px solid #aaa99f;padding-top:20px}.model-tools button,.view-3d{background:#182216;color:#e6e3dc;border:1px solid #182216;padding:12px 18px;cursor:pointer;font:inherit}.model-tools label{margin-left:auto;display:flex;gap:12px;align-items:center}.model-tools input{accent-color:#182216;max-width:130px}.model-note{font-size:12px;opacity:.7;margin:20px 0 0}.view-3d{margin-bottom:22px}.model-tools button:focus-visible,.view-3d:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media(max-width:600px){#object-3d{padding:20px}.model-tools label{margin-left:0}.model-note{line-height:1.6}}
.model-sizes{display:flex;gap:8px;margin:16px 0}.model-sizes[hidden],.model-size-copy[hidden]{display:none}.model-sizes button{padding:9px 18px;border:1px solid #999c90;background:transparent;color:inherit;cursor:pointer;font:inherit}.model-sizes button[aria-pressed=true]{background:#182216;color:#e6e3dc;border-color:#182216}.model-size-copy{min-height:80px}.model-size-copy strong{font-size:18px}.model-size-copy p{margin:6px 0;font-size:14px}.model-size-copy small{font-size:11px;opacity:.7}#object-3d:has(.model-sizes:not([hidden])) .model-canvas{height:min(40svh,360px);min-height:220px}@media(max-width:600px){.model-sizes button{padding:9px 13px}.model-size-copy{min-height:95px}}
#hinged-model{width:min(1050px,94vw);max-width:94vw;max-height:94svh;overflow:auto;background:#e6e3dc;color:#182216;border:1px solid #9d9e94;padding:26px}#hinged-model::backdrop{background:#18221699;backdrop-filter:blur(8px)}.hinged-variants,.hinged-finishes{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.hinged-variants button,.hinged-finishes button{border:1px solid #9d9e94;padding:9px 13px;background:transparent;color:inherit;font:inherit;cursor:pointer}.hinged-variants button[aria-pressed=true],.hinged-finishes button[aria-pressed=true]{background:#182216;color:#e6e3dc}.hinged-finishes button{font-size:12px;padding:6px 14px}.hinged-description p{font-size:14px;margin:5px 0}.hinged-description small{font-size:11px;opacity:.7}.hinged-canvas{height:min(43svh,390px);min-height:240px;touch-action:none;cursor:grab}.hinged-canvas:active{cursor:grabbing}.hinged-canvas canvas{display:block;width:100%;height:100%}@media(max-width:600px){#hinged-model{padding:18px}.hinged-variants button{font-size:12px}.hinged-canvas{height:300px}}
#hinged-model .hinged-canvas{height:min(34svh,340px);min-height:210px}#hinged-model .model-top h2{font-size:clamp(30px,4vw,48px)}#hinged-model .model-note{margin-top:12px}#hinged-model .model-tools{padding-top:12px}