/* Exterior-specific presentation; header, pickers and dock share index.html geometry. */
body.exterior #viewport,body.exterior #sidePanel{display:none}
#objectViewport{position:absolute;inset:0;background:#152630}
#objectStage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;cursor:grab;outline:none}
#objectStage:active{cursor:grabbing}#objectStage:focus-visible{box-shadow:inset 0 0 0 3px #ecc58a}
#objectImage{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;user-select:none;transform-origin:center;will-change:transform}
#objectMessage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--glass);padding:16px 22px;border-radius:var(--radius);pointer-events:none;text-align:center}
#objectPosition{position:absolute;left:var(--left);bottom:calc(var(--bottom) + var(--dock) + 40px);border-radius:7px;background:var(--glass);padding:6px 10px;font-size:12px;pointer-events:none}
#modelPanel{overflow:auto;scrollbar-width:thin;scrollbar-color:#a8b7bd transparent}#modelThumbnail{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:7px;margin-top:10px;background:#152630}#modelName{font-size:13px;text-align:center;padding:9px 2px 1px;overflow-wrap:anywhere}
@media(max-width:600px){#objectTools{display:flex;gap:2px}#objectTools button{flex:1;min-width:0;width:auto}}
@media(max-width:359px){#objectTools{display:grid;grid-template-columns:repeat(4,1fr)}#objectTools button{width:100%;min-width:44px}}