.pmg { max-width: 640px; }
.pmg-desc { font-size: 14px; color: #27331f; margin-bottom: 14px; }

.pmg label { display: flex; flex-direction: column; gap: 4px; font-size: 13px; font-weight: 700; color: #27331f; margin-bottom: 10px; }
.pmg select, .pmg input[type="text"] {
  padding: 9px 11px; font-size: 14.5px; border: 1px solid #d9e0d4; border-radius: 6px; background: #fff;
}
.pmg select:focus, .pmg input:focus { outline: 2px solid #19616a; outline-offset: 1px; }

.pmg-row2 { display: flex; gap: 12px; }
.pmg-row2 label { flex: 1; }

.pmg-check { flex-direction: row !important; align-items: center; gap: 8px !important; font-weight: 400 !important; }
.pmg-check input { width: auto; }

.pmg-output {
  margin-top: 12px; padding: 12px; background: #f3f4f8; border: 1px solid #d9e0d4; border-radius: 8px;
}
.pmg-json {
  margin: 0 0 10px; font-size: 13px; color: #27331f; white-space: pre-wrap; word-break: break-word;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}
.pmg-output-actions { display: flex; gap: 10px; align-items: center; }
.pmg-btn {
  padding: 7px 16px; font-size: 13px; font-weight: 700; border-radius: 6px; border: 1px solid #d9e0d4;
  background: #fff; color: #27331f; cursor: pointer;
}
.pmg-btn-primary { background: #19616a; border-color: #19616a; color: #fff; }
.pmg-btn-primary:hover { background: #144e55; }
.pmg-download {
  display: inline-block; padding: 7px 16px; font-size: 13px; font-weight: 700; border-radius: 6px;
  background: #fff; border: 1px solid #d9e0d4; color: #27331f; text-decoration: none;
}
.pmg-download:hover { background: #e7ebe4; }

.pmg-note { margin-top: 14px; font-size: 13px; color: #5b6b56; }

@media (max-width: 520px) {
  .pmg-row2 { flex-direction: column; }
}