/* In mobile, the canvas stays clear and only the options panel scrolls. */
html.metalyser-mobile-view .mobile-view-controls[hidden],
html.metalyser-mobile-view .mobile-view-actions[hidden]{display:none!important}
@media(max-width:960px){
 html.roma-ui.metalyser-mobile-view{--roma-header:58px}
 html.metalyser-mobile-view .viewer .viewer-tools,
 html.metalyser-mobile-view .viewer .viewer-help,
 html.metalyser-mobile-view .viewer .badge{display:none!important}
 html.metalyser-mobile-view .topbar{padding-left:12px;gap:9px}
 html.metalyser-mobile-view .roma-logo{width:40px;height:40px}
 html.metalyser-mobile-view .roma-eyebrow{display:none}
 html.metalyser-mobile-view .topbar h1{font-size:16px;line-height:1.25}
 html.metalyser-mobile-view .mobile-view-controls{display:block;padding:10px 12px;background:#fff;border-bottom:1px solid #e8e5e3}
 html.metalyser-mobile-view .mobile-view-controls button{position:static!important;inset:auto!important;z-index:auto!important;display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-width:0;min-height:44px;height:auto;margin:0;padding:9px 8px;border:1px solid #d6d6d6;border-radius:4px;background:#fff;color:#7b5454;font:inherit;font-size:14px;line-height:1.3;text-align:center;box-shadow:none;white-space:normal;transform:none;cursor:pointer}
 html.metalyser-mobile-view .mobile-view-controls button[aria-pressed=true],
 html.metalyser-mobile-view .mobile-more-controls[aria-expanded=true]{background:#7b5454;color:white;border-color:#7b5454}
 html.metalyser-mobile-view .mobile-view-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}
 html.metalyser-mobile-view .mobile-view-actions>.views,
 html.metalyser-mobile-view .mobile-view-actions>.view-actions,
 html.metalyser-mobile-view .mobile-view-actions>.viewer-actions{position:static!important;inset:auto!important;transform:none!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column:1/-1;gap:8px;width:100%;margin:0}
 html.metalyser-mobile-view .mobile-view-help{grid-column:1/-1;margin:0;padding:3px 0;font-size:13px;line-height:1.4;color:#776d69;text-align:center}
 html.metalyser-native-view,html.metalyser-native-view body{height:100%;height:100dvh;overflow:hidden}
 html.metalyser-native-view body{display:grid;grid-template-rows:58px minmax(0,1fr) auto}
 html.metalyser-native-view body>header{height:58px;min-height:0;padding:8px 16px;gap:8px;flex-wrap:nowrap}
 html.metalyser-native-view body>header .brand,
 html.metalyser-native-view body>header p,
 html.metalyser-native-view body>header span{display:none}
 html.metalyser-native-view body>header h1{font-size:16px;line-height:1.25;margin:0}
 html.metalyser-native-view body>main{height:auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,44%) minmax(0,1fr);overflow:hidden}
 html.metalyser-native-view .viewer{position:relative;height:auto;min-height:0;border-bottom:1px solid #e8e5e3}
 html.metalyser-native-view .viewer canvas{height:100%;width:100%}
 html.metalyser-native-view .panel{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-left:0;padding-bottom:24px}
 html.metalyser-native-view body>footer{position:relative;inset:auto;min-height:0;height:auto;display:grid;grid-template-columns:1fr auto;gap:8px 14px;padding:10px 16px 22px}
 html.metalyser-native-view body>footer .primary{grid-column:1/-1;padding:10px}
 html.metalyser-native-view body>footer>div:first-child strong{font-size:12px;line-height:1.4}
 html.metalyser-native-view body>footer .price strong{font-size:20px}
 html.metalyser-native-view body>footer #status{bottom:3px;right:16px;font-size:11px}
}