/* Essential controls stay outside the explanation scroller. */
.model-tools-dock{width:300px;height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr);box-shadow:none;overflow:hidden}
.model-dock-heading{padding:12px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--raised)}
.model-dock-heading strong{font-size:12px}.model-dock-heading button{font-size:11px;padding:7px}
.model-tools-fixed{padding:12px;display:grid;gap:10px;border-bottom:1px solid var(--line);background:var(--panel)}
.model-tools-fixed>section{margin:0;min-width:0}.model-tools-fixed h4{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--orange);margin:0 0 6px}
.model-tools-fixed select{width:100%;max-width:100%;background:var(--raised);color:var(--white);border:1px solid var(--line);border-radius:6px;padding:8px;font-size:12px}
.model-tools-fixed .model-tabs,.model-tools-fixed .model-toolbar,.model-tools-fixed .study-toolbar{padding:0;border:0;background:none;display:flex;flex-wrap:wrap;justify-content:start;gap:5px}
.model-tools-fixed .model-tabs button,.model-tools-fixed .model-toolbar button,.model-tools-fixed .study-toolbar button{padding:7px 8px;font-size:11px;min-height:31px}
.model-tools-fixed .model-tabs{display:grid;grid-template-columns:1fr 1fr}.model-tools-fixed .segmented{flex-wrap:wrap;gap:4px}
.model-tools-fixed .study-toolbar label{display:flex;align-items:center;gap:4px;font-size:11px;min-height:28px}
.model-tools-fixed .library-spread,.model-tools-fixed .explode-control{display:grid;grid-template-columns:1fr auto;gap:7px;padding:0;border:0;background:none;font-size:11px}
.model-tools-fixed .library-spread span,.model-tools-fixed .explode-control label{grid-column:1/-1;font-size:11px;display:block}.model-tools-fixed input[type=range]{width:100%;min-width:0;min-height:25px;accent-color:var(--orange)}
.model-tools-fixed .explode-control>button{display:none}.reveal-steps{display:flex;justify-content:space-between;gap:5px}.reveal-steps button{padding:5px 6px;font-size:10px;flex:1;min-height:29px}
.model-navigation{display:flex;align-items:center;gap:6px}.model-navigation button{min-width:33px;padding:5px;font-size:18px}.model-navigation label{display:flex;align-items:center;gap:6px;font-size:11px;margin-left:auto}
.model-tools-content{position:static!important;inset:auto!important;height:auto!important;min-height:0;padding:12px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.model-stage #studio-model,.study-stage #study-canvas{width:calc(100% - 300px)!important;height:100%!important}
.model-tools-fixed #study-in-place{font-size:12px;padding:8px}.model-tools-fixed #study-in-place[aria-pressed=true]{border-color:var(--orange);color:var(--orange)}
.model-tools-fixed .eyebrow{display:none}.model-tools-fixed label[for=study-part],.demo-component-picker{font-size:11px}.model-tools-fixed label[for=study-part]{display:none}
.reveal-status{font-size:11px!important;line-height:1.45!important;color:var(--muted);min-height:31px;margin:0}
.study-stage .study-axis,.model-stage .axis-key{right:315px!important}.model-stage .model-source{max-width:calc(100% - 335px)}
.in-place-caption{position:absolute;left:20px;top:18px;max-width:min(390px,calc(100% - 340px));pointer-events:none;color:var(--white);text-shadow:0 2px 8px var(--well);border-left:2px solid var(--orange);padding-left:12px}
.in-place-caption strong{display:block;font-size:18px;line-height:1.2}.in-place-caption span{display:block;font-size:11px;line-height:1.6;margin-top:7px;color:var(--muted)}
body[data-room=models] #assemblies,body[data-room=studio] .playground-section>.section-wrap{width:calc(100% - 36px);max-width:1860px}
body[data-room=models] .library-workspace{grid-template-columns:275px minmax(0,1fr)}
body[data-room=models] .library-model-heading{padding:10px 16px}.library-model-heading #study-tags{font-size:11px}.library-model-heading .status-badge{font-size:9px}
body[data-room=models] .study-stage,body[data-room=studio] .model-stage{min-height:560px!important}
body.has-model-focus{overflow:hidden}.model-focus.model-stage,.model-focus.study-stage{position:fixed!important;inset:34px 12px 12px!important;height:auto!important;min-height:0!important;z-index:95;background:var(--well);border:1px solid var(--line);border-radius:10px;box-shadow:0 0 0 30px var(--well)}
.model-focus .model-tools-dock{width:320px}.model-focus #studio-model,.model-focus #study-canvas{width:calc(100% - 320px)!important}.model-focus .study-axis,.model-focus .axis-key{right:335px!important}
@media(max-width:1050px) and (min-width:761px){body[data-room=models] .library-workspace{grid-template-columns:210px minmax(0,1fr)}.model-tools-dock{width:270px}.model-stage #studio-model,.study-stage #study-canvas{width:calc(100% - 270px)!important}.study-stage .study-axis,.model-stage .axis-key{right:285px!important}.model-tools-fixed{padding:9px;gap:8px}.model-dock-heading strong{display:none}}
@media(max-width:760px){body[data-room=models] .library-workspace{grid-template-columns:1fr}body[data-room=models] #assemblies,body[data-room=studio] .playground-section>.section-wrap{width:calc(100% - 20px)}body[data-room=models] .study-stage,body[data-room=studio] .model-stage{height:850px!important;min-height:850px!important}.model-tools-dock{width:100%;height:470px!important;max-height:none;top:auto;bottom:0;border-left:0;border-top:1px solid var(--line)}.model-dock-heading{padding:7px 12px}.model-tools-fixed{grid-template-columns:1fr 1fr;gap:9px;padding:9px 12px}.model-tools-fixed>.model-navigation,.model-tools-fixed>.reveal-status{grid-column:1/-1}.model-tools-fixed>section:has(.library-spread),.model-tools-fixed>section:has(.explode-control){grid-column:1/-1}.model-stage #studio-model,.study-stage #study-canvas{width:100%!important;height:calc(100% - 470px)!important}.study-stage .study-axis,.model-stage .axis-key,.study-stage .study-stage-caption,.model-stage .model-hint{bottom:483px!important;right:12px!important;font-size:8px}.in-place-caption{top:12px;left:12px;max-width:calc(100% - 24px)}.in-place-caption strong{font-size:15px}.in-place-caption span{font-size:10px}.model-focus.model-stage,.model-focus.study-stage{inset:30px 5px 5px!important;min-height:0!important;height:auto!important}.model-focus .model-tools-dock{width:100%;height:48%!important}.model-focus #studio-model,.model-focus #study-canvas{width:100%!important;height:52%!important}.model-focus .model-tools-fixed{gap:5px;padding:6px 10px}.model-focus .model-dock-heading{padding:5px 10px}.model-focus .model-tools-content{display:none}.model-focus .model-tools-dock{grid-template-rows:auto minmax(0,1fr)}.model-focus .model-tools-fixed{overflow:auto}.model-focus .study-stage-caption,.model-focus .model-hint,.model-focus .study-axis,.model-focus .axis-key{display:none}}

.model-tools-dock>.model-tools-content{display:flex!important}
body.has-model-focus[data-room] .study-stage.model-focus,body.has-model-focus[data-room] .model-stage.model-focus{height:calc(100dvh - 46px)!important;min-height:0!important}
.in-place-caption{z-index:3}

.inspection-model-label{position:absolute;z-index:3;top:17px;left:20px;max-width:calc(100% - 345px);pointer-events:none;font:12px/1.5 Consolas,monospace;color:var(--orange);text-shadow:0 2px 8px var(--well)}.study-stage:has(#study-place-caption:not([hidden])) .inspection-model-label{top:auto;bottom:42px}.study-stage:has(#study-canvas[data-in-place=true]) .in-place-caption{max-width:min(420px,calc(100% - 345px))}@media(max-width:760px){.inspection-model-label{max-width:calc(100% - 30px);left:12px;top:12px;font-size:10px}.study-stage:has(#study-canvas[data-in-place=true]) .in-place-caption{max-width:calc(100% - 30px)}.study-stage:has(#study-place-caption:not([hidden])) .inspection-model-label{display:none}}

#review-drawing:has(.curb-case){min-height:350px}#review-drawing svg.curb-case{height:auto;min-height:280px;max-height:440px}.drawing-panel:has(.curb-case) .drawing-legend{display:none}