/* 휴대폰 화면(폭 767px 이하) 전용 배치 · HV-20261107-37
   위: 미리보기(화면에 고정) / 아래: 단계별 설정. 헤더·도구줄은 한 줄로 줄이고 옆으로 밀어서 봅니다. */
@media (max-width:767px){
  html,body{-webkit-text-size-adjust:100%}
  /* 문서 전체가 스크롤되게 해야 미리보기가 위에 고정됩니다 */
  html,body{overflow:visible!important;height:auto!important;min-height:100%}
  #workbench-shell{overflow:visible!important}
  /* 헤더: 로고 + 한 줄 버튼 */
  #atelier-header{padding:8px 10px!important;gap:6px!important;min-height:0!important}
  #atelier-header h1{font-size:17px!important;line-height:1.2!important}
  #atelier-header h1+*{display:none!important}
  #top-attribute-tabs-bar{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:6px!important;margin-top:6px!important;padding:0!important;scrollbar-width:none}
  #top-attribute-tabs-bar:before{display:none!important}
  #top-attribute-tabs-bar{flex-direction:row!important;width:100%!important;background:transparent!important;border:0!important}
  #top-attribute-tabs-bar .top-attr-tab-btn,#top-attribute-tabs-bar>button{flex:0 0 auto!important;width:auto!important;max-width:none!important;min-height:38px!important;height:38px!important;padding:0 12px!important;flex-direction:row!important;gap:6px!important;font-size:12.5px!important;border-radius:10px!important}
  #top-attribute-tabs-bar .studio-icon,#top-attribute-tabs-bar>button svg{width:16px!important;height:16px!important}
  #atelier-header>div:last-child{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:6px!important;width:100%!important;scrollbar-width:none;padding-bottom:2px}
  #atelier-header>div:last-child>button{flex:0 0 auto!important;min-height:38px!important;white-space:nowrap!important;font-size:12.5px!important}
  #top-attribute-tabs-bar::-webkit-scrollbar,#atelier-header>div:last-child::-webkit-scrollbar,#center-top-toolbar::-webkit-scrollbar,#center-top-lighting-bar::-webkit-scrollbar,#center-bottom-toolbar::-webkit-scrollbar{display:none}

  /* 판재/공간 도구줄: 한 줄 */
  #studio-shared-tools{margin:8px 8px 0!important;width:auto!important}
  #studio-shared-tools #center-top-toolbar{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:6px!important;padding:6px!important;scrollbar-width:none}
  #studio-shared-tools #center-top-toolbar>*{flex:0 0 auto!important;width:auto!important;flex-basis:auto!important;flex-wrap:nowrap!important}
  html body #studio-shared-tools #center-top-toolbar>div{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;width:max-content!important;max-width:none!important;min-width:max-content!important}
  #center-top-toolbar button{min-height:40px!important}

  /* 미리보기는 위에 고정, 설정은 아래에서 스크롤 */
  .ui-mobile-jump{display:none!important}
  #workbench-main{padding:8px!important}
  #studio-main-grid{display:flex!important;flex-direction:column!important;gap:10px!important}
  #studio-center-window{position:sticky!important;top:0!important;z-index:30!important;min-height:0!important;height:auto!important;order:-1;background:#f4efe6!important;box-shadow:0 8px 18px -12px rgba(40,30,15,.45);border-radius:0 0 14px 14px!important}
  #center-top-lighting-bar{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:6px!important;padding:6px!important;min-height:0!important;scrollbar-width:none}
  #center-top-lighting-bar>div{flex-wrap:nowrap!important}
  #center-top-lighting-bar>*{flex:0 0 auto!important}
  #center-stage-viewport{height:min(30vh,280px)!important;min-height:200px!important;max-height:none!important}
  #center-stage-viewport canvas{touch-action:none}
  #center-bottom-toolbar{justify-content:flex-start!important;position:static!important;transform:none!important;left:auto!important;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:4px!important;padding:6px!important;width:100%!important;max-width:none!important;scrollbar-width:none}
  #center-bottom-toolbar>div{flex:0 0 auto!important;flex-wrap:nowrap!important;margin:0!important}
  #center-bottom-toolbar button{min-width:44px!important;min-height:44px!important}
  #studio-left-window{max-height:none!important;overflow:visible!important;height:auto!important}
  #product-flow details>summary{min-height:52px!important}
  #product-flow button{min-height:44px}

  /* 3D 공간 화면 */
  #space-three-container,#space-3d-viewport-wrapper{min-height:0!important}
  #space-three-container{height:min(42vh,380px)!important}
  #space-three-webgl-canvas{touch-action:none}
  #space-stair-hud{display:none!important}

  /* 아래 상태줄은 간단히 */
  #atelier-statusbar{flex-wrap:wrap!important;gap:4px 10px!important;font-size:11px!important;padding:8px 12px!important;height:auto!important}
  #atelier-statusbar>*:not(:first-child){display:none!important}

  /* 알림·안내 위치 */
  #toast-container{left:10px!important;right:10px!important;bottom:12px!important}
  .hanvit-restore-toast{width:100%}
  .hanvit-public-quote-actions button{flex:1 1 100%}
}
.hanvit-tel-btn{display:none}
@media (max-width:767px){.hanvit-tel-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:10px;border:1px solid #cbbfa9;background:#fff;color:#2b2620;font-weight:700;text-decoration:none}}