/* Digital twin first: the scene is the workspace; controls disclose detail. */
.site-header{min-height:54px;padding-block:5px}
.project-heading{padding:8px 2px;align-items:center}
.project-heading h1{font-size:21px;margin:0}
.project-heading .eyebrow{font-size:8px;margin-bottom:2px}
.project-heading p{margin:3px 0 0;font-size:11px}
.project-is-open .header-actions>.help-button,.project-is-open #tour-start{display:none}
#workspace-frame{height:max(510px,calc(100dvh - 137px))}
.viewer-toolbar{gap:6px;padding:6px 8px;align-items:center}
.viewer-toolbar>.viewer-actions{flex:1;gap:6px;align-items:center;justify-content:flex-end}
.viewer-toolbar button{font-size:12px;padding:7px 10px}
#overview-reset{border-color:#69bad1;background:#153c4c;color:#e8faff}
.viewer-toolbar #sources-open{background:transparent}
.canvas-tools{padding:5px 10px;gap:7px}
.canvas-tools .primary-actions{flex:0 0 auto}
.canvas-tools #cad-open{background:#102c3c;color:var(--ink);border-color:var(--line);font-size:11px}
.active-source{flex:1 1 220px}
.view-settings-panel{width:min(350px,calc(100vw - 28px));max-height:min(72dvh,620px);overflow:auto;bottom:calc(100% + 7px);top:auto}
.view-settings-panel .view-picker,.view-settings-panel .layer-picker{display:flex;gap:6px;align-items:center;width:100%;margin:9px 0}
.view-settings-panel .view-picker label,.view-settings-panel .layer-picker label{flex:0 0 50px}
.view-settings-panel .view-picker select,.view-settings-panel .layer-picker select{flex:1;min-width:0}
.view-settings-panel #clean-toggle{width:100%;margin:5px 0}
.viewer-status{gap:8px;padding:5px 10px;align-items:center}
#preview-status{font-size:11px;margin:0}
#scan-explanation{font-size:10px;margin:2px 0 0}
.review-warning{white-space:nowrap;border:1px solid #74633d;border-radius:6px;padding:4px 7px;font-size:10px}
.twin-coverage{border-bottom:1px solid var(--line);padding-bottom:9px;margin-bottom:17px}
.twin-coverage h3{margin:4px 0 12px}
.twin-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
.twin-facts>div{padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#0a202e}
.twin-facts dt{font-size:10px;color:var(--muted);margin:0 0 3px}
.twin-facts dd{font-size:13px;margin:0;color:var(--ink);overflow-wrap:anywhere}
.output-settings{border-top:1px solid var(--line);padding-top:4px;margin-top:18px}
.output-settings button{margin:4px 6px 4px 0}
[data-theme="light"] .twin-facts>div{background:#edf5f8}
[data-theme="light"] #overview-reset{background:#d2ebf5;color:#123e51}
[data-theme="light"] .review-warning{background:#fff7df;color:#74551d}
#workspace-frame.workspace-expanded,#workspace-frame:fullscreen{height:var(--workspace-height,100dvh)}
@media(max-width:760px){
  .site-header{min-height:48px;padding-block:4px}
  .project-heading{padding:6px 2px}
  .project-heading p{display:none}
  .project-heading h1{font-size:18px}
  #workspace-frame{height:max(475px,calc(100dvh - 112px))}
  .viewer-toolbar{gap:5px}
  .viewer-toolbar>.layers-toggle{flex:0 0 92px;font-size:11px}
  .viewer-toolbar>.viewer-actions{display:contents}
  .viewer-toolbar button{flex:1 1 auto;min-height:44px;font-size:11px;padding:6px 7px}
  .viewer-toolbar #fit-view{flex:0 0 44px}
  .viewer-toolbar .help-button{flex:0 0 44px}
  .viewer-toolbar #sources-open{font-size:10px}
  .canvas-tools .active-source{flex:1 1 140px}
  .active-scan-label{font-size:10px}
  .canvas-tools .view-settings>summary{padding:8px;font-size:11px}
  .canvas-tools .primary-actions{flex:0 0 auto}
  .viewer-status{display:flex;align-items:flex-start}
  #preview-status{font-size:10px}
  .viewer-status .review-warning{margin:0;font-size:9px;max-width:105px;white-space:normal;text-align:right;border:0;padding:0}
  .twin-facts{grid-template-columns:1fr}
}
@media(max-height:520px) and (orientation:landscape){
  .project-heading{padding:4px 2px}
  .project-heading p,.project-heading .eyebrow{display:none}
  #workspace-frame{height:max(320px,calc(100dvh - 96px))}
  .viewer-toolbar button{padding:5px 7px}
}

.layer-collection{grid-column:2;color:var(--muted);font-size:9px;line-height:1.4;overflow-wrap:anywhere;margin:0 0 4px}
/* The control that restores the interface must remain reachable in clean view. */
#workspace-frame.clean-view>.canvas-tools{display:flex;justify-content:flex-end}
#workspace-frame.clean-view>.canvas-tools>.active-source,
#workspace-frame.clean-view>.canvas-tools>.primary-actions{display:none}
#workspace-frame.clean-view .view-settings-panel .view-picker,
#workspace-frame.clean-view .view-settings-panel .layer-picker{display:flex}

/* Preserve the full-scene controls when the fitted-model shell is present. */
.model-first #workspace-frame > .viewer-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:6px 8px}
.model-first #workspace-frame > .viewer-toolbar > .viewer-actions{flex:1 1 520px;flex-wrap:wrap;gap:6px}
.model-first #workspace-frame #overview-reset{width:auto;text-align:center;background:#153c4c;border-color:#69bad1;color:#e8faff}
.model-first #workspace-frame > .canvas-tools{position:relative;flex-wrap:wrap;gap:7px;padding:5px 10px}
.model-first #workspace-frame > .canvas-tools .active-source{flex:1 1 220px}
.model-first #workspace-frame .canvas-tools #cad-open{background:#102c3c;color:var(--ink);border-color:var(--line);font-size:11px}
.model-first #workspace-frame .canvas-tools .view-settings-panel,
.model-first #workspace-frame .canvas-tools .workspace-actions-panel{top:auto;bottom:calc(100% + 7px);max-height:min(72dvh,620px)}
.model-first #workspace-frame .canvas-tools .view-settings-panel .view-picker{grid-template-columns:50px minmax(0,1fr) 44px}
.model-first #workspace-frame > .viewer-status{display:flex;gap:8px;padding:5px 10px;align-items:center;flex:0 0 auto}
.model-first #workspace-frame > .viewer-status #preview-status{white-space:normal}
.model-first #workspace-frame.suite-tools-open{grid-template-rows:auto minmax(0,1fr) auto auto}
.model-first #workspace-frame.suite-tools-open > #suite-panel{grid-row:2 / 5}
.model-first #workspace-frame.suite-tools-open > .viewer-status{grid-column:1;grid-row:4}
.model-first #workspace-frame.clean-view > .canvas-tools{display:flex;justify-content:flex-end}
.model-first #workspace-frame.clean-view > .canvas-tools > .workspace-actions{display:none}
[data-theme="light"] .model-first #workspace-frame #overview-reset{background:#d2ebf5;color:#123e51}
@media(max-width:880px){
  .model-first #workspace-frame > .canvas-tools .workspace-popover{position:static}
  .model-first #workspace-frame .canvas-tools .view-settings-panel,
  .model-first #workspace-frame .canvas-tools .workspace-actions-panel{top:auto;bottom:calc(100% + 7px);left:auto;right:8px;max-width:calc(100% - 16px)}
}
@media(max-width:760px){
  .model-first #workspace-frame > .viewer-toolbar > .viewer-actions{display:contents}
  .model-first #workspace-frame > .viewer-toolbar button{flex:1 1 auto;font-size:11px;padding:6px 7px}
  .model-first #workspace-frame > .viewer-toolbar #fit-view,
  .model-first #workspace-frame > .viewer-toolbar .help-button{flex:0 0 44px}
  .model-first #workspace-frame > .canvas-tools .active-source{flex:1 1 140px}
  .model-first #workspace-frame.suite-tools-open > .viewer-status,
  .model-first #workspace-frame.cad-is-open > .viewer-status{display:none}
}

/* Placement context stays in the existing optional details and Help. */
.placement-details{border-left:3px solid #c5a259;padding:2px 0 8px 12px;margin:0 0 16px}
.placement-details h3{margin:4px 0 8px}
.placement-details p,.placement-details li,.placement-details blockquote{font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.placement-details blockquote{margin:10px 0;padding-left:12px;border-left:1px solid var(--line)}
.placement-details summary{min-height:44px;padding-block:10px;cursor:pointer}
.placement-details summary:focus-visible{outline:2px solid #83d6ff;outline-offset:2px}