/* R7 roof-only model-space rainwater controls. R6 viewing tools retained. */
.r7-has-water{justify-content:space-between;gap:12px;background:#f4f9fc}
.r7-water-controls{display:flex;align-items:center;gap:8px;min-width:0}
.r7-water-controls button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 13px;border:1px solid #acd0df;border-radius:7px;background:#fff;color:#146484;font:600 13px/1.4 system-ui,"Microsoft YaHei",sans-serif;white-space:nowrap;touch-action:manipulation}
.r7-water-controls .r7-water-play{background:#087fa7;border-color:#087fa7;color:#fff;min-width:106px}
.r7-water-controls .r7-water-play.playing{background:#16516d;border-color:#16516d}
.r7-water-controls .r7-water-reset{font-weight:500;min-width:56px}
.r7-water-controls button:focus-visible{outline:3px solid #e4b34d;outline-offset:2px}
.r7-water-status{font-size:11px;color:#587480;line-height:1.45;max-width:300px}
.is-mobile .r7-has-water{padding:4px max(8px,env(safe-area-inset-right)) 4px max(8px,env(safe-area-inset-left));min-height:52px;gap:7px}
.is-mobile .r7-water-controls{gap:6px}
.is-mobile .r7-water-controls button{min-height:44px;padding:7px 9px;font-size:13px}
.is-mobile .r7-water-controls .r7-water-play{min-width:104px}
.is-mobile .r7-water-controls .r7-water-reset{min-width:48px}
.is-mobile .r7-has-water .r6-label-toggle{min-width:128px;gap:8px;min-height:44px;padding:7px 9px;font-size:12px}
.is-mobile .r7-water-status{display:none}
@media(orientation:landscape) and (max-height:520px){
 .is-mobile .r7-has-water{position:absolute;top:54px;right:max(10px,env(safe-area-inset-right));width:auto;min-height:44px;padding:0;background:transparent;border:0;z-index:10}
 .is-mobile .r7-has-water .r6-label-toggle{min-width:128px;background:#fffffff2}
 .is-mobile .r7-water-controls .r7-water-reset{background:#fffffff2}
}
@media(max-width:359px){.is-mobile .r7-has-water .r6-label-toggle{min-width:112px;gap:5px}.is-mobile .r7-water-controls .r7-water-play{min-width:96px}.is-mobile .r7-water-controls .r7-water-reset{min-width:44px}}
/* Keep primary action contrast through inherited generic hover/focus states. */
.r7-has-water .r7-water-controls button.r7-water-play:not(:disabled),
.r7-has-water .r7-water-controls button.r7-water-play:not(:disabled):hover,
.r7-has-water .r7-water-controls button.r7-water-play:not(:disabled):focus,
.r7-has-water .r7-water-controls button.r7-water-play:not(:disabled):active{background:#087fa7;border-color:#087fa7;color:#fff;min-height:44px}
.r7-has-water .r7-water-controls button.r7-water-play.playing:not(:disabled),
.r7-has-water .r7-water-controls button.r7-water-play.playing:not(:disabled):hover,
.r7-has-water .r7-water-controls button.r7-water-play.playing:not(:disabled):focus,
.r7-has-water .r7-water-controls button.r7-water-play.playing:not(:disabled):active{background:#16516d;border-color:#16516d;color:#fff}