/* Viewing workspace: fixed shell, stable canvas, independently scrolling tools. */
body.model-detail {height:100dvh;overflow:hidden;display:flex;flex-direction:column;}
body.model-detail #detail:not([hidden]) {display:flex;flex-direction:column;flex:1;min-height:0;padding:0 16px;}
#detail .detail-top {width:100%;max-width:none;margin:8px 0;gap:16px;min-height:40px;flex:none;}
#detail #detail-title {font-size:17px;line-height:1.4;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#detail .detail-actions {border:0;background:transparent;padding:0;}
#detail .detail-actions button,#detail .detail-actions a {font-size:12px;min-height:36px;}
#detail #toggle-inspector {border:1px solid var(--line);background:#f8f7fb;color:var(--ink);}
#detail .workspace {flex:1;min-height:0;margin:0;gap:16px;grid-template-columns:minmax(0,1fr) 292px;grid-template-rows:minmax(0,1fr);}
#detail .workspace .stage-wrap,#detail .workspace .inspector {height:100%;min-height:0;max-height:none;}
#detail .stage-wrap {border-radius:12px;}
#detail .inspector {padding:0 0 4px;overflow:hidden;gap:0;}
.inspector-heading {display:flex;align-items:center;justify-content:space-between;min-height:36px;gap:12px;flex:none;}
.inspector-heading strong {font-size:14px;}
.inspector-heading .small {font-size:11px;color:var(--muted);}
#detail .meta {gap:6px;flex:none;}
#detail .meta span {font-size:11px;padding:3px 5px;background:transparent;color:#686579;}
#detail .interaction-tabs {display:flex;margin-top:12px;flex:none;}
#detail .interaction-tabs button {flex:1;font-size:13px;min-height:40px;padding:8px 2px;}
#detail .interaction-tabs:has(#tab-environment[hidden]):has(#tab-object[hidden]):has(#tab-edit[hidden]):has(#tab-export[hidden]) {display:none;}
#detail .interaction-panels {min-height:0;max-height:none;overflow:auto;overscroll-behavior:auto;padding:8px 6px 12px 0;scrollbar-width:thin;}
#detail .interaction-panels h3 {margin:10px 0;font-size:12px;}
#detail .frame-choice {margin:0 0 12px;}
#detail #object-list {max-height:none;overflow:visible;overscroll-behavior:auto;}
#detail .control-section {border:0;border-top:1px solid var(--line);border-radius:0;padding:10px 0;}
#detail .control-grid > label {font-size:13px;}
#detail .view-settings,#detail .work-notes {flex:none;border-top:1px solid var(--line);margin:0;padding:10px 0;font-size:12px;color:#686579;}
#detail .view-settings summary,#detail .work-notes summary {cursor:pointer;}
#detail .view-settings label {display:flex;align-items:center;gap:8px;margin:12px 0 0;}
#detail .work-notes[open] {max-height:min(30dvh,180px);overflow:auto;overscroll-behavior:auto;}
#detail #detail-source {border:0;padding:0;max-width:none;white-space:normal;font-size:12px;color:var(--muted);}
#detail .stage-label {top:12px;left:12px;right:12px;font-size:11px;}
#detail .stage-label span {padding:5px 8px;}
#detail .stage-tools {bottom:12px;right:12px;padding:3px;}
#detail .stage-tools #fullscreen {min-height:36px;padding:6px 10px;font-size:12px;}
#detail .stage-bottom {bottom:12px;}
#detail .stage-bottom:not(:has(button:not(:disabled))) {display:none;}
#detail .stage-bottom button {min-height:36px;font-size:12px;}
#detail .model-pane #help {max-width:calc(100% - 120px);font-size:11px;bottom:58px;line-height:1.5;padding:4px 8px;}
#detail .native .model-pane #help {bottom:12px;}
#detail .model-section-title {display:none;}
#detail .camera-section-title:has(#save-camera[hidden]) {display:none;}
#detail.inspector-collapsed .workspace {grid-template-columns:minmax(0,1fr);}
#detail.inspector-collapsed .inspector {display:none;}
#scene-error {position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f3f2f7;color:var(--ink);padding:24px;text-align:center;}
#scene-error[hidden] {display:none;}
#scene-error strong {font-size:18px;}
#scene-error p {font-size:13px;color:var(--muted);}
#scene-error button {min-height:40px;background:var(--purple);color:white;border:0;}
body.model-detail > footer {flex:none;display:flex;align-items:center;flex-wrap:nowrap;height:36px;margin:0 16px;padding:0;gap:12px;overflow-x:auto;white-space:nowrap;font-size:10px;scrollbar-width:thin;}
body.model-detail > footer > span:not(:first-child) {display:none;}
body.model-detail > footer nav {font-size:10px;gap:12px;}
body.model-detail > footer button {font-size:10px;padding:4px;white-space:nowrap;}
#detail .workspace:fullscreen {padding:12px;width:100vw;height:100dvh;}
@media(max-width:1000px) and (min-width:781px) {
 #detail .workspace {grid-template-columns:minmax(0,1fr) 264px;gap:12px;}
 #detail .detail-top {gap:8px;}
}
@media(max-width:780px) {
 body.model-detail #detail:not([hidden]) {padding:0 10px;}
 #detail .detail-top {grid-template-columns:auto minmax(0,1fr);margin:6px 0;gap:6px 10px;}
 #detail #detail-title {font-size:14px;}
 #detail .detail-actions {grid-column:1/-1;width:100%;overflow-x:auto;flex-wrap:nowrap;}
 #detail .workspace {grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,3fr) minmax(0,2fr);gap:10px;}
 #detail .inspector {border-top:1px solid var(--line);padding-top:4px;}
 #detail .inspector-heading,#detail .meta {display:none;}
 #detail .interaction-tabs {position:static;margin:0;}
 #detail .view-settings,#detail .work-notes {padding:7px 0;}
 #detail .interaction-panels {padding-top:4px;}
 #detail.inspector-collapsed .workspace {grid-template-rows:minmax(0,1fr);}
 #detail .workspace:fullscreen {display:grid;overflow:hidden;}
 body.model-detail > footer {margin:0 10px;height:28px;}
}
@media(max-height:550px) and (min-width:781px) {
 #detail .inspector-heading {min-height:28px;}
 #detail .interaction-tabs {margin-top:4px;}
 #detail .view-settings,#detail .work-notes {padding:6px 0;}
}
#detail .view-settings summary,#detail .work-notes summary {margin:2px 0;line-height:20px;}
body.model-detail > footer > * {flex-shrink:0;}
body.model-detail > footer nav {display:flex;flex-wrap:nowrap;}
@media(max-width:780px) {#detail .meta {display:flex;margin-bottom:4px;}}

/* All expandable information shares the sidebar's single scroll surface. */
#detail .work-notes[open] {max-height:none;overflow:visible;}
#detail .view-settings,#detail .work-notes {padding:10px 0;}
#detail #pane-object > .section-head:has(#object-count:empty) {display:none;}

/* Keep version selection in the existing two-row mobile toolbar. */
@media(max-width:780px){
 #detail .title-version{grid-column:1;grid-row:2}
 #detail .detail-actions{grid-column:2;grid-row:2;justify-self:end;min-width:0;max-width:100%;overflow-x:auto}
 #detail #scene-version-history{top:90px}
}