@import url("../../../assets/media-workbench.css");

.css-nitai-board {
  padding: 24px;
  min-height: 420px;
  background:
    radial-gradient(circle at top left, rgba(70, 122, 182, 0.16), transparent 28%),
    linear-gradient(180deg, #f8fbff 0%, #edf3fa 100%);
}

.css-nitai-stage {
  width: 100%;
  min-height: 360px;
  border-radius: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease, box-shadow 0.2s ease;
}

.css-nitai-preview-shape {
  width: 160px;
  height: 160px;
  border-radius: 36px;
  transition:
    width 0.2s ease,
    height 0.2s ease,
    border-radius 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
}

.css-nitai-metrics {
  margin-bottom: 14px;
}

.css-nitai-tool .suite-actions {
  margin-top: 16px;
}

@media (max-width: 760px) {
  .css-nitai-board {
    min-height: 320px;
    padding: 14px;
  }

  .css-nitai-stage {
    min-height: 280px;
  }
}