.utm-builder { margin:1.5rem 0; padding:1.25rem; border:1px solid #ccd3dc; border-radius:8px; background:#f7f9fc; }
.utm-builder[hidden], .utm-builder [hidden] { display:none; }
.utm-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.utm-field { min-width:0; }
.utm-field:first-child { grid-column:1/-1; }
.utm-field label, .utm-result label { display:block; font-weight:700; margin-bottom:.4rem; }
.utm-builder input, .utm-builder textarea { box-sizing:border-box; width:100%; max-width:100%; min-width:0; padding:.75rem; font:inherit; color:#152239; background:white; border:1px solid #8795a8; border-radius:4px; }
.utm-builder textarea { overflow-wrap:anywhere; resize:vertical; }
.utm-builder input[aria-invalid="true"] { border:2px solid #ad182d; }
.utm-actions { display:flex; flex-wrap:wrap; gap:.6rem; margin:1rem 0; }
.utm-builder button { cursor:pointer; white-space:normal; }
.utm-status { min-height:1.6em; }
@media(max-width:600px) { .utm-fields { grid-template-columns:minmax(0,1fr); } .utm-builder { padding:1rem; } }