.control-short{display:none}@media (max-width:760px),(pointer:coarse) and (max-width:1180px){html{scroll-padding-top:16px;scroll-padding-bottom:calc(228px + env(safe-area-inset-bottom,0px))}body{padding-bottom:calc(228px + env(safe-area-inset-bottom,0px))}.app-shell{padding-top:env(safe-area-inset-top,0px);padding-left:max(14px, env(safe-area-inset-left,0px));padding-right:max(14px, env(safe-area-inset-right,0px))}.app-shell .catalog-layout{display:block}.app-shell .catalog-nav{max-height:none;padding:10px 0 0;position:static;overflow:visible}.app-shell .desktop-catalog{display:none}.app-shell .mobile-selector{display:block}.mobile-selector label{color:var(--muted);margin-bottom:6px;font-size:11px;display:block}.mobile-selector select{border:1px solid var(--line);width:100%;min-height:48px;font:inherit;color:var(--ink);background:#fff;border-radius:10px;padding:10px 32px 10px 12px;font-size:16px}.app-shell .topbar{height:60px}.app-shell .model-heading{flex-wrap:wrap;gap:10px;padding:14px 0 16px}.app-shell .model-heading .eyebrow{margin-bottom:8px}.app-shell .model-content h1{font-size:28px}.app-shell .model-name{max-width:none;margin-top:6px}.app-shell .model-details{text-align:left;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;width:100%;max-width:none}.viewer-section[data-mobile-controls=safe-v1] .viewer-stage{min-height:180px;height:var(--pion-stage-height,30vh);max-height:520px;margin-bottom:14px;scroll-margin-top:12px}@supports (height:100svh){.viewer-section[data-mobile-controls=safe-v1] .viewer-stage{height:var(--pion-stage-height,30svh)}}.viewer-section .viewer-control-dock{z-index:100;bottom:max(22px, env(safe-area-inset-bottom,0px));top:auto;left:calc(var(--pion-visible-left,0px) + max(12px, env(safe-area-inset-left,0px)));width:calc(var(--pion-visible-width,100%) - max(12px, env(safe-area-inset-left,0px)) - max(12px, env(safe-area-inset-right,0px)));box-sizing:border-box;touch-action:pan-y;background:#edf0e7;border:1px solid #bbc8b6;border-radius:14px;margin:0;padding:7px;position:fixed;box-shadow:0 3px 18px #243b2e26}@supports (height:100svh){.viewer-section .viewer-control-dock{bottom:auto;top:max(calc(var(--pion-visible-top,0px) + 8px), calc(var(--pion-visible-bottom,100svh) - var(--pion-dock-height,126px) - max(22px, env(safe-area-inset-bottom,0px))))}}.viewer-section[data-mobile-dock=active] .viewer-control-dock{bottom:auto;top:max(calc(var(--pion-visible-top,0px) + 8px), calc(var(--pion-visible-bottom) - var(--pion-dock-height) - max(22px, env(safe-area-inset-bottom,0px))))}.viewer-section .viewer-control-dock .view-tabs{width:100%;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0;padding:0;display:grid;position:static}.viewer-section .viewer-control-dock .view-tabs [role=tab]{touch-action:manipulation;min-width:0;min-height:48px;padding:10px 5px;scroll-margin-block:24px;font-size:15px;line-height:1.2}.viewer-section .viewer-control-dock .toolbar{border-top:1px solid #cbd4c7;margin:7px 0 0;padding:7px 0 0;display:block}.viewer-section .viewer-control-dock .camera-buttons{grid-template-columns:48px 48px minmax(0,1fr) minmax(0,1.65fr);gap:5px;width:100%;display:grid}.viewer-section .viewer-control-dock .camera-buttons>button{touch-action:manipulation;width:100%;min-width:0;min-height:48px;padding:7px 4px;font-size:12px;line-height:1.25}.viewer-section .viewer-control-dock .camera-buttons>button:last-child{grid-column:auto}.viewer-section .viewer-control-dock .camera-buttons .icon-button{font-size:24px}.viewer-section .viewer-control-dock .auto-rotate-control{color:#28422d;background:#fff;border-color:#627860}.viewer-section .viewer-control-dock .auto-rotate-control[aria-pressed=true]{background:#dce8d5}.viewer-control-dock .control-long{display:none}.viewer-control-dock .control-short{display:inline}.viewer-section[data-compact-dock=true] .viewer-control-dock .view-tabs,.viewer-section[data-compact-dock=true] .viewer-control-dock .camera-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.viewer-section .share-buttons>*,.model-pager a{min-height:48px}}
