/* v1.2: full-fidelity STL viewer diagnostics and display modes. */
.viewer-options,.diagnostics-card{border-color:#3a6e83}
.display-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}
.display-grid label{display:flex;flex-direction:column;gap:8px;color:#c7e1f0;font-size:12px}
.display-grid select{width:100%;background:#0a2031;border:1px solid #4a778a;border-radius:9px;padding:10px 8px;min-height:40px;color:#f0faff;font-size:13px}
.display-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}
.display-checks label,.diagnostic-switch{display:flex;align-items:center;gap:8px;font-size:12px;color:#d2e9f2;cursor:pointer;line-height:1.4}
.display-checks input,.diagnostic-switch input{width:18px;height:18px;accent-color:#6bdae9;flex:none}
.display-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0;align-items:center}
.display-actions button{min-width:155px}
.diagnostic-legend{display:flex;flex-wrap:wrap;gap:13px;font-size:11px;color:#a7c9d9}
.diagnostic-legend span:first-child{color:#64f0d4}
.diagnostic-legend span:last-child{color:#ffb76c}
@media(max-width:520px){.display-grid{grid-template-columns:1fr}.display-checks{grid-template-columns:1fr 1fr}.display-actions button{min-width:115px;flex:1}.diagnostic-switch{min-height:34px}}
/* Telegram native fullscreen header overlays web content on iOS. Respect the content-safe area. */
body.viewer-immersive .viewport-card{padding-top:max(env(safe-area-inset-top,0px),var(--tg-content-safe-area-inset-top,0px));padding-bottom:max(env(safe-area-inset-bottom,0px),var(--tg-content-safe-area-inset-bottom,0px))}
body.viewer-immersive .viewport-top .model-title{min-width:0;flex:1}
body.viewer-immersive .viewport-top .model-title strong{max-width:min(54vw,480px)}