@layer site{.room-gallery-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;margin-bottom:clamp(16px,2vw,28px);display:flex}.room-gallery-all{cursor:pointer;color:inherit;font:inherit;text-align:left;background:0 0;font-weight:500}.room-gallery-previews{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid}.room-gallery-preview{aspect-ratio:4/3;cursor:pointer;position:relative;overflow:hidden}.room-gallery-preview img{object-fit:cover}.room-gallery-preview:not(:first-child){border-left:1px solid var(--color-page)}.room-gallery button:focus-visible{outline:2px solid var(--color-ink);outline-offset:4px}.room-gallery .room-gallery-preview:focus-visible{outline-offset:-6px;outline-color:var(--color-on-photo)}.room-gallery-dialog{width:100%;max-width:none;height:100dvh;max-height:none;padding:24px var(--gutter);background:var(--color-fill);color:var(--color-on-fill);border:0;margin:0;position:fixed;inset:0;overflow:hidden}.room-gallery-dialog[open]{grid-template-rows:auto minmax(0,1fr) auto;gap:16px;display:grid}.room-gallery-dialog::backdrop{background:var(--color-fill)}.room-gallery-viewer-heading{font-family:var(--font-heading);font-size:var(--text-title);justify-content:space-between;align-items:center;gap:24px;font-weight:600;display:flex}.room-gallery-dialog button{border:1px solid var(--color-on-fill-soft);cursor:pointer;width:48px;height:48px;transition:background-color var(--motion-button);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.room-gallery-dialog button:focus-visible{outline:2px solid var(--color-on-fill);outline-offset:3px}.room-gallery-dialog button svg{stroke-width:1.6px;width:24px;height:24px}.room-gallery-image{place-items:center;min-height:0;display:grid;position:relative}.room-gallery-image img{object-fit:contain}.room-gallery-controls{justify-content:center;align-items:center;gap:24px;display:flex}.room-gallery-controls p{text-align:center;min-width:110px;font-size:var(--text-body)}@media (hover:hover){.room-gallery-preview:hover{opacity:.88}.room-gallery-dialog button:hover{background:var(--color-fill-hover)}}@media (max-width:640px){.room-gallery-previews{grid-template-columns:repeat(2,minmax(0,1fr))}.room-gallery-preview:first-child{aspect-ratio:1.6;grid-column:1/-1}.room-gallery-preview:nth-child(2){border-left:0}.room-gallery-dialog{padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom))}}.room-gallery-mosaic .room-gallery-heading{justify-content:flex-end;margin:0}.room-gallery-mosaic .room-gallery-all{min-height:56px;font-size:var(--text-body);margin-block:8px}.room-gallery-mosaic .room-gallery-previews{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:var(--cell);gap:0}.room-gallery-mosaic .room-gallery-preview{aspect-ratio:auto;grid-area:span 2/span 3;overflow:hidden}.room-gallery-mosaic .room-gallery-preview:nth-child(2){grid-column:span 2}.room-gallery-mosaic .room-gallery-preview:nth-child(3){grid-column:span 1}.room-gallery-mosaic button:focus-visible{outline:4px solid var(--color-ink);outline-offset:-4px}@media (max-width:1023px){.room-gallery-mosaic .room-gallery-previews{grid-template-columns:repeat(4,minmax(0,1fr))}.room-gallery-mosaic .room-gallery-preview{grid-column:span 4}.room-gallery-mosaic .room-gallery-preview:nth-child(2),.room-gallery-mosaic .room-gallery-preview:nth-child(3){grid-column:span 2}}@media (max-width:640px){.room-gallery-mosaic .room-gallery-previews{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:calc(var(--cell) * .85)}.room-gallery-mosaic .room-gallery-preview,.room-gallery-mosaic .room-gallery-preview:nth-child(2),.room-gallery-mosaic .room-gallery-preview:nth-child(3){grid-column:span 2}}}