.house-photo-trigger {display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:inherit;cursor:zoom-in}
.house-photo-trigger img {display:block;width:100%}
html.house-photo-open, html.house-photo-open body {overflow:hidden;overscroll-behavior:none}
.house-photo-viewer {width:calc(100vw - 48px);height:calc(100dvh - 48px);max-width:1600px;max-height:calc(100dvh - 48px);padding:0;border:1px solid #526071;border-radius:8px;background:#0d1c2e;color:#fffdf8;box-shadow:0 24px 100px #0008;overflow:hidden}
.house-photo-viewer::backdrop {background:#030b14e8}
.house-photo-viewer [hidden] {display:none!important}
.house-photo-layout {display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0}
.house-photo-header {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 22px;border-bottom:1px solid #526071}
.house-photo-header h2 {margin:0;font-family:var(--serif);font-size:30px;line-height:1.1;letter-spacing:-.015em}
.house-photo-viewer button {min-height:48px;min-width:48px;padding:10px 16px;border:1px solid #798492;border-radius:3px;background:#182d44;color:white;font:600 14px/1.2 var(--sans);cursor:pointer}
.house-photo-header button {display:flex;align-items:center;gap:14px;flex-shrink:0}
.house-photo-header button span {font-size:25px;font-weight:400}
.house-photo-viewer button:hover {background:#28415c}
.house-photo-viewer button:focus-visible {outline:3px solid #dfc79c;outline-offset:3px}
.house-photo-stage {position:relative;min-height:0;min-width:0;display:grid;place-items:center;padding:14px 22px;touch-action:pan-y pinch-zoom}
.house-photo-stage img {width:100%;height:100%;min-height:0;object-fit:contain;object-position:center;user-select:none}
.house-photo-status {position:absolute;max-width:350px;margin:15px;padding:14px 18px;background:#0d1c2eee;color:#fffdf8;font-size:14px;line-height:1.6;text-align:center;border-radius:4px}
.house-photo-footer {display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:12px 22px;border-top:1px solid #526071}
.house-photo-caption {text-align:center;min-width:0}
.house-photo-caption p {margin:0;font-size:14px;line-height:1.4}
.house-photo-caption p + p {margin-top:5px;color:#c8d1dd;font-size:12px}
@media(max-width:700px) {
  .house-photo-viewer {width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;margin:0;border:0;border-radius:0}
  .house-photo-header {padding:calc(10px + env(safe-area-inset-top)) 14px 10px;gap:12px}
  .house-photo-header h2 {font-size:24px}
  .house-photo-viewer button {min-height:46px;min-width:46px;padding:10px 12px;font-size:13px}
  .house-photo-header button {gap:8px}
  .house-photo-stage {padding:8px;overflow:hidden}
  .house-photo-footer {gap:9px;padding:10px 12px calc(12px + env(safe-area-inset-bottom))}
  .house-photo-caption p {font-size:13px}
  .house-photo-caption p + p {font-size:11px}
}
@media(max-width:370px) {
  .house-photo-header h2 {font-size:21px}
  .house-photo-footer button {padding:10px}
  .house-photo-caption p + p {font-size:10px}
}
@media(max-height:500px) and (orientation:landscape) {
  .house-photo-viewer {width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;margin:0;border:0;border-radius:0}
  .house-photo-header {padding:4px max(12px,env(safe-area-inset-right)) 4px max(12px,env(safe-area-inset-left));gap:12px}
  .house-photo-header h2 {font-size:22px;line-height:1.1}
  .house-photo-viewer button {min-height:44px;min-width:44px;padding:8px 12px;font-size:13px}
  .house-photo-stage {padding:4px 12px}
  .house-photo-footer {padding:4px max(12px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));gap:12px}
  .house-photo-caption p {display:inline;font-size:12px}
  .house-photo-caption p + p {margin:0 0 0 12px;font-size:11px}
}