#panoSpatial{position:absolute;inset:0;pointer-events:none;z-index:5}.panoCircle{position:absolute;transform:translate(-50%,-50%);width:30px;height:17px;padding:0;border:3px solid #fff;border-radius:50%;background:#ffffff24;box-shadow:0 1px 4px #000b,0 0 0 1px #0005;pointer-events:none}.panoCircle:focus-visible{outline:4px solid #60d4ed;outline-offset:5px}.placing-circles .panoCircle{border-color:#70e6ff;background:#103f5288;box-shadow:0 0 0 8px #4ddfff18}.placing-circles #panoCanvas{cursor:grab}#navEdit{position:absolute;right:16px;top:16px;z-index:10;font-size:11px;padding:7px 10px;background:#102532b8}#circleEditor{position:absolute;right:16px;top:16px;z-index:10;display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:10px;background:#102532eb;font-size:11px}#circleEditor[hidden]{display:none}#circleEditor button{font-size:11px;padding:7px 11px}#circleFeedback{color:#c4dce4;min-width:42px}#panoInfo,#panoTools{display:none}#nearbyNav,#navEditor{display:none!important}@media(max-width:700px){#navEdit,#circleEditor{top:12px;right:10px}}
.circleEditName{display:none}.placing-circles .circleEditName{display:block;position:absolute;top:23px;left:50%;transform:translateX(-50%);padding:5px 7px;background:#102532ed;color:#fff;border:1px solid #ffffff50;border-radius:6px;font-size:11px;white-space:normal;width:max-content;max-width:145px;line-height:1.3;pointer-events:none}

@media(max-width:700px){#circleEditor{gap:5px;padding:6px;max-width:calc(100vw - 20px);flex-wrap:wrap}#circleEditor button{padding:7px 8px}#circleFeedback{min-width:35px}}

#circleEditor{max-width:calc(100vw - 32px);flex-wrap:wrap}#circleSelection{max-width:150px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#8de8fa}.placing-circles .panoCircle.selected{border-color:#ffdc85;box-shadow:0 0 0 8px #ffdc8528}#circleAddPanel{position:absolute;z-index:12;right:16px;top:78px;background:#102532f5;padding:12px;border-radius:10px;max-width:calc(100vw - 32px);display:flex;flex-wrap:wrap;gap:8px}#circleAddPanel[hidden]{display:none}#circleDestination{max-width:100%;background:#183747;color:white;border:1px solid #60899b;border-radius:6px;padding:8px}#circleAddPanel button{padding:8px;font-size:12px}@media(max-width:700px){#circleAddPanel{top:112px;right:10px}#circleSelection{display:none}}
body:has(#panoView:not([hidden])) #toast{top:auto;bottom:20px;pointer-events:none}
