/* M02 도면 양식 편집 부품 — 위 도구 줄(작도 영역 · 자리표 · 단추) + 아래 웹캐드. */

.m02-drawing {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  width: 100%;
  height: 100%;
  min-height: 0;
}

.m02-drawing > .cad-host {
  flex: 1 1 0;
}

.m02-drawing__toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: var(--spacing-8) var(--spacing-16, 16px);
}

.m02-drawing__title {
  align-self: center;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--color-text);
}

.m02-drawing__area {
  display: flex;
  align-items: flex-end;
  gap: var(--spacing-8);
}

.m02-drawing__area .ui-field {
  width: 5.5rem;
}

.m02-drawing__fields {
  display: flex;
  flex: 1 1 20rem;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-4, 4px);
}

.m02-drawing__field {
  padding: 2px 8px;
  border: 1px solid var(--color-border);
  border-radius: 1440px;
  background-color: var(--color-surface);
  color: var(--color-text);
  font-size: 0.72rem;
  cursor: pointer;
}

.m02-drawing__field[data-source="도면"] {
  color: var(--color-text-muted);
}

.m02-drawing__actions {
  display: flex;
  gap: var(--spacing-8);
  margin-left: auto;
}