.canvas {
  width: 100%;
  max-width: 1200px;
  height: 100vh;
  max-height: 850px;
  background: #f9fafb;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  position: relative;
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.4);
  cursor: default;
}

.element {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  transition: box-shadow 0.15s ease;
  user-select: none;
}

.element.selected {
  box-shadow:
    0 0 0 1px #0ea5e9,
    0 0 0 4px rgba(14, 165, 233, 0.25),
    0 12px 25px rgba(15, 23, 42, 0.35);
}

.resize-handle {
  position: absolute;
  width: 10px;
  height: 10px;
  background: #0ea5e9;
  border-radius: 3px;
  border: 2px solid #f9fafb;
  box-shadow: 0 2px 6px rgba(14, 165, 233, 0.6);
  z-index: 1000;
}