/* 3D Studio AI v1.13.1 - phone-sized CAD Workspace, no overlapping viewport UI.
 * Existing PC Workspace remains in the tools carousel; mobile sheet is portaled
 * directly to <body> only while opened, so carousel overflow can't clip it.
 */
#cw-mobile-launch,#cw-mobile-close,.cw-mobile-limits{display:none}
@media(max-width:979px),(pointer:coarse){
  .io-dock #cw-mobile-launch{
    display:inline-flex;align-items:center;justify-content:center;
    flex:0 0 auto;min-width:66px;min-height:44px;
    border:1px solid #58bfa9;border-radius:11px;
    padding:8px 9px;color:#eafff7;background:#1d554f;
    font:800 12px/1.2 system-ui,sans-serif;
    touch-action:manipulation;cursor:pointer;
  }
}
body.mobile-cad-open{overflow:hidden!important;overscroll-behavior:none!important}
body.mobile-cad-open>.cw-mobile-backdrop{
  display:block!important;position:fixed;inset:0;
  z-index:2000;background:rgba(2,12,25,.78);
  backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)
}
.cw-mobile-backdrop[hidden]{display:none!important}
/* Open only on explicit user interaction, and above the entire Telegram app. */
body.mobile-cad-open>#cad-workspace-lab{
  display:block!important;
  position:fixed!important;
  inset:max(12px,env(safe-area-inset-top,0px)) 8px
    max(10px,env(safe-area-inset-bottom,0px)) 8px;
  z-index:2001!important;
  overflow-x:hidden!important;overflow-y:auto!important;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;
  box-sizing:border-box!important;
  margin:0!important;max-width:none!important;width:auto!important;
  padding:13px 12px 20px!important;
  border:1px solid #5eb2bd;border-radius:17px;
  background:#0e2438!important;
  box-shadow:0 12px 60px rgba(0,0,0,.6);
  isolation:isolate;
}
body.telegram-host.mobile-cad-open>#cad-workspace-lab{
  top:max(95px,calc(var(--studio-js-content-safe-top,0px) + 18px),
    calc(var(--tg-content-safe-area-inset-top,0px) + 18px),
    calc(env(safe-area-inset-top,0px) + 70px));
}
body.telegram-native-fullscreen.mobile-cad-open>#cad-workspace-lab{
  top:max(110px,calc(var(--studio-js-content-safe-top,0px) + 18px),
    calc(var(--tg-content-safe-area-inset-top,0px) + 18px),
    calc(env(safe-area-inset-top,0px) + 80px));
}
body.mobile-cad-open .cw-mobile-head{
  display:flex;align-items:center;justify-content:space-between;
  gap:8px;position:sticky;top:-13px;z-index:5;
  margin:-13px -12px 12px;padding:12px 12px 10px;
  border-bottom:1px solid #39637d;
  background:#10293e;
}
body.mobile-cad-open .cw-mobile-head h3{
  font:800 16px/1.3 system-ui,sans-serif;margin:0!important;min-width:0
}
body.mobile-cad-open #cw-mobile-close{
  display:flex;align-items:center;justify-content:center;
  flex:none;min-width:90px;min-height:44px;
  border-radius:10px;border:1px solid #7ca3b9;
  background:#27465f;color:#f5fdff;
  font:750 12px/1.2 system-ui,sans-serif;cursor:pointer
}
body.mobile-cad-open .cw-mobile-limits{
  display:block;font-size:12px;line-height:1.5;color:#b2e7dc;
  padding:10px;border-radius:8px;background:#163d41;
}
body.mobile-cad-open #cad-workspace-lab .cw-row{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;margin:12px 0
}
body.mobile-cad-open #cad-workspace-lab .cw-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;
  margin:12px 0
}
body.mobile-cad-open #cad-workspace-lab :is(input[type="number"],select){
  font-size:16px!important;min-height:46px!important;
}
body.mobile-cad-open #cad-workspace-lab :is(button,.tool-button){
  min-height:46px;font-size:12px;touch-action:manipulation
}
body.mobile-cad-open #cad-workspace-lab .cw-picker{min-height:48px}
body.mobile-cad-open #cad-workspace-lab .cw-tree-item{text-align:left}
body.mobile-cad-open #cad-workspace-lab .cw-tree-visibility{min-width:78px}
body.mobile-cad-open #cad-workspace-lab .cw-status{
  position:relative;overflow-wrap:anywhere;min-height:42px
}
body.mobile-cad-open #cad-workspace-lab[aria-busy="true"] .cw-status{
  border-left:3px solid #a7f5ce
}
@media(max-width:359px){
  body.mobile-cad-open #cad-workspace-lab .cw-row{
    grid-template-columns:1fr
  }
}
@media(orientation:landscape) and (max-height:520px){
  body.telegram-host.mobile-cad-open>#cad-workspace-lab,
  body.telegram-native-fullscreen.mobile-cad-open>#cad-workspace-lab{
    top:max(54px,calc(var(--studio-js-content-safe-top,0px) + 12px),
      calc(env(safe-area-inset-top,0px) + 30px))
  }
}

/* Four compact exchange actions fit on one row on modern iPhones. */
@media(min-width:356px) and (max-width:660px){
  .io-dock{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
  .io-dock :is(.io-import,.io-export,#cw-mobile-launch){
    min-width:0;width:100%;min-height:44px;
    padding:6px 3px;font-size:12px;white-space:nowrap
  }
  .io-dock #io-export-format{font-size:14px;min-height:44px;padding:5px 3px}
}
@media(max-width:355px){
  .io-dock{grid-template-columns:repeat(2,minmax(0,1fr))}
  .io-dock #cw-mobile-launch{width:100%}
}