cb-product-room{display:block;width:100%;grid-column:1/-1;flex:0 0 100%;box-sizing:border-box;padding-left:var(--room-gallery-left,0px);padding-right:var(--room-gallery-right,0px)}
cb-product-room[hidden]{display:none!important}
.cb-gallery-frame-host{position:relative}
.cb-gallery-frame-preview{position:absolute;inset:0;z-index:3;display:grid;place-items:center;background:#fff;overflow:hidden}
.cb-gallery-frame-preview[hidden]{display:none}
.cb-gallery-frame-art{box-sizing:content-box;flex:none;border-style:solid;border-image-slice:16;border-image-repeat:stretch;background:#191919;box-shadow:2px 4px 8px #0002}
.cb-gallery-frame-art img{display:block;width:100%!important;height:100%!important;object-fit:cover;max-width:none}
.cb-product-room-open{display:block;position:relative;z-index:2;width:100%;max-width:360px;box-sizing:border-box;white-space:normal;margin:18px auto 0;padding:12px 22px;border:1px solid #bbb;background:#fff;color:#333;font:inherit;font-size:13px;cursor:pointer;min-height:44px;text-transform:none;letter-spacing:normal}
.cb-product-room-dialog{padding:16px;border:0;width:min(680px,94vw);max-width:94vw;max-height:94vh;max-height:94dvh;overflow:auto;background:#fff;color:#333;box-sizing:border-box;margin:auto}
.cb-product-room-dialog::backdrop{background:rgba(0,0,0,.48)}
.cb-product-room-head{display:grid;grid-template-columns:1fr 44px;gap:16px;align-items:center;margin-bottom:12px}
.cb-product-room-head strong{font:inherit;font-weight:600;outline:none!important;box-shadow:none!important}
.cb-product-room-dialog button{font:inherit;color:#333;cursor:pointer;background:#fff;border:1px solid #ccc;padding:9px 12px;min-height:44px;text-transform:none;letter-spacing:normal}
.cb-product-room-dialog button[aria-pressed=true]{border-color:#333;background:#f2f0ed}
.cb-product-room-dialog .cb-product-room-close{display:grid;place-items:center;width:44px;height:44px;padding:10px;border:0;background:transparent;box-shadow:none}
.cb-product-room-close svg{display:block;width:22px;height:22px}
.cb-product-room-close:hover{background:#f3f1ee}
.cb-product-room-scene{position:relative;width:min(100%,calc((94vh - 220px)*var(--room-ratio,.8625)));width:min(100%,calc((94dvh - 220px)*var(--room-ratio,.8625)));margin:0 auto;aspect-ratio:var(--room-ratio,.8625);overflow:hidden;background:#eee}
.cb-product-room-bg{display:block;width:100%;height:100%!important;object-fit:fill}
.cb-product-room-art{position:absolute;box-sizing:content-box;box-shadow:3px 5px 7px #0003;pointer-events:none;border-style:solid;border-width:0;border-image-slice:16;border-image-repeat:stretch}
.cb-product-room-art img{display:block;width:100%!important;height:100%!important;object-fit:cover;max-width:none}
cb-product-room[data-preserve-motif] .cb-product-room-art img{object-fit:cover}
.cb-product-room-options{width:min(100%,320px);margin:14px auto 0;box-sizing:border-box}
.cb-product-room-scene+.cb-product-room-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cb-product-room-options button{width:100%;margin:0;padding:10px 6px;text-align:center}
.cb-product-room-options label{display:grid;grid-template-columns:1fr;align-items:center;gap:6px;width:100%;text-align:center;font:inherit}
.cb-product-room-options select{font:inherit;background-color:#fff;color:#333;padding:8px 40px 8px 16px;border:1px solid #bbb;min-height:44px;width:100%;min-width:0;text-align:center;box-sizing:border-box;border-radius:0;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23333' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px 8px}
.cb-product-room-note{max-width:580px;margin:16px auto 0;line-height:1.5;font-size:12px;color:#666;text-align:center}
.cb-product-room-open:focus,.cb-product-room-dialog button:focus,.cb-product-room-dialog select:focus{outline:none!important;box-shadow:none!important}
cb-product-room[data-input-mode=keyboard] .cb-product-room-open:focus,cb-product-room[data-input-mode=keyboard] .cb-product-room-dialog button:focus,cb-product-room[data-input-mode=keyboard] .cb-product-room-dialog select:focus{outline:2px solid #333!important;outline-offset:3px}
@media(max-width:749px){.cb-product-room-dialog{padding:16px}.cb-product-room-open{max-width:360px}.cb-product-room-scene{width:100%}}