/* Keep the project itself visible before supporting controls. */
#studioView .st-project-layout { grid-template-areas:"visual" "actions" "price"; }
#studioView .st-project-layout.has-panel { grid-template-areas:"settings visual" "settings actions" "settings price"; }
#studioView .st-visual { grid-area:visual; order:0; }
#studioView .st-settings { grid-area:settings; }
#studioView .st-simple-actions { grid-area:actions; order:1; }
#studioView .st-project-bottom { grid-area:price; order:2; }
#studioView .st-visual-top { order:0; }
#studioView .st-canvas, #studioView .st-project-map { order:1; }
#studioView .st-edit-toolbar { order:2; position:static; margin:0; padding:8px 16px; justify-content:center; }
#studioView #stObjectInspector { order:3; }
#studioView .st-visible-room-actions { order:4; }
#studioView .st-camera-details { order:5; }
#studioView .st-model-caption, #studioView .st-validation { order:6; }
#studioView .st-play-hint { display:none; }
#studioView .st-notice { max-height:120px; overflow:auto; }
#studioView .st-creation-notes { grid-column:1 / -1; order:3; padding:15px 18px; border:1px solid #dce0d2; border-radius:12px; background:#f1f3ea; color:#46533d; font-size:13px; line-height:1.6; }
#studioView .st-creation-kind { display:block; font-weight:600; margin:0 0 4px; }
#studioView .st-creation-notes summary { min-height:40px; cursor:pointer; display:list-item; list-style-position:inside; }
#studioView .st-creation-notes ul { padding-left:22px; margin:8px 0; }
#studioView .st-creation-notes li { margin:8px 0; }
@media(min-width:741px) {
  #studioView .st-canvas { height:clamp(340px,45dvh,580px)!important; min-height:340px; }
  #studioView .st-project-layout.has-panel .st-settings { align-self:start; position:sticky; top:80px; max-height:calc(100dvh - 100px); }
}
@media (max-width:740px) {
  .mh-hero h1 { font-size:clamp(42px,12vw,62px); overflow-wrap:normal; }
  #studioView .st-top { height:auto; min-height:60px; padding:6px 10px; flex-wrap:nowrap; gap:6px; }
  #studioView .st-top > [data-st="professional"], #studioView .st-top > .st-pro-link { display:none; }
  #studioView .st-top .st-steps { gap:2px; flex:1; margin:0; overflow:visible; }
  #studioView .st-top .st-steps button { min-width:0; flex:1 1 0; min-height:46px; height:auto; padding:5px 2px; font-size:11px; gap:3px; }
  #studioView .st-top .st-steps span { width:19px; height:19px; flex-shrink:0; font-size:10px; }
  #studioView .st-back { flex:0 0 18px; }
  #studioView .st-project-heading { padding:16px 16px 12px; gap:8px; }
  #studioView .st-project-heading h1 { font-size:clamp(23px,6.3vw,29px); margin:5px 0 0; }
  #studioView .st-project-heading > span { flex-shrink:0; font-size:11px; max-width:78px; }
  #studioView .st-project-layout, #studioView .st-project-layout.has-panel { gap:10px; }
  #studioView .st-visual { order:0; display:flex; flex-direction:column; height:auto; min-height:0; padding-bottom:10px; }
  #studioView .st-visual-top { order:0; padding:8px; gap:5px; min-height:58px; }
  #studioView .st-view-switch button { font-size:11px; padding:8px; }
  #studioView .st-scene-tools { gap:4px; }
  #studioView .st-scene-tools button { width:34px; height:44px; min-width:34px; }
  #studioView .st-canvas, #studioView .st-project-map { order:1; flex:none; height:clamp(260px,39dvh,380px)!important; min-height:260px; }
  #studioView .st-edit-toolbar { order:2; padding:8px 8px 0; justify-content:center; }
  #studioView .st-play-hint { display:none; }
  #studioView #stObjectInspector { order:3; }
  #studioView .st-object-inspector { margin:8px; padding:10px; }
  #studioView .st-object-inspector > label { gap:6px; }
  #studioView .st-object-inspector select { min-width:0; width:100%; flex-basis:100%; font-size:16px; min-height:44px; }
  #studioView .st-object-inspector > small { display:none; }
  #studioView .st-visible-room-actions { order:4; padding:2px 8px; gap:5px; display:flex; flex-wrap:wrap; }
  #studioView .st-visible-room-actions button { min-height:44px; flex:1 1 auto; padding:7px; font-size:11px; }
  #studioView .st-camera-details { order:5; margin:4px 10px; }
  #studioView .st-camera-details summary { min-height:44px; display:flex; align-items:center; font-size:12px; }
  #studioView .st-model-caption, #studioView .st-validation { order:6; }
  #studioView .st-simple-actions { order:1; display:flex; flex-wrap:wrap; gap:6px; padding:0; }
  #studioView .st-simple-actions button { flex:1 1 90px; font-size:12px; min-height:48px; }
  #studioView .st-project-bottom { order:2; width:auto; margin:0; padding:14px; gap:8px; height:auto; }
  #studioView .st-fish-dock { max-width:calc(100vw - 24px); }
  #studioView .st-settings:not([hidden]) { max-height:64dvh; }
  #studioView .st-settings-scroll { padding:12px 16px 24px; }
  #studioView .st-client-brief input, #studioView .st-client-brief select { font-size:16px; }
}
@media(max-width:350px) {
  #studioView .st-top .st-steps span { display:none; }
  #studioView .st-top .st-steps button { font-size:11px; }
  #studioView .st-view-switch button { padding:7px 6px; }
  #studioView .st-scene-tools button { width:30px; min-width:30px; }
}
@media(max-width:740px) and (max-height:500px) {
  #studioView .st-canvas, #studioView .st-project-map { min-height:240px; height:68dvh; }
  #studioView .st-settings:not([hidden]) { max-height:85dvh; }
}