/* NUNO STUDIO bottom Canvas command bar.
 * Button presentation is intentionally inherited from the real .icon-tool rules
 * used by the left Canvas toolbar. This file owns only bottom-bar layout.
 */
.nstudio-page .nstudio-canvas-status-row{
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:8px;
  flex-wrap:nowrap;
}

.nstudio-page .nstudio-canvas-commandbar,
.nstudio-page .nstudio-canvas-commandgroup,
.nstudio-page .nstudio-canvas-status-meta{
  display:flex;
  align-items:center;
}

.nstudio-page .nstudio-canvas-commandbar{
  min-width:0;
  gap:7px;
  padding:8px 6px;
  border:1px solid #e8e2d8;
  border-radius:16px;
  background:#f7f7f5;
}

.nstudio-page .nstudio-canvas-commandgroup{
  gap:7px;
}

/* The same .icon-tool class is present on these buttons in nstudio.php.
 * Do not duplicate colors, borders, radius, typography or icon sizing here. */
.nstudio-page .nstudio-canvas-command{
  flex:0 0 auto;
  margin:0;
}

.nstudio-page .nstudio-canvas-zoom-indicator{
  min-width:48px;
  padding:0 4px;
  color:#555;
  font:inherit;
  font-size:12px;
  font-weight:400;
  line-height:1.2;
  text-align:center;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}

.nstudio-page .nstudio-canvas-fit-command{
  width:auto;
  min-width:54px;
}

.nstudio-page .nstudio-canvas-command-separator{
  flex:0 0 1px;
  width:1px;
  height:34px;
  margin:0 8px;
  background:#d8d2c8;
}

.nstudio-page .nstudio-canvas-command:disabled{
  opacity:.38;
  cursor:default;
  pointer-events:none;
}

.nstudio-page .nstudio-canvas-status-meta{
  min-width:0;
  gap:9px;
  margin-left:0;
  justify-content:center;
  flex-wrap:wrap;
}

.nstudio-page .nstudio-canvas-status-meta .canvas-bleed-note{
  min-width:0;
  font-size:13px;
  font-weight:400;
}

@media (max-width:700px){
  .nstudio-page .nstudio-canvas-status-row{
    justify-content:center;
  }
  .nstudio-page .nstudio-canvas-commandbar{
    max-width:100%;
  }
  .nstudio-page .nstudio-canvas-zoom-indicator{
    min-width:42px;
    font-size:12px;
  }
  .nstudio-page .nstudio-canvas-status-meta{
    width:100%;
    justify-content:center;
    margin-left:0;
  }
}