.utm-presets{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:24px 0 32px;padding:16px 0 20px}.utm-presets-label{font-family:var(--font-text);font-size:var(--t-xs);letter-spacing:var(--track-micro);text-transform:uppercase;color:var(--ink-light);align-items:center;gap:6px;margin-bottom:12px;font-weight:600;display:inline-flex}.utm-presets-row{flex-wrap:wrap;gap:8px;display:flex}.utm-preset{font-family:var(--font-text);border:1px solid var(--border-mid);background:var(--bg);color:var(--ink-mid);cursor:pointer;transition:border-color .18s var(--ease), color .18s var(--ease), background .18s var(--ease);border-radius:100px;padding:6px 14px;font-size:.78rem;font-weight:500}.utm-preset:hover{border-color:var(--ink);color:var(--ink)}.utm-preset--reset{color:var(--ink-light);align-items:center;gap:6px;margin-left:auto;display:inline-flex}.utm-form{grid-template-columns:1fr 1fr;gap:18px 24px;display:grid}.utm-field{flex-direction:column;gap:6px;display:flex}.utm-field:first-child{grid-column:1/-1}.utm-field-label{font-family:var(--font-text);color:var(--ink);font-size:.78rem;font-weight:600}.utm-field-req{color:var(--ink-mid);margin-left:4px}.utm-field input{border:1px solid var(--border-mid);background:var(--bg);width:100%;font-family:var(--font-mono);color:var(--ink);transition:border-color .18s var(--ease), box-shadow .18s var(--ease);box-sizing:border-box;border-radius:var(--r);outline:none;padding:11px 14px;font-size:.86rem}.utm-field input:focus{border-color:var(--ink);box-shadow:0 0 0 3px #1118270f}.utm-field input:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.utm-field input::placeholder{color:var(--ink-light)}.utm-hint{font-family:var(--font-text);color:var(--ink-mid);background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--r);padding:6px 10px;font-size:.78rem;line-height:1.45}.utm-output{border-top:1px solid var(--border);margin:32px 0 24px;padding-top:28px}.utm-output-label{font-family:var(--font-text);font-size:var(--t-xs);letter-spacing:var(--track-micro);text-transform:uppercase;color:var(--ink-light);margin-bottom:10px;font-weight:600}.utm-output-box{border:1px solid var(--border-mid);border-radius:var(--r-lg);background:var(--bg);transition:border-color .2s var(--ease);align-items:center;gap:12px;padding:14px 16px;display:flex}.utm-output-box code{font-family:var(--font-mono);color:var(--ink);word-break:break-all;flex:1;font-size:.88rem;line-height:1.55}.utm-output-box--empty code{color:var(--ink-light)}.utm-copy{border-radius:var(--r);border:1px solid var(--ink);background:var(--ink);color:#fff;font-family:var(--font-text);cursor:pointer;transition:opacity .15s var(--ease), background .15s var(--ease);flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:.78rem;font-weight:600;display:inline-flex}.utm-copy:disabled{opacity:.35;cursor:not-allowed}.utm-copy:hover:not(:disabled){background:#000}.utm-recents{margin:24px 0 40px}.utm-recents-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.utm-recents-list li{border:1px solid var(--border);border-radius:var(--r);background:var(--bg);align-items:center;gap:10px;padding:10px 12px;display:flex}.utm-recents-list code{font-family:var(--font-mono);color:var(--ink-mid);word-break:break-all;flex:1;font-size:.8rem;line-height:1.45}.utm-recents-list button{color:var(--ink-light);cursor:pointer;transition:color .15s var(--ease), background .15s var(--ease);background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:4px;display:inline-flex}.utm-recents-list button:hover{color:var(--ink);background:var(--bg-alt)}.utm-tips{border-top:1px solid var(--border);margin-top:56px;padding-top:32px}.utm-tips h2{font-family:var(--font-display);letter-spacing:-.015em;color:var(--ink);margin:0 0 16px;font-size:1.4rem;font-weight:700}.utm-tips ul{margin:0;padding:0;list-style:none}.utm-tips li{font-family:var(--font-text);color:var(--ink-mid);padding:0 0 12px 28px;font-size:.95rem;line-height:1.65;position:relative}.utm-tips li:before{content:"";background:var(--border-mid);width:12px;height:1.5px;position:absolute;top:12px;left:4px}@media (width<=720px){.utm-form{grid-template-columns:1fr}.utm-output-box{flex-direction:column;align-items:stretch}.utm-output-box code{word-break:break-all}}.utm-hint--normalised{color:var(--ink-mid)}.utm-hint--normalised code{font-family:var(--font-mono);color:var(--ink);background:var(--bg-alt);border-radius:var(--r);padding:1px 5px;font-size:.95em}