/* Keep chart controls in the same place as picture controls. */
#detailChart{z-index:1;background:#d9e5e5}
.chart-canvas{position:absolute;inset:0}
.detailed-chart .stage-tools,.detailed-chart .stage-top{display:flex}
.chart-destination{position:absolute;left:14px;top:53px;max-width:calc(100% - 28px);padding:6px 12px;border-radius:6px;background:#071820e8;color:#f5fbff;font-size:13px;pointer-events:none;box-shadow:0 2px 12px #0003}
.anchor-photo{position:absolute;left:14px;bottom:62px;width:clamp(110px,16vw,180px);padding:0;border:2px solid #e5f2e8;border-radius:8px;overflow:hidden;background:#071820;color:white;box-shadow:0 6px 22px #0007}
.anchor-photo img{display:block;width:100%;max-height:205px;object-fit:contain;background:#09191f}
.anchor-photo span{display:block;padding:6px;font-size:10px;line-height:1.3}
#anchorPhotoDialog{max-width:min(94vw,900px);max-height:94dvh;background:#071820;color:#fff;border:1px solid #a4d8c8;border-radius:12px;padding:12px;overflow:auto}
#anchorPhotoDialog::backdrop{background:#000c}
#anchorPhotoDialog img{display:block;max-width:100%;max-height:78dvh;object-fit:contain;margin:auto;touch-action:pan-x pan-y pinch-zoom}
#anchorPhotoDialog .photo-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:10px}
#anchorPhotoDialog button{border:1px solid #91c9c6;border-radius:7px;padding:10px;min-height:44px}
#anchorPhotoDialog p{font-size:12px;margin:8px 0 0}
@media(max-width:600px){.chart-destination{font-size:11px;top:48px;left:10px;padding:5px 8px}.anchor-photo{width:96px;left:10px;bottom:58px}.anchor-photo img{max-height:110px}.anchor-photo span{font-size:9px;padding:4px}.detailed-chart .visual-badge{font-size:9px}}
@media(max-height:550px) and (orientation:landscape){.chart-destination{top:43px}.anchor-photo{width:82px;bottom:12px}.anchor-photo img{max-height:95px}}