body.mode-create {
  padding: 0;
}

body.mode-create .container,
body.mode-create .page-wrapper,
body.mode-create .control-shell {
  max-width: var(--page-max-create);
  margin-inline: auto;
}

body.mode-create .container,
body.mode-create .page-wrapper {
  padding-inline: clamp(12px, 3vw, 20px);
}

body.mode-create .container {
  margin-top: clamp(20px, 6vh, 56px);
  margin-bottom: clamp(20px, 6vh, 56px);
}

body.mode-create button:not(.color-button),
body.mode-create .tool-button,
body.mode-create .control-button {
  min-height: 46px;
}

body.mode-create .canvas-wrapper,
body.mode-create .artwork-stage,
body.mode-create .preview-image {
  box-shadow: var(--shadow-panel);
}

@media (max-width: 768px) {
  body.mode-create .container,
  body.mode-create .page-wrapper {
    padding-inline: 12px;
  }
}