.cch-room-preview { margin:12px 0 16px }
.cch-room-preview__open { min-height:44px; padding:10px 17px; border:1px solid #a63a1a; border-radius:8px; background:#fff4ed; color:#782b15; font:inherit; font-weight:700; cursor:pointer }
.cch-room-preview__open:hover { background:#fce5d9 }
.cch-room-preview__dialog { position:fixed; width:min(1050px,calc(100% - 32px)); max-width:none; max-height:calc(100dvh - 32px); padding:0; border:0; border-radius:18px; color:#231f1b; background:#fbf8f3; overscroll-behavior:contain }
.cch-room-preview__dialog::backdrop { background:rgb(24 18 14 / 55%) }
.cch-room-preview__close { position:sticky; top:8px; z-index:1; display:grid; place-items:center; float:right; width:44px; height:44px; margin:8px 8px -52px 0; padding:0; border:1px solid #e6dfd5; border-radius:50%; background:#fffdf9; color:#231f1b; font-size:25px; cursor:pointer }
.cch-room-preview__status:not(:empty) { margin:0; padding:22px 64px 22px 24px }
.cch-room-preview #cloudnest-room { border:0; border-radius:0 }
.cch-room-preview #cloudnest-room .cr-head { padding-right:62px }
@media (max-width:690px) {
  .cch-room-preview__open { width:100% }
  .cch-room-preview__dialog { inset:0; margin:0; width:100%; height:100dvh; max-height:100dvh; border-radius:0 }
}