.mlg-container { max-width: 980px; }
.mlg-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:16px; }
.mlg-field { margin-bottom: 16px; }
.mlg-label { display:block; font-weight:600; margin-bottom:10px; color:#32145f; }
.mlg-input, .mlg-textarea, .mlg-output {
  width:100%; border:1px solid #d7caf8; border-radius:12px; padding:14px 16px; background:#fcfbff; color:#27165b; font-size:1rem;
}
.mlg-textarea, .mlg-output { min-height:150px; resize:vertical; }
.mlg-input:focus, .mlg-textarea:focus { outline:none; border-color:#7c3aed; box-shadow:0 0 0 3px rgba(124,58,237,.12); }
.mlg-optional { color:#7e6aa8; font-weight:400; }
.mlg-result { margin-top:24px; display:grid; gap:18px; }
.mlg-panel { background:#fff; border:1px solid #ddd4fb; border-radius:14px; padding:16px; box-shadow:0 8px 24px rgba(49,18,95,.06); }
.mlg-copy-actions { margin-bottom:12px; }