/* ============================================================
   반응형 — 태블릿 · 휴대폰
   PC(821px 이상)는 기존 화면 그대로입니다.
   ============================================================ */
#cv3{touch-action:none}

/* 손가락으로 누르는 기기 — 누르는 영역을 조금 크게 */
@media (pointer:coarse){
  button.mini{padding:9px 6px}
  .sim-img-b button{padding:9px 4px}
  .dim-chip{padding:7px 10px}
  .view-tog button{padding:8px 14px}
  .opt input{padding:8px 7px;font-size:13px}
}

/* 태블릿 · 좁은 노트북 */
@media (max-width:1100px) and (min-width:821px){
  #sim{width:320px}
  #simGrid.drawer{left:320px}
  .plate-top{left:auto;right:12px;transform:none}
}

/* 휴대폰 · 세로 태블릿 — 설정창과 시뮬레이션 창은 아래에서 올라오는 시트 */
@media (max-width:820px){
  #sim{
    top:auto;left:0;right:0;bottom:0;width:100%;height:62%;height:62dvh;
    border-right:none;border-top:1px solid var(--line-2);
    box-shadow:0 -8px 28px rgba(0,0,0,.45);
    transition:height .18s ease;
  }
  #sim.min{height:52px}
  #sim.min .sim-body{display:none}
  .sim-head{cursor:pointer;position:relative;padding-top:18px}
  .sim-head::before{
    content:"";position:absolute;top:7px;left:50%;width:38px;height:4px;margin-left:-19px;
    border-radius:2px;background:var(--line-2);
  }
  body.simopen #panel{visibility:hidden}
  body.simopen #reopen{display:none}

  .plate-top{top:8px;left:8px;right:8px;transform:none;flex-wrap:wrap;justify-content:center}
  .plate-dim{padding:2px 3px}
  .plate-fabs{flex-wrap:wrap;right:12px;gap:6px}
  .sim-fab{padding:8px 11px 8px 9px}

  #simGrid{padding:64px 8px 8px}
  #simGrid.drawer{left:0;bottom:62%;bottom:62dvh}
  .grid-cells{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:minmax(170px,1fr);overflow-y:auto}
  .grid-head{flex-wrap:wrap}
  #gridSub{flex-basis:100%;order:3;white-space:normal}

  .v3bar{bottom:auto;top:56px}
  .v3hint{display:none}

  .imgv-bar{padding:8px 10px;gap:6px}
  .imgv-bar b{flex-basis:100%;font-size:12.5px}
  .imgv-bar span{flex:1}
  .imgv-bar button{padding:8px 10px}
  .imgv-body{padding:8px}
}

@media (max-width:480px){
  .grid-cells{grid-template-columns:minmax(0,1fr);grid-auto-rows:220px}
  .sim-sec{padding:12px 12px 14px}
  .sim-grid{grid-template-columns:auto 1fr;}
  .ar-bar-btn span{max-width:110px}
}