/* ===============================
   PSV 共通UIデザイン
   =============================== */

/* PSVボタン：アクティブ状態 */
.psv-button--active {
  background: rgba(255, 255, 255, 0.2) !important;
}

/* PSVボタン：ホバー時スケール */
.psv-button--hover-scale {
  transition: transform 0.2s ease;
}

.psv-button--hover-scale:hover {
  transform: scale(1.15);
}

/* ===============================
   ベースリセット（最小限）
   =============================== */

html,
body {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
}

/* ===============================
   PSV サイドパネル
   =============================== */

.psv-panel-content img.marker-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
  object-fit: contain;
}

.psv-panel {
  width: 50vw !important;
  max-width: 50vw !important;
}

@media (max-width: 767px) {
  .psv-panel {
    width: 100vw !important;
    max-width: 100vw !important;
  }
}