.open-drawer{display:none}
.experience-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0 0 14px}
.experience-bar>div{display:flex;gap:4px;background:#f3f4ee;padding:4px;border-radius:5px}
.experience-bar button{min-height:44px;padding:10px 16px;font-size:12px;border-radius:3px}
.experience-bar button[aria-pressed=true]{background:#fff;box-shadow:0 1px 5px #30332e12;color:#4b613e}
.experience-bar .disassemble{border:1px solid #8d9b7e;color:#4f663e;background:#f1f4eb;display:flex;align-items:center;gap:24px}
html[data-experience=guided] .modes{display:none}
html[data-experience=guided] .quick-actions,html[data-experience=guided] .topics-heading{display:none}
html[data-experience=free] .guide-home{display:none}
.topic-benefit ul{margin:0 0 10px;padding-left:16px;color:#69755f;font-size:12px;line-height:1.65}
.topic-benefit li+li{margin-top:5px}
.topic-reality{margin-bottom:16px}
.model-note-copy>span,.real-photos>span,.topic-look>span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1.2px;color:#839075;margin-bottom:7px}
.model-note-copy p{font-size:12px;line-height:1.7;color:#68725e;margin:0 0 17px}
.real-photos>div{display:flex;gap:8px}.real-photos button{padding:0;text-align:left;min-width:0;flex:1}
.real-photos img{width:100%;height:112px;object-fit:cover;border-radius:3px}
.real-photos small{display:block;font-size:10px;line-height:1.5;color:#707866;margin-top:5px}
.topic-look{font-size:12px;line-height:1.65;color:#69765d;margin:17px 0 0}
.ask-topic{width:100%;min-height:44px;padding:10px 12px;text-align:left;border:1px solid #d7dece;border-radius:3px;font-size:11px;color:#627d4d;margin:0 0 14px}
.ask-topic[aria-pressed=true]{background:#f0f4e9}
.quote-cta{border-top:1px solid #dce3d3;padding-top:17px;margin:20px 0}
.request-quote,#download-payload{min-height:44px;width:100%;padding:12px 14px;background:#718060;color:#fff;border:0;border-radius:4px;text-align:center;font-size:12px;line-height:1.5}
.quote-cta p{font-size:11px;line-height:1.65;color:#69775f;margin:8px 0 5px}.quote-cta small{font-size:9px;color:#8a9182}
.notebook-quote{margin-top:13px}
#project-links{border-top:1px solid var(--line);padding:15px 0}#project-links p{font-size:12px}#project-links button{display:block;font-size:11px;min-height:44px;color:#687f55;padding:8px 0;text-align:left}
#real-photo-dialog{width:min(1100px,94vw);padding:22px;background:#fff}#real-photo-image{max-height:73dvh;width:100%;height:auto;object-fit:contain;margin:10px 0}#real-photo-caption{font-size:12px;line-height:1.65;color:#707868;margin:15px 0 0}
#close-real-photo,#close-quote-preview{position:absolute;right:8px;top:2px;width:44px;height:44px;font-size:25px;background:#fffffff0;z-index:2;border-radius:50%}
#quote-preview{max-width:560px;padding:32px}#quote-preview h2{margin:14px 0}#quote-preview>p{font-size:12px;line-height:1.7;color:var(--muted)}#quote-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:12px;line-height:1.7;padding:14px;background:#f5f7ef;max-height:40dvh;overflow:auto}
.drawer-handle,.drawer-backdrop{display:none}
.embed .header,.embed .intro,.embed .construction-switch,.embed .footer{display:none}
.embed body{height:100dvh;overflow:hidden;background:#fff}
.embed main{padding:14px 20px 0;max-width:none;height:100dvh;display:flex;flex-direction:column}
.embed .experience-bar{flex-shrink:0;margin-bottom:10px}.embed .modes{flex-shrink:0}
.embed .workspace{flex:1;min-height:0}
.embed .stage{height:100%;min-height:0;position:relative;top:0}
.embed .inspector{max-height:none;height:100%;min-height:0;padding-top:15px;padding-bottom:20px}
.embed .explorer-top{top:-15px}
.embed .scene-caption{top:17px}
.no-webgl #scene,.no-webgl .view-tools,.no-webgl .hotspots,.no-webgl .layers-control{display:none!important}
.no-webgl .error-state{z-index:1}.no-webgl .error-state img{max-height:82%;object-fit:contain}.no-webgl .scene-caption{display:none}
.no-webgl #isolate-element,.no-webgl #clear-element,.no-webgl .model-action{display:none}
@media(max-width:760px){
 .experience-bar{gap:6px;flex-wrap:wrap;margin-bottom:10px}.experience-bar>div{flex:1}.experience-bar>div button{flex:1;padding:9px 8px;font-size:11px}.experience-bar .disassemble{font-size:11px;min-height:44px;padding:9px 10px;gap:8px}
 .modes button{min-height:44px}.view-tools button{width:44px;height:44px;font-size:21px}.view-tools>span{margin:0}
 .gesture-hint{display:none}.stage-bottom{justify-content:flex-end;bottom:15px;right:14px;left:14px}
 .hotspot{min-height:44px;padding:7px 9px;font-size:11px}.hotspot i{width:23px;height:23px;font-size:14px}
 .workspace,.workspace[data-exploring=true]{display:block;min-height:0;position:relative}
 .workspace .stage,.workspace[data-exploring=true] .stage{height:54dvh;min-height:330px;max-height:650px;position:relative;top:0;z-index:1;border:0}
 .workspace .inspector{position:fixed;z-index:30;bottom:0;left:0;width:100%;height:auto;max-height:68dvh;min-height:0;background:#fff;border:1px solid #e3e7db;border-radius:15px 15px 0 0;padding:0 20px 24px;overflow-y:auto;overscroll-behavior:contain;transform:translateY(105%);visibility:hidden;box-shadow:0 -12px 36px #333c2615;transition:transform .3s ease,visibility .3s}
 .drawer-open .workspace .inspector{transform:translateY(0);visibility:visible}
 .drawer-handle{display:flex;position:sticky;top:0;z-index:8;align-items:center;justify-content:center;background:#fff;height:44px;margin:0 -6px}
 .drawer-handle>span{width:42px;height:4px;background:#c8d0be;border-radius:5px}.drawer-handle button{position:absolute;right:0;top:0;width:44px;height:44px;font-size:25px}
 .explorer-top{top:44px;padding:8px 0 12px}.open-drawer{display:flex;position:sticky;bottom:0;z-index:5;min-height:52px;width:100%;align-items:center;justify-content:space-between;background:#f1f4eb;border:1px solid #d8e0ce;padding:13px 17px;color:#536b42;font-size:12px;border-radius:4px}
 .embed main{padding:10px 14px 10px}.embed .workspace{min-height:0;flex:1}.embed .stage,.embed .workspace[data-exploring=true] .stage{height:100%;min-height:0;max-height:none;width:calc(100% + 28px);margin:0 -14px}
 .embed .modes{margin:0 -14px 0;padding-left:14px;padding-right:14px}
 .embed .open-drawer{flex-shrink:0}.embed .inspector{height:auto;max-height:68dvh;padding-top:0}
 .embed .explorer-top{top:44px}
 .workspace .stage .layers-control{bottom:78px;left:17px;right:17px}
 .element-heading,.question-option,.faq-item summary,.back-to-topics,.route-choice,#reset-all,#open-notebook,.topic-tabs button{min-height:44px}
 .topic-reality img{height:125px}.topic-benefit li,.model-note-copy p,.topic-look{font-size:12px}
 .route-progress button{min-height:44px}.topic-navigation button{min-height:44px}
 #real-photo-dialog{padding:16px;max-height:90dvh}#real-photo-image{max-height:67dvh}
 .no-webgl .workspace .stage{min-height:260px}
}
@media(prefers-reduced-motion:reduce){.workspace .inspector{transition:none}}
@media(max-width:760px){
 .drawer-open .workspace .inspector,.embed.drawer-open .inspector{max-height:55dvh}
 .drawer-open .workspace .stage,.embed.drawer-open .workspace .stage{height:calc(45dvh - 75px);min-height:170px;max-height:310px}
 .drawer-open .stage-bottom,.drawer-open .stage .layers-control{display:none!important}
 .drawer-open .scene-caption{font-size:9px;top:8px}
}

.no-webgl .visibility-panel,.no-webgl #reset-all,.no-webgl .quick-actions{display:none}