/* Center the three observation modes independently of the footer side text. */
.bottom{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px}.bottom>.mode-control{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:420px;max-width:100%;gap:4px}.bottom>.help{grid-column:1;grid-row:1;justify-self:start;margin-left:0;white-space:nowrap}.bottom>.source-note{grid-column:3;grid-row:1;justify-self:end;margin-left:0}.mode-control button{text-align:center}
.compact-scene .bottom{display:flex;justify-content:center;left:calc(12px + max(env(safe-area-inset-left,0px),env(safe-area-inset-right,0px)));right:calc(12px + max(env(safe-area-inset-left,0px),env(safe-area-inset-right,0px)))}.compact-scene .bottom>.mode-control{width:100%;max-width:390px;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px;gap:3px}.compact-scene .mode-control button{display:flex;align-items:center;justify-content:center;min-height:44px;margin:0}
#qualityBtn{font-size:12px!important;line-height:1.2}#qualityBtn[aria-pressed=true]{color:#9d6c2d}.night #qualityBtn[aria-pressed=true]{color:#e0bd78}.compact-scene .tool-group{display:grid;grid-template-columns:44px 44px;gap:2px}.compact-scene .tool-group>span{display:none}.compact-scene #qualityBtn{grid-column:1/-1;width:auto;min-height:44px;font-size:12px!important}.detail-progress{position:absolute;left:50%;top:164px;transform:translateX(-50%);z-index:7;display:flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid #dce6d5;border-radius:9px;background:#fffff3ef;font-size:12px;color:#416459;pointer-events:none}.detail-progress progress{width:70px;height:4px;accent-color:#356659}.compact-scene .detail-progress{left:12px;top:118px;transform:none;max-width:calc(100% - 132px);font-size:11px;padding:7px 9px}.compact-scene .detail-progress progress{width:35px}.night .detail-progress{background:#163b36ef;border-color:#4c7665;color:#e0e9d5}
.resume-banner{position:absolute;z-index:6;left:12px;right:12px;top:72px;display:flex;align-items:center;gap:8px;padding:9px 11px;background:#fffff5f5;border:1px solid #d3dfca;box-shadow:0 4px 18px #23483314;border-radius:10px;font-size:12px;color:#486552}.resume-banner span{flex:1;min-width:0;line-height:1.5}.resume-banner button{min-height:40px;flex:none;padding:6px 10px;background:#25534a;color:#fff;border-radius:7px;font-size:13px}.resume-banner #dismissResume{min-width:36px;padding:5px;background:transparent;color:#6c8476;font-size:22px}.mobile-layout .resume-banner{padding:7px 8px;gap:5px}.mobile-layout .resume-banner button{min-height:44px}.mobile-layout .resume-banner #dismissResume{min-width:36px}
@media(min-width:651px){.resume-banner{right:auto;width:340px;top:72px}}
@media(max-width:1100px){.bottom>.help,.bottom>.source-note{display:none}}
@media(max-height:340px){.compact-scene .detail-progress{top:114px}.compact-scene .tool-group{padding:3px}.compact-scene .tool-group{grid-template-columns:repeat(3,44px)}.compact-scene #qualityBtn{min-height:44px;grid-column:2/4}}

#labelsBtn{font-size:14px!important}

.toast{pointer-events:none}
#qualityBtn{opacity:1!important}
.flat-app[data-view="3d"] .view-switch{left:50%;right:auto;transform:translateX(-50%)}