.spot-look-around { position:fixed; inset:0; margin:0; padding:0; width:100%; max-width:none; height:100%; height:100dvh; max-height:none; border:0; border-radius:0; color:#102b3b; background:#f4f8fa; overflow:hidden; }
.spot-look-around[open] { display:flex; flex-direction:column; }
.spot-look-around::backdrop { background:#102b3b; }
.look-around-header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:calc(12px + env(safe-area-inset-top, 0px)) max(16px, env(safe-area-inset-right, 0px)) 12px max(16px, env(safe-area-inset-left, 0px)); background:#fff; border-bottom:1px solid #dce6eb; }
.look-around-header > div { min-width:0; }
.look-around-header h2 { margin:0; font-size:1.2rem; }
.look-around-header p { margin:3px 0 0; font-size:.88rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.look-around-header button { flex-shrink:0; min-height:44px; gap:6px; }
.look-around-stage { position:relative; flex:1; min-height:200px; min-width:0; overflow:hidden; }
.look-around-stage iframe { position:absolute; inset:0; width:100%; height:100%; border:0; background:#e5ecef; }
.look-around-status { position:absolute; inset:0; margin:0; display:grid; place-items:center; padding:24px; text-align:center; pointer-events:none; z-index:1; background:#f4f8fa; }
.look-around-empty { height:100%; padding:24px; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:16px; text-align:center; overflow-y:auto; }
.look-around-symbol { font-size:2.5rem; color:#087d85; }
.look-around-empty h3 { font-size:1.15rem; margin:0; }
.look-around-footer { padding:10px max(16px, env(safe-area-inset-right, 0px)) calc(10px + env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px)); background:#fff; border-top:1px solid #dce6eb; }
.look-around-footer p { margin:0 0 3px; font-size:.8rem; line-height:1.4; color:#526976; }
.look-around-footer > div { display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; }
.look-around-footer a, .look-around-footer button { min-height:44px; display:inline-flex; align-items:center; font-size:.82rem; }
.spot-look-around [hidden] { display:none !important; }
.spot-look-around:has(.look-around-empty:not([hidden])) .look-around-footer { display:none; }
@media (max-height:480px) { .look-around-header { padding-top:max(6px, env(safe-area-inset-top, 0px)); padding-bottom:6px; } .look-around-header p,.look-around-footer p { display:none; } .look-around-footer { padding-top:0; padding-bottom:env(safe-area-inset-bottom, 0px); } }