.room-panorama{margin-block:32px;--guide-paper:var(--surface,#faf6eb);--guide-ink:var(--ink,#163b32);--guide-rule:var(--line,#b9c4ad);--guide-mist:var(--panel,#dde8de);--guide-teal:var(--lake,#337f88);--guide-brown:var(--muted,#715837);color:var(--guide-ink)}.room-panorama-invitation{display:flex;align-items:center;flex-wrap:wrap;gap:18px;padding-block:22px;border-block:1px solid var(--guide-rule,#b9c4ad)}.room-panorama-invitation>svg{width:36px;height:36px;flex-shrink:0;color:var(--guide-teal,#337f88)}.room-panorama-invitation>div{flex:1 1 200px}.room-panorama-invitation h3{margin:0 0 5px;font:700 28px/1.2 var(--font-dm),Arial,sans-serif}.room-panorama-invitation p,.room-panorama-note{margin:0;color:var(--guide-brown,#715837);line-height:1.6}.room-panorama-invitation .button{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;min-height:48px}.room-panorama-note{margin-top:12px;font-size:13px}.room-panorama-dialog{box-sizing:border-box;width:min(1120px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:24px;margin:auto;border:1px solid var(--guide-rule,#b9c4ad);background:var(--guide-paper,#faf6eb);color:var(--guide-ink,#163b32);overflow-y:auto}.room-panorama-dialog::backdrop{background:rgb(9 25 21/82%)}.room-panorama-dialog header{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:18px}.room-panorama-dialog h2{margin:0 0 8px;font:700 clamp(26px,4vw,38px)/1.2 var(--font-dm),Arial,sans-serif}.room-panorama-dialog header p,.room-panorama-help{margin:0;max-width:70ch;font-size:14px;line-height:1.6;color:var(--guide-brown,#715837)}.room-panorama-canvas{display:block;width:100%;height:clamp(240px,58dvh,620px);background:#102b24;touch-action:none;cursor:grab}.room-panorama-canvas:active{cursor:grabbing}.room-panorama-help{margin-block:12px}.room-panorama-controls{display:flex;flex-wrap:wrap;gap:8px}.room-panorama-close,.room-panorama-controls button{display:inline-grid;place-items:center;flex-shrink:0;width:46px;height:46px;padding:0;border:1px solid var(--guide-rule,#b9c4ad);color:inherit;background:transparent;cursor:pointer;border-radius:4px}.room-panorama-close:hover,.room-panorama-controls button:hover{background:var(--guide-mist,#dde8de)}.room-panorama :focus-visible,.room-panorama-dialog :focus-visible{outline:2px solid var(--guide-teal,#337f88);outline-offset:4px}.cms-panorama{margin-block:24px;padding-block:20px;border-block:1px solid var(--guide-rule,#b9c4ad)}.cms-panorama>label{display:grid;gap:8px;margin-block:14px}.cms-panorama-actions{display:flex;gap:12px;flex-wrap:wrap}@media (max-width:600px){.room-panorama-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:16px}.room-panorama-invitation .button{width:100%}.room-panorama-dialog header{gap:10px}}body .room-panorama button svg:not(.room-panorama-mark){fill:currentColor;stroke:none}html.dark .cms-panorama{--guide-paper:#192f2b;--guide-ink:#f7f0df;--guide-brown:#ba9b7a;--guide-rule:#4f675a;--guide-mist:#284c50;--guide-teal:#8bc5cd}html:has(dialog.room-panorama-dialog[open]){overflow:hidden}.room-panorama.room-panorama-compact{position:absolute;top:16px;right:16px;z-index:2;margin:0}.room-panorama-launch{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 16px;border:1px solid var(--gallery-action-line,#d6d3bc);border-radius:999px;background:var(--gallery-action-surface,#faf6eb);color:var(--gallery-action-ink,#163b32);box-shadow:0 3px 14px rgb(9 25 21/18%);font:inherit;font-weight:600;cursor:pointer}.room-panorama-launch:hover{background:var(--gallery-action-hover,#e5eadb)}.room-panorama-launch:disabled{opacity:.6;cursor:wait}.room-panorama-dialog{border-radius:20px}.room-panorama-canvas{border-radius:12px}.room-panorama-controls{align-items:center;gap:12px 20px;padding-top:16px;border-top:1px solid var(--guide-rule,#b9c4ad)}.room-panorama-control-group{display:grid;grid-template-columns:repeat(4,46px);align-items:center;gap:6px;padding:8px;border:1px solid var(--guide-rule,#b9c4ad);border-radius:14px}.room-panorama-control-group[aria-label=Zoom]{grid-template-columns:repeat(2,46px)}.room-panorama-control-label{grid-column:1/-1;padding:0 4px 4px;font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--guide-brown,#715837)}.room-panorama-close,.room-panorama-controls button{border-radius:10px;background:var(--guide-paper,#faf6eb)}.room-panorama-controls>button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;padding-inline:14px;font:inherit;font-size:14px}body .room-panorama .room-panorama-mark{fill:none;stroke:currentColor;stroke-width:1.5}@media (max-width:600px){.room-panorama.room-panorama-compact{top:12px;right:12px}.room-panorama-launch{padding-inline:12px;font-size:14px}.room-panorama-controls{gap:10px}}body .room-panorama button.room-panorama-launch{min-height:44px;width:auto;padding:8px 12px;gap:8px;font-size:14px;line-height:1.2;white-space:nowrap}body .room-panorama-launch .room-panorama-mark{width:20px;height:20px}.room-panorama-navigation{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.room-panorama-navigation button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 12px;border:1px solid var(--guide-rule,#b9c4ad);border-radius:8px;background:var(--guide-paper,#faf6eb);color:inherit;font:inherit;font-size:14px;cursor:pointer}.room-panorama-navigation button:disabled{opacity:.45;cursor:default}.room-panorama-navigation>span{font-size:14px;overflow-wrap:anywhere}@media (max-width:600px){.room-panorama-navigation>span{order:-1;flex-basis:100%}}