[data-surface="public"] { background: #0b0c0d; color: #f5f6f2; font-family: Manrope, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; }
[hidden] { display: none !important; }
.gallery-header, .gallery { max-width: 1120px; margin: 0 auto; padding: 24px; }
.gallery-header { display: flex; justify-content: space-between; gap: 16px; align-items: center; }
.gallery-header nav { display: flex; flex-wrap: wrap; gap: 8px 16px; }
.gallery-header a, .gallery a, dialog a { color: #c0ff32; }
.gallery-header a { text-decoration: none; }
h1 { margin: 8px 0 24px; }
h1, h2 { font-family: "Space Grotesk", sans-serif; font-weight: 500; }
.rooms, .gallery-actions, #thumbs { display: flex; flex-wrap: wrap; gap: 8px; }
.rooms button, .gallery-actions button, .stage button, #saved button, #retry, dialog button {
  background: transparent; color: inherit; border: 1px solid #393f3e; padding: 10px 14px; font: inherit;
}
.rooms button[aria-pressed="true"], .gallery-actions button { background: #c0ff32; color: #121615; border-color: #c0ff32; }
.stage { display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; gap: 12px; align-items: center; margin-top: 24px; }
.stage figure { margin: 0; min-width: 0; }
.stage #enlarge { display: block; width: 100%; height: min(60vh, 600px); padding: 0; border: 0; }
.stage img { display: block; width: 100%; height: 100%; object-fit: contain; }
.stage #prev, .stage #next { width: 44px; height: 44px; padding: 0; }
#zoom img { width: 100%; max-height: 72vh; object-fit: contain; background: #111; }
button:not(:disabled) { cursor: pointer; }
button:focus-visible, a:focus-visible { outline: 2px solid #ff4351; outline-offset: 4px; }
#gallery-status:empty { display: none; }
#thumbs img { width: 72px; height: 72px; object-fit: contain; background: #111; }
#thumbs button[aria-pressed="true"] { outline: 2px solid #c0ff32; }
#zoom { max-width: 96vw; background: #0b0c0d; color: #f5f6f2; border: 1px solid #393f3e; }
#inquiry-dialog { background: #0b0c0d; color: #f5f6f2; border: 1px solid #393f3e; max-width: 520px; }
#inquiry-dialog form { display: grid; gap: 12px; }
#inquiry-dialog input, #inquiry-dialog textarea { width: 100%; background: #111; color: inherit; border: 1px solid #393f3e; padding: 8px; }
.privacy-check { display: flex; align-items: flex-start; gap: 10px; }
#inquiry-dialog input[type="checkbox"] { width: auto; flex: 0 0 auto; margin-top: 6px; }
#inquiry-dialog { width: min(520px, calc(100vw - 32px)); }
.hp { position: absolute; left: -9999px; }
#retry { margin-top: 8px; }
@media (max-width: 600px) {
  .gallery-header, .gallery { padding: 16px; }
  .gallery-header { align-items: flex-start; }
  .gallery-header nav { justify-content: flex-end; gap: 6px 12px; font-size: 14px; }
  .gallery-header > a { flex-shrink: 0; }
  .rooms { flex-wrap: nowrap; overflow-x: auto; max-width: 100%; padding-bottom: 8px; }
  .rooms button { flex: 0 0 auto; white-space: nowrap; }
  .stage figure { grid-column: 1 / -1; grid-row: 1; }
  .stage #prev { grid-column: 1; grid-row: 2; }
  .stage #next { grid-column: 3; grid-row: 2; }
  .stage #enlarge { height: min(52vh, 480px); }
  .gallery-actions button { width: 100%; }
}