/* INOS 360 Viewer styles v1.1.1 */
.inos-360-viewer{
  --inos360-width: 100%;
  --inos360-maxwidth: 1200px;
  --inos360-aspect: 4/3;
  --inos360-bg: #f4f6ff;
  position: relative;
  margin: 16px auto;
  width: var(--inos360-width);
  max-width: var(--inos360-maxwidth);
  aspect-ratio: var(--inos360-aspect);
  background: var(--inos360-bg);
  border-radius: 8px;
  overflow: hidden;
  user-select: none;
  -webkit-user-drag: none;
  touch-action: pan-y;
  cursor: grab;
}
.inos-360-viewer.dragging{ cursor: grabbing; }
.inos-360-viewer img{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit: contain;
  transition: opacity .12s ease;
  -webkit-user-drag: none;
}
.inos-360-viewer .spinner{
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center;
  font: 500 14px/1 "Noto Sans KR", system-ui, Arial;
  color:#6b7280;
}
.inos-360-viewer .hint{
  position:absolute; left:10px; bottom:10px;
  background: rgba(0,0,0,.55); color:#fff;
  font-size:12px; padding:6px 8px; border-radius:6px;
  pointer-events:none;
}
.inos-360-viewer .controls{
  position:absolute; right:10px; bottom:10px; display:flex; gap:6px;
}
.inos-360-viewe