/* XVM working surface. Presentation only: keep all model and review controls. */
@media screen {
 body.atelier-active{background:#f0f3f5;color:#203c43;--workspace-line:#dce5e8}
 body.atelier-active .rail{position:relative;inset:auto;width:100%;min-height:58px;padding:10px 24px;display:flex;flex-direction:row;align-items:center;gap:24px;background:#183c39;border-bottom:3px solid #bfa77c}
 body.atelier-active .rail .brand{font-size:29px;letter-spacing:3px;margin:0;white-space:nowrap}
 body.atelier-active .rail .brand span{display:inline-block;font-size:12px;letter-spacing:1.5px;margin:0 0 0 20px;vertical-align:middle;color:#d1e0dc}
 body.atelier-active .rail nav{margin:0 0 0 auto;gap:8px;align-items:center}
 body.atelier-active .rail .rail-label,body.atelier-active .rail .project-name,body.atelier-active .rail .rail-bottom{display:none}
 body.atelier-active main{margin:0 auto;max-width:2200px;padding:18px 24px 12px}
 body.atelier-active main>header{margin:0 0 16px;gap:12px;align-items:center}
 body.atelier-active h1{font-size:24px;font-weight:650;letter-spacing:-.6px;margin:0}
 body.atelier-active button,body.atelier-active select{min-height:38px;font-size:14px;border-radius:8px}
 body.atelier-active button:focus-visible,body.atelier-active summary:focus-visible,body.atelier-active select:focus-visible{outline:3px solid #a77a32;outline-offset:3px}
 body.atelier-active .workspace-badge{font-size:12px;color:#586d72}
 .dossier-picker>summary{font-size:14px;padding:8px 12px;border-color:#d2dee0;box-shadow:0 1px 2px #173c3910}
 #studio .studio-steps{display:flex;width:max-content;max-width:100%;margin:0 0 14px;padding:4px;gap:4px;background:#e3eae9;border:0;border-radius:11px;overflow:visible}
 #studio .studio-steps li{flex:0 1 auto;min-width:0}
 #studio .studio-steps button{padding:8px 24px;min-height:40px;border:0;border-radius:8px;gap:9px;flex-direction:row;font-size:14px;background:transparent;color:#46635f}
 #studio .studio-steps button.current{background:#fff;color:#174b43;box-shadow:0 2px 6px #153d3915;font-weight:650}
 #studio .studio-steps button.current span{background:#225b50;color:white}
 #studio .studio-steps button.done{background:transparent}
 #studio .studio-workspace{gap:0;grid-template-columns:minmax(0,1fr) 300px;border:1px solid #d7e1e3;border-radius:14px;box-shadow:0 5px 22px #183c3908;align-items:stretch}
 #studio .studio-viewer{background:#e9eeee}
 #studio .studio-view-tools{padding:10px 12px;gap:8px;background:white;border-bottom:1px solid #e0e7e8}
 #studio .studio-view-tools button{padding:7px 11px;box-shadow:none}
 #studio .studio-view-tools button[aria-pressed=true]{background:#225b50;color:#fff;border-color:#225b50}
 #studio .studio-view-tools label{padding:6px 8px;white-space:nowrap}
 #studio .review-open{background:#f5f8f7!important;border-color:#d0ddda!important;color:#315e55!important}
 #studio #s-scene{height:clamp(350px,calc(100dvh - 335px),840px)}
 #studio .studio-scene-caption{min-height:30px;padding:6px 14px;background:#f7f9f9;color:#5d7176}
 #studio .studio-layerbar{padding:7px 12px;gap:8px;border-bottom:1px solid #e3e9ea}
 #studio .studio-layerbar button{background:transparent;border-color:transparent;color:#48656b;padding:4px 8px;min-height:32px}
 #studio .studio-layerbar button:hover{background:#eaf1ef}
 #studio .studio-kpis{background:#fff;padding:12px 4px;gap:0;grid-template-columns:repeat(3,minmax(0,1fr))}
 #studio .studio-kpis>div{padding:0 16px}
 #studio .studio-kpis strong{font-size:22px;font-weight:650;color:#244c43}
 #studio .studio-kpis span{font-size:12px;color:#5b7376}
 #studio .studio-inspector{border-left:1px solid #dce5e7;max-height:calc(100dvh - 190px);background:#fff}
 #studio #s-inspector-body{padding:20px 16px}
 #studio .studio-inspector-title{padding-bottom:14px;border-bottom:1px solid #e3e9e8;margin-bottom:16px}
 #studio .studio-inspector-title h3{font-size:16px;font-weight:650;margin:0}
 #studio .studio-inspector-title>span{background:#e8f1ed;color:#2c6151;border-radius:20px;min-width:27px;text-align:center}
 #studio .studio-empty{padding:20px 16px;background:#f5f8f7;border:0;border-radius:10px;color:#5c7274;line-height:1.7}
 #studio .studio-measure{background:#fff;border-color:#e0e7e8;border-left-color:var(--category);box-shadow:0 2px 6px #203c4305;padding:12px 14px}
 #studio .studio-measure>b{color:#203c43;font-size:24px;font-variant-numeric:tabular-nums}
 #studio .studio-totals{background:#183c39;border-radius:10px}
 #studio .studio-setup{gap:16px;grid-template-columns:minmax(0,1fr) 300px}
 #studio .studio-map-panel,#studio .studio-setup-side{border:1px solid #d7e1e3;border-radius:14px}
 #studio .studio-setup-side{padding:20px}
 #studio #s-map{height:clamp(380px,calc(100dvh - 270px),800px)}
 #dossier-workspace .dossier-grid{gap:16px;grid-template-columns:minmax(0,1fr) 300px}
 #dossier-workspace .dossier-card{border-radius:14px;border-color:#d7e1e3;background:white}
 #dossier-workspace #d-scene{height:clamp(350px,calc(100dvh - 335px),840px)}
 .review-space{border-radius:14px;box-shadow:0 28px 100px #132e3955}
 .review-space>nav{margin:0;gap:6px}
 .review-space>nav button[aria-pressed=true]{background:#225b50;border-color:#225b50}
 body.atelier-active footer{color:#63767b;border-top:1px solid #dce4e5;padding-top:10px;margin-top:12px}
}
@media screen and (max-width:1000px){
 #studio .studio-workspace,#studio .studio-setup,#dossier-workspace .dossier-grid{grid-template-columns:1fr}
 #studio .studio-inspector{border-left:0;border-top:1px solid #dce5e7;max-height:none}
 #studio #s-inspector-body{max-height:none}
 #studio #s-scene,#dossier-workspace #d-scene{height:clamp(330px,52dvh,620px)}
 #studio .studio-setup-side{display:block}
 #studio .studio-source{border-left:0;border-top:1px solid #dce3e5;padding:16px 0 0;margin-top:16px}
 #dossier-workspace .dossier-details{grid-column:1;grid-row:auto}
}
@media screen and (max-width:600px){
 body.atelier-active main{padding:12px}
 body.atelier-active .rail{padding:10px 14px;min-height:52px}
 body.atelier-active .rail .brand{font-size:26px}
 body.atelier-active .rail .brand span{font-size:12px;letter-spacing:1px;margin-left:12px}
 body.atelier-active main>header{gap:8px;margin-bottom:12px}
 body.atelier-active h1{font-size:22px}
 body.atelier-active .workspace-badge{flex-basis:100%;order:5}
 #studio .studio-steps{width:100%}
 #studio .studio-steps li{flex:1}
 #studio .studio-steps button{width:100%;padding:8px;font-size:14px;justify-content:center}
 #studio .studio-view-tools{padding:8px;justify-content:flex-start}
 #studio .studio-view-tools>div{flex-wrap:wrap}
 #studio .studio-kpis>div{padding:0 9px}
 #studio .studio-kpis strong{font-size:19px}
 #studio .studio-kpis span{overflow-wrap:anywhere}
 #studio #s-scene{height:350px}
 .review-space{border-radius:0}
}