#street-view-mode{position:absolute;z-index:60;inset:0;background:#02050a;color:#fff}#street-view-pano{position:absolute;inset:0;background:radial-gradient(circle at 50% 25%,#1d3442,#030810 70%)}.sv-hud{position:absolute;z-index:4;top:max(10px,env(safe-area-inset-top));left:10px;right:10px;display:grid;grid-template-columns:auto 1fr 86px;gap:7px;pointer-events:none}.sv-hud>div,.sv-hud>button{min-height:50px;padding:8px 11px;border:1px solid #79e8ff55;border-radius:14px;background:#03101bd9;backdrop-filter:blur(9px);box-shadow:0 8px 25px #0008}.sv-hud button{width:auto;margin:0;color:#dffaff;pointer-events:auto}.sv-hud b{display:block;font-size:14px}.sv-hud small{color:#ffcf70}#street-view-status{position:absolute;z-index:5;top:76px;left:50%;transform:translateX(-50%);width:min(92%,440px);padding:9px 13px;border:1px solid #ffffff25;border-radius:999px;text-align:center;background:#020812d9;color:#d8f7ff;font-size:11px;font-weight:800;letter-spacing:.035em;pointer-events:none}.sv-setup{position:absolute;z-index:6;left:16px;right:16px;top:50%;transform:translateY(-48%);max-height:calc(100% - 130px);overflow:auto;padding:22px;border:1px solid #69e3ff50;border-radius:25px;background:linear-gradient(145deg,#061725f4,#030810f4);box-shadow:0 25px 70px #000d}.sv-setup h2{font-size:25px}.sv-setup>p{color:#a9c4cf;font-size:13px;line-height:1.45}.sv-setup label{display:block;margin-top:16px;color:#8fb6c5;font-size:9px;letter-spacing:.14em;font-weight:800}.sv-setup input{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #35596a;border-radius:13px;background:#071621;color:#fff;font:inherit;letter-spacing:.02em}.sv-note{font-size:10px!important;color:#6f8f9e!important}#street-view-controls{position:absolute;z-index:5;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;gap:13px}#street-view-controls button{width:62px;height:62px;margin:0;padding:0;border-radius:50%;font-size:24px;background:#03121de6;box-shadow:0 8px 30px #000b}#street-view-controls .sv-forward{width:78px;height:78px;margin-top:-16px;color:#001018;background:linear-gradient(145deg,#ffdf78,#ffad28);border-color:#ffe9a5}.street-view-open{border-color:#ffce6a;background:linear-gradient(135deg,#4a2d08,#161205);color:#ffe295;box-shadow:0 8px 28px #ff9d1f24}@media(min-width:521px){.sv-setup{left:50%;right:auto;width:460px;transform:translate(-50%,-48%)}}