/* 3D Viewer: builds on the Building Studio styles (../studio/studio.css). */
.viewer-intro{padding:56px 0 32px;display:flex;gap:40px;align-items:end;justify-content:space-between}
.viewer-intro h1{font-size:clamp(38px,5vw,60px);line-height:1.08;margin:0}
.viewer-intro h1 span{color:var(--accent)}
.viewer-intro .intro{font-size:15px;max-width:440px;margin:0}
.viewer-frame{position:relative;border:1px solid #7dd3fc33;border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#1d4373 0,transparent 70%),linear-gradient(#7dd3fc12 1px,transparent 1px) 0 0/24px 24px,linear-gradient(90deg,#7dd3fc12 1px,transparent 1px) 0 0/24px 24px,#081830}
model-viewer{display:block;width:100%;height:min(70vh,640px);min-height:360px;--poster-color:transparent;background:transparent}
model-viewer:focus-visible{outline:2px solid var(--blue);outline-offset:-4px}
.viewer-progress{position:absolute;left:0;right:0;top:0;height:3px;pointer-events:none}
#progress-fill{height:100%;width:0;background:var(--accent);transition:width .2s,opacity .4s}
.ar-button{position:absolute;right:16px;top:16px;border:1px solid var(--accent);border-radius:30px;background:#0b1f3ae6;color:var(--accent);padding:9px 16px;font-size:13px;font-weight:650}
.ar-button:hover{background:#173866}
.viewer-tools{position:absolute;left:16px;bottom:16px;display:flex;gap:8px;flex-wrap:wrap}
.viewer-tools button{min-width:40px;height:40px;padding:0 14px;border:1px solid #ffffff35;border-radius:8px;background:#0b1f3ad9;color:var(--ink);font-size:13px;font-weight:650;backdrop-filter:blur(6px)}
.viewer-tools button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}
.viewer-tools #zoom-in,.viewer-tools #zoom-out{font-size:20px;line-height:1;padding:0}
.viewer-tools [aria-pressed=true]{border-color:var(--accent);color:var(--accent)}
.viewer-shell .how{margin-top:40px}
@media(max-width:650px){.viewer-intro{flex-direction:column;align-items:start;gap:16px;padding:36px 0 24px}model-viewer{height:62vh}.viewer-tools{left:10px;bottom:10px;gap:6px}.viewer-tools button{height:36px;min-width:36px;padding:0 10px;font-size:12px}.ar-button{right:10px;top:10px}}