.utm-explainer{padding:1rem 1.25rem;background:#FFF5F2;border-left:3px solid var(--accent,#E8472F);border-radius:0 8px 8px 0;font-size:.875rem;line-height:1.6;color:var(--text,#0D1B2A);margin-bottom:1.25rem;}
.utm-explainer strong{color:var(--accent,#E8472F);font-weight:700;}
.utm-presets-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem;}
.utm-presets-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted,#6b7280);}
.utm-presets{display:flex;flex-wrap:wrap;gap:.4rem;}
.utm-preset{padding:.4rem .75rem;background:var(--bg,#FFFFFF);border:1.5px solid var(--border,#e5e7eb);border-radius:7px;font-size:.8125rem;font-weight:600;cursor:pointer;color:var(--text,#0D1B2A);transition:all .15s;}
.utm-preset:hover{border-color:var(--accent,#E8472F);color:var(--accent,#E8472F);}
.utm-preset--active{background:var(--accent,#E8472F);border-color:var(--accent,#E8472F);color:#fff;}
.utm-form{display:flex;flex-direction:column;gap:1rem;}
.utm-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
@media(max-width:640px){.utm-grid{grid-template-columns:1fr;}}
.utm-field{display:flex;flex-direction:column;gap:.375rem;}
.utm-field label{font-size:.8125rem;font-weight:600;color:var(--text,#0D1B2A);}
.utm-req{color:#ef4444;font-weight:700;}
.utm-hint{font-weight:400;color:var(--muted,#6b7280);font-size:.7rem;margin-left:.25rem;}
.utm-field input{padding:.625rem .875rem;border:1.5px solid var(--border,#e5e7eb);border-radius:8px;font-size:.9375rem;font-family:inherit;outline:none;transition:border-color .15s;width:100%;box-sizing:border-box;}
.utm-field input:focus{border-color:var(--accent,#E8472F);}
.utm-output-section{margin-top:1.5rem;padding:1.25rem;background:var(--bg,#FFFFFF);border:1.5px solid var(--border,#e5e7eb);border-radius:10px;}
.utm-output-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted,#6b7280);margin-bottom:.625rem;}
.utm-output{font-family:monospace;font-size:.8125rem;line-height:1.6;color:var(--muted,#6b7280);word-break:break-all;padding:.875rem 1rem;background:#fff;border:1px solid var(--border,#e5e7eb);border-radius:8px;min-height:60px;}
.utm-output--ready{color:var(--text,#0D1B2A);font-weight:500;}
.utm-actions{display:flex;align-items:center;gap:1rem;margin-top:.875rem;flex-wrap:wrap;}
.utm-copy-btn{padding:.625rem 1.25rem;background:var(--accent,#E8472F);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s;}
.utm-copy-btn:disabled{background:#d1d5db;cursor:not-allowed;}
.utm-copy-btn:not(:disabled):hover{background:#D43E27;}
.utm-copy-btn--success{background:#16a34a !important;}
.utm-shortener-note{font-size:.75rem;color:var(--muted,#6b7280);}

/* cache-buster: 2026-05-24T05:06:05Z */