/* Presentation-first layout; measurements and original source panels remain available. */
.has-groove{overflow:auto}
.groove-panel{flex:none;order:1;background:#fff;border:1px solid #dfe7ef;border-radius:10px;padding:14px}
.groove-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.groove-toolbar h3{margin-right:auto}
.groove-toolbar label{display:flex;align-items:center;gap:6px;font-size:14px}
#groovePlay{background:#116a68;color:white;font-weight:600;min-height:42px}
#groovePhase{font-size:13px;color:#137e83}
.groove-legend{display:flex;gap:16px;flex-wrap:wrap;margin:12px 0;font-size:13px;color:#647892}
#grooveCharts{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.groove-chart{min-width:0;border-top:1px solid #e0e7ee;padding-top:12px}
.groove-chart h3{font-size:15px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.groove-chart h3 span{font-size:12px;color:#647892;font-weight:400}
.groove-chart svg{display:block;width:100%;height:auto}
.groove-note{font-size:13px;line-height:1.7;color:#647892}
#grooveSource{font-size:14px;color:#246db1}
@media(max-width:1000px){#grooveCharts{grid-template-columns:1fr}}
@media(max-width:700px){.groove-panel{padding:10px}.groove-chart svg{min-width:510px}.groove-chart{overflow-x:auto}.groove-toolbar h3{width:100%}.groove-toolbar label{width:100%}.groove-toolbar input{flex:1;min-width:0}}
#playButton{background:#1263ae;color:#fff;border:1px solid #1263ae;box-shadow:0 3px 10px #1263ae30;font-weight:600;min-height:42px;padding:8px 15px;font-size:14px;white-space:nowrap}
#playButton:hover{background:#0e4d88;border-color:#0e4d88}
#playButton[aria-pressed=true]{background:#116a68;border-color:#116a68;box-shadow:0 3px 10px #116a6826}
@media(max-width:700px){#playButton{order:-1;flex-basis:100%;min-height:44px;font-size:16px}}
.model-tools{position:relative;z-index:5;gap:8px}
.model-tools>.button,.preset,.view-settings{flex-shrink:0}
.view-settings{position:relative;margin-left:auto}
.view-settings>summary{list-style:none;border:1px solid #d1ddea;border-radius:5px;padding:6px 10px;min-height:32px;background:white}
.view-settings>summary::-webkit-details-marker{display:none}
.view-settings>summary:after{content:'⌄';margin-left:8px}
.settings-popover{position:absolute;right:0;top:calc(100% + 8px);width:290px;padding:16px;background:#fff;border:1px solid #dfe7ef;border-radius:9px;box-shadow:0 8px 28px #173b6326;display:grid;gap:14px}
.settings-popover .scale-control{font-size:12px;white-space:nowrap}
.settings-popover .scale-control input{width:105px;min-width:0}
.settings-popover .camera-buttons{margin:0}
.settings-popover small{font-size:11px;color:#6b7c91;line-height:1.5}
.viewer-hint{top:12px;bottom:auto;color:#7d8ca0}
.cloud-legend{bottom:10px}
.viewer{min-height:240px;min-width:0}
.viewer canvas{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:100%;display:block}
@media(min-width:701px){
 .site-view{gap:7px}
 .masthead{height:64px}
 .content{padding-top:12px;gap:7px;overflow:auto}
 .site-view>.page-heading{flex-direction:row;align-items:center;flex-wrap:nowrap}
 .site-view .breadcrumb{display:none}
 .site-view h2{font-size:21px}
 .site-picker{grid-template-columns:auto minmax(165px,260px);flex-shrink:1}
 .site-picker .status-tag{display:none}
 .result-card{padding:8px 12px}
 .metric-name{font-size:12px;margin-bottom:3px}
 .result-card strong{font-size:23px}
 .site-highlights{font-size:12px}
 .model-heading{padding:8px 14px}
 .model-tools{padding:0 14px 8px}
 .point-detail{font-size:12px;padding:6px 14px}
 .data-note{font-size:10px}
 .sidebar{flex-basis:180px}
}
@media(min-width:701px) and (max-height:820px){
 .masthead{height:54px}.company-logo{max-height:46px}
 .site-view{gap:5px}.content{padding-top:8px}
 .result-card{padding:5px 10px}.result-card strong{font-size:21px}
 .metric-caption{font-size:10px;margin-top:0}
 .model-heading{padding:6px 12px}.model-heading h3{font-size:14px}
 .site-view .metadata-strip{font-size:11px;gap:5px 15px}
 .site-view .site-highlights{line-height:1.4}
 .model-tools .button{font-size:12px}
 .progress-control{font-size:12px}
 .content>footer{display:none}
}
@media(min-width:701px) and (max-height:590px){
 .app-shell{height:auto}.site-view,.model-panel{flex:none}.viewer{height:360px}
 .result-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:950px){.sidebar{flex-basis:145px}.progress-control{min-width:100px}.site-picker label{display:none}.site-picker{grid-template-columns:minmax(150px,1fr)}}
@media(max-width:700px){
 .viewer{height:clamp(320px,48svh,460px)}
 .model-tools{gap:7px}.progress-control{order:5;flex-basis:100%}
 .settings-popover{width:260px}.settings-popover .scale-control input{width:85px}
 .point-detail{font-size:12px}.viewer-hint{font-size:10px}
 .view-nav{margin-bottom:0}
 .app-body{display:block;min-width:0}
 .sidebar{padding:8px 12px;display:block}
 .sidebar-heading,.sidebar-bottom{display:none}
 .view-nav{flex-direction:row;gap:6px}
 .nav-button{flex:1;min-height:40px}
 .content{padding:10px;min-width:0}
 .site-view{gap:8px}
 .site-view>.page-heading{gap:6px}
 .site-view .breadcrumb,.site-picker .status-tag{display:none}
 .site-view h2{font-size:19px}
 .site-picker{width:100%;grid-template-columns:1fr}
 .site-picker select{font-size:16px;min-height:42px}
 .metadata-strip{font-size:12px;line-height:1.5;gap:4px 12px}
 .model-panel{order:1}.site-view>.page-heading{order:0}
 .site-view>.metadata-strip,.site-view>.result-grid,.site-view>.site-highlights{order:2}
 .site-view>.source-details,.site-view>.data-note{order:3}
 .model-tools>.button,.model-tools .preset>.button,.view-settings>summary{min-height:40px;font-size:14px}
 .model-tools{gap:6px;padding:0 8px 8px}
 .model-tools .button{padding:5px 8px}
 .view-settings>summary{padding:9px 7px}
 .model-heading{padding:10px}
 .progress-control{min-height:30px;font-size:14px}
 .point-detail{line-height:1.7;padding:8px 10px}
 .viewer-hint{font-size:12px;left:10px}
 .cloud-legend{font-size:12px;left:10px;right:10px;justify-content:center}
}