/* The retained controls, model dimensions and simulation are unchanged.
   Only the surrounding presentation is aligned with the 2080 experience. */
body.spatial-technical{--navy:#e5eff7;--ink:#ecf4fa;--text:#ecf4fa;--muted:#aec2d1;--line:#b9d1e02b;--white:#001020;--pale:#092034;background:#001020;color:#ecf4fa}
body.spatial-technical .systems-section{padding:45px 0 80px;background:transparent;color:#e7f0f7;scroll-margin-top:125px}
body.spatial-technical .systems-grid{display:flex;flex-direction:column;align-items:stretch;gap:35px}
body.spatial-technical .systems-content{width:100%;max-width:none;display:grid;grid-template-columns:.8fr 1.2fr;gap:7%;align-items:start}
body.spatial-technical .systems-intro h2{font-size:clamp(26px,2.6vw,40px);font-weight:600;letter-spacing:-.045em;line-height:1.15;color:#eaf3f9}
body.spatial-technical .systems-lead{font-size:15px;line-height:1.9;color:#aebfcd;margin-top:20px}
body.spatial-technical .systems-selection .system-panel{padding-top:0;min-height:0}
body.spatial-technical .system-panel :is(p,li){color:#b4c8d7;font-size:14px;line-height:1.9}
body.spatial-technical .system-panel .check-list{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:20px}
body.spatial-technical .systems-selection>.text-link{margin-top:22px;color:#d8e9f5}
body.spatial-technical .model-card{width:100%;max-width:none;border:1px solid #c7deee33;border-radius:20px;background:linear-gradient(135deg,#10283d99,#001020);box-shadow:0 25px 90px #0003;color:#f1f7fb;overflow:hidden;scroll-margin-top:120px}
body.spatial-technical .model-top{padding:23px 28px;align-items:center;border-bottom:1px solid #c7deee22}
body.spatial-technical .model-top p{font-size:12px;color:#a8becd}
body.spatial-technical .model-top p span{font-size:16px;font-weight:500;color:#f2f7fb}
body.spatial-technical .model-badge{font-size:10px;padding:9px 12px;border-radius:30px;color:#c9deec;border-color:#b8d0e34d}
body.spatial-technical .model-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,340px);gap:0;align-items:start}
body.spatial-technical .model-viewport{min-width:0;position:sticky;top:120px}
body.spatial-technical .model-stage,body.spatial-technical .model-card[data-view=raum] .model-stage,body.spatial-technical .model-card[data-view=simulation] .model-stage{width:100%;height:auto;min-height:370px;aspect-ratio:16/10;margin:0;background:radial-gradient(ellipse at 48% 42%,#2c4359,#10283e 56%,#031526);border:0;touch-action:none}
body.spatial-technical .model-stage .model-loading{color:#d0e3ef}
body.spatial-technical .model-stage .model-spinner{border-color:#a6c8e03b;border-top-color:#e4f4ff}
body.spatial-technical .model-axis{color:#acc6d7;font-size:10px}
body.spatial-technical .model-measurement{background:#001020ed;color:#e5f1f9;border-color:#adcbd977;box-shadow:none}
body.spatial-technical .model-instructions{font-size:12px;line-height:1.8;color:#b4cad9;margin:0;padding:18px 25px;border-top:1px solid #bdd7e51c}
body.spatial-technical .model-format{background:#0010209e;color:#d3e6f2;border-color:#c7deee2e}
body.spatial-technical .room-framing{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:0 20px 16px}
body.spatial-technical .room-framing button{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;font:500 12px/1.5 Montserrat,Arial,sans-serif;color:#cfe1ec;background:#e0edf408;border:1px solid #c7deee38;border-radius:9px;cursor:pointer}
body.spatial-technical .room-framing button[aria-pressed=true]{color:#001020;background:#e8f2f8;border-color:#e8f2f8}
body.spatial-technical .room-framing button:hover{border-color:#e8f2f8}
body.spatial-technical .model-card:not([data-view=raum]) .room-framing{display:none}
body.spatial-technical .model-settings{display:flex;flex-direction:column;gap:20px;border-left:1px solid #c7deee26;background:#0010207a;min-width:0;padding:20px}
body.spatial-technical .model-settings .model-toolbar{display:flex;flex-direction:column;gap:16px;padding:0 0 17px;border-bottom:1px solid #c7deee26}
body.spatial-technical .model-settings :is(.model-config,.model-controls,.model-mounting-options,.model-room-options,.model-view-options){margin:0;padding:0;border:0;background:transparent}
body.spatial-technical .model-settings .model-view-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
body.spatial-technical .model-settings .model-config{display:flex;gap:9px}
body.spatial-technical .system-tabs{display:grid;grid-template-columns:1fr;gap:6px}
body.spatial-technical :is(.system-tab,.model-view-options button,.model-config button,.mounting-buttons button,.layer-toggles button,.model-actions button,.simulation-framing button){background:#e0edf408;color:#cfe1ec;border:1px solid #c7deee38;border-radius:8px;min-height:44px;font-size:12px;padding:10px;line-height:1.5}
body.spatial-technical .system-tab[aria-selected=true],body.spatial-technical :is(.model-view-options button,.model-config button,.mounting-buttons button,.model-actions button,.simulation-framing button)[aria-pressed=true]{background:#e8f2f8;color:#001020;border-color:#e8f2f8}
body.spatial-technical :is(.sim-primary,.sim-inquiry){background:#e8f2f8;color:#001020;border-color:#e8f2f8;border-radius:8px}
body.spatial-technical .model-detail{padding-top:12px;margin-top:18px;border-color:#d3e7f4}
body.spatial-technical .model-detail p{font-size:12px;color:#b2c9d9;line-height:1.8}
body.spatial-technical .model-notes{padding:20px 28px;border-top:1px solid #c7deee26;background:transparent}
body.spatial-technical .model-notes summary{font-size:13px;min-height:44px;cursor:pointer;color:#d9e9f4;line-height:1.7}
body.spatial-technical .model-notes .model-note{padding:12px 0 0;font-size:12px;line-height:1.9;color:#aac1d2}
body.spatial-technical .sim-steps{grid-template-columns:1fr 1fr}
body.spatial-technical .sim-steps li{font-size:11px;line-height:1.6;min-height:40px}
body.spatial-technical .sim-guide li{font-size:11px;padding:8px 4px}
body.spatial-technical .sim-popover{background:#071f34f7;color:#ecf5fb;border-color:#bad7e463;backdrop-filter:blur(18px)}
body.spatial-technical .spatial-technical-links{display:flex;flex-wrap:wrap;gap:15px 26px;margin-top:25px}
body.spatial-technical .spatial-technical-links a{display:inline-flex;align-items:center;gap:20px;min-height:44px;border-bottom:1px solid #c0d6e455;color:#e4eff7;font-size:13px}
body.spatial-technical .technical-qualifier{font-size:12px;line-height:1.8;color:#91adbf;margin-top:22px;max-width:480px}
body.spatial-technical .inquiry-dialog{width:min(800px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:28px;border:1px solid #c7deee55;border-radius:16px;background:#001020;color:#e9f3f9;overflow:auto}
body.spatial-technical .inquiry-dialog::backdrop{background:#000a;backdrop-filter:blur(14px)}
body.spatial-technical .dialog-top{display:flex;justify-content:space-between;gap:20px}
body.spatial-technical .dialog-top h2{font-size:28px;color:#f1f7fb}
body.spatial-technical .dialog-close{min-width:44px;min-height:44px;color:#fff;border:1px solid #c7deee44;border-radius:50%;background:transparent}
body.spatial-technical .field :is(input,select,textarea),body.spatial-technical .inquiry-draft{background:#0a2236;color:#edf5fb;border-color:#c7deee44}
body.spatial-technical .field label,body.spatial-technical .form-note,body.spatial-technical .inquiry-status{color:#c5dbe9}
body.spatial-technical .inquiry-fallback,body.spatial-technical .inquiry-selection{background:#071f34;color:#c4dae9;border-color:#bdd7e444}
body.spatial-technical .inquiry-status.is-error{background:#341d28;color:#ffc9ca}
body.spatial-technical .button-navy{background:#e5f0f8;color:#001020;border-color:#e5f0f8}
@media(min-width:1600px){body.spatial-technical .model-workspace{grid-template-columns:minmax(0,1fr) 375px}body.spatial-technical .model-stage{min-height:480px}}
@media(max-width:1050px){body.spatial-technical .model-workspace{grid-template-columns:1fr}body.spatial-technical .model-viewport{position:relative;top:auto}body.spatial-technical .model-settings{border-left:0;border-top:1px solid #c7deee26;padding:24px}body.spatial-technical .system-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}body.spatial-technical .model-settings .model-toolbar{flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}body.spatial-technical .simulation-panel{max-width:none}body.spatial-technical .sim-zones{grid-template-columns:1fr 1fr}body.spatial-technical .sim-system-picker{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){body.spatial-technical .systems-content{grid-template-columns:1fr;gap:28px}body.spatial-technical .systems-section{padding-top:25px}body.spatial-technical .model-stage,body.spatial-technical .model-card[data-view=raum] .model-stage,body.spatial-technical .model-card[data-view=simulation] .model-stage{min-height:300px;aspect-ratio:4/3}body.spatial-technical .model-top{padding:18px;gap:10px}body.spatial-technical .model-badge{font-size:8px;padding:7px 9px}body.spatial-technical .model-top p span{font-size:14px}body.spatial-technical .model-settings{padding:18px}body.spatial-technical .model-settings :is(.model-config,.model-view-options){width:100%}body.spatial-technical .system-tabs{grid-template-columns:1fr}body.spatial-technical .model-notes{padding:17px 18px}body.spatial-technical .inquiry-dialog{padding:21px}body.spatial-technical .inquiry-dialog .form-grid{grid-template-columns:1fr}body.spatial-technical .field input,body.spatial-technical .field select,body.spatial-technical .field textarea{font-size:16px}}

/* Compact product studio: choose, inspect, inquire. Depth opens on demand. */
.spatial-technical .studio-section{padding:28px 0 65px;scroll-margin-top:15px}
.spatial-technical .studio-shell{max-width:1280px}
.spatial-technical .studio-heading{margin-bottom:23px}
.spatial-technical .studio-heading .eyebrow{font-size:9px;margin-bottom:8px;letter-spacing:.17em}
.spatial-technical .studio-heading h1{font-size:clamp(27px,3.5vw,44px);font-weight:600;line-height:1.15;letter-spacing:-.045em}
.spatial-technical .studio-heading>p:not(.eyebrow){font-size:13px;color:#aac1d2;margin-top:12px;line-height:1.7}
.product-studio .studio-selector{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0;padding:15px 18px;border:0;border-bottom:1px solid #c7deee22}
.product-studio .studio-selector .system-tab{font-size:12px;min-height:46px;font-weight:500;padding:10px 8px;overflow-wrap:normal;hyphens:auto;border-radius:30px}
.product-studio .studio-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:10px 22px}
.product-studio .studio-toolbar .model-config{margin:0;padding:0;gap:12px;min-width:0}
.product-studio .studio-toolbar .model-top{padding:0;border:0;min-width:0;gap:12px;align-items:center}
.product-studio .studio-toolbar .model-top p span{font-size:12px;font-weight:500;margin:0;line-height:1.6}
.product-studio .studio-toolbar #model-mount-name{display:none}
.product-studio .studio-toolbar .model-badge{font-size:8px;padding:7px 9px;white-space:nowrap}
.product-studio .mount-options{gap:4px;border-radius:30px}
.product-studio .mount-options button{border-radius:25px;min-height:44px;padding:8px 16px;font-size:12px}
.product-studio .finish-option{font-size:11px;line-height:1.5}
.product-studio .model-workspace{display:block}
.product-studio .model-viewport{position:relative;top:auto}
body.product-studio .model-stage,body.product-studio .model-card[data-view=raum] .model-stage{height:clamp(300px,52dvh,540px);min-height:0;aspect-ratio:16/9;margin:0}
.product-studio .model-format{position:absolute;z-index:3;top:13px;left:18px;margin:0;padding:6px 10px;border:1px solid #c7deee28;border-radius:25px;pointer-events:none}
.product-studio .model-format>span{display:none}
.product-studio .model-format strong{font-size:10px;font-weight:500;white-space:nowrap}
.product-studio .model-instructions{padding:10px 16px;font-size:10px;line-height:1.7;border:0}
.product-studio .studio-spread{padding:13px 22px 8px;border-top:1px solid #c7deee22}
.product-studio .explode-label{font-size:12px;margin-bottom:2px}
.product-studio .explode-label output{font-size:11px}
.product-studio .studio-actions{display:flex;gap:9px;padding:10px 22px 20px;flex-wrap:wrap}
.product-studio .studio-actions .button{min-height:46px;font-size:11px;padding:10px 20px;flex:1;gap:15px}
.product-studio .studio-details{border-top:1px solid #c7deee33}
.product-studio .studio-details>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:60px;padding:15px 24px;font-size:13px;font-weight:500;line-height:1.6;list-style:none;cursor:pointer}
.product-studio .studio-details>summary::-webkit-details-marker{display:none}
.product-studio .studio-details>summary>span{font-size:21px;line-height:1;transition:transform .2s}
.product-studio .studio-details[open]>summary>span{transform:rotate(45deg)}
.product-studio .studio-details-content{padding:4px 24px 22px;border-top:1px solid #c7deee1c}
.product-studio .systems-selection{margin-top:20px}
.product-studio .system-panel h3{font-size:18px;line-height:1.45;margin-bottom:12px}
.product-studio .system-panel :is(p,li){font-size:13px;line-height:1.85}
.product-studio .system-panel .check-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 20px;margin-top:18px}
.product-studio .model-detail{margin:24px 0;padding-top:0;min-height:0}
.product-studio .studio-options-title{font-size:15px;margin:25px 0 15px;font-weight:600;letter-spacing:-.02em}
.product-studio .model-settings{padding:0;border:0;background:transparent;gap:18px}
.product-studio .model-settings .model-view-options{grid-template-columns:repeat(2,minmax(0,1fr));max-width:400px}
.product-studio .model-settings .model-toolbar{padding:0 0 16px;order:0}
.product-studio .model-control-row{display:block}
.product-studio .model-control-row .model-actions{gap:8px;margin-top:0}
.product-studio .model-controls .layer-toggles{margin-bottom:16px}
.product-studio .model-notes{margin-top:20px;padding:14px 0 0}
.product-studio .model-notes .model-note{padding:12px 0 0}
.product-studio .model-card>noscript p{padding:12px 24px}
.spatial-technical .studio-back{display:inline-flex;align-items:center;min-height:44px;font-size:11px;line-height:1.5;color:#b8cddd;margin-bottom:10px}
.spatial-technical .studio-back:hover{color:#fff}
.simulation-page .model-detail{margin:18px 22px 22px}
.simulation-page .model-viewport{top:15px}
.simulation-page .model-stage{min-height:370px}
.simulation-page .simulation-framing{padding:0 18px 12px}
.simulation-page .simulation-panel .sim-intro{display:none}
@media(max-width:700px){
  .spatial-technical .studio-section{padding:21px 0 40px}
  .spatial-technical .studio-heading{margin-bottom:18px}
  .spatial-technical .studio-heading h1{font-size:27px;line-height:1.2}
  .product-studio .studio-selector{padding:11px;gap:5px}
  .product-studio .studio-selector .system-tab{font-size:11px;padding:8px 5px;min-height:46px;line-height:1.4}
  .product-studio .studio-toolbar{padding:9px 13px;gap:8px;flex-wrap:wrap}
  .product-studio .studio-toolbar .model-top{margin-left:auto}
  .product-studio .studio-toolbar .model-top p span{font-size:10px}
  .product-studio .studio-toolbar .model-badge{display:none}
  .product-studio .studio-toolbar .model-config{flex-wrap:wrap}
  .product-studio .mount-options button{font-size:11px;padding:7px 12px}
  body.product-studio .model-stage,body.product-studio .model-card[data-view=raum] .model-stage{height:clamp(245px,36dvh,350px);min-height:0;aspect-ratio:4/3}
  .product-studio .model-format{left:12px;top:10px;padding:5px 8px}
  .product-studio .model-axis{left:14px;font-size:8px;max-width:45%;line-height:1.6;bottom:17px}
  .product-studio .model-instructions{font-size:9px;padding:8px 12px}
  .product-studio .studio-spread{padding:10px 14px 3px}
  .product-studio .studio-actions{padding:10px 14px 16px;gap:7px}
  .product-studio .studio-actions .button{font-size:10px;padding:10px 9px;gap:7px;line-height:1.5}
  .product-studio .studio-details>summary{padding:13px 16px;min-height:55px;font-size:12px}
  .product-studio .studio-details-content{padding:2px 16px 18px}
  .product-studio .system-panel .check-list{grid-template-columns:1fr}
  .product-studio .model-settings{padding:0}
  .product-studio .model-settings .model-view-options{width:100%}
  .product-studio .model-settings .model-toolbar{padding-bottom:15px}
  .product-studio .model-mounting-options{flex-direction:column}
  .product-studio .model-notes{padding-inline:0}
  .simulation-page .model-viewport{position:relative;top:auto}
  .simulation-page .simulation-heading>p{font-size:12px;max-width:40ch}
  .simulation-page .model-detail{margin:15px 18px 20px}
}
@media(max-width:380px){.product-studio .studio-toolbar .model-top{display:none}.product-studio .studio-selector .system-tab{font-size:10px}}