.utm-page{background:var(--bg);min-height:100vh;color:var(--ink);padding-top:80px;padding-bottom:100px}.utm-container{max-width:880px;margin:0 auto;padding:0 40px}.utm-breadcrumb{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-light);align-items:center;gap:8px;padding:32px 0 12px;font-size:.7rem;display:flex}.utm-breadcrumb a{color:var(--ink-light);text-decoration:none}.utm-breadcrumb a:hover{color:var(--ink)}.utm-hero{padding:24px 0 40px}.utm-eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-text);margin-bottom:16px;font-size:.7rem}.utm-h1{font-family:var(--font-serif);letter-spacing:-.025em;color:var(--ink);margin:0 0 16px;font-size:clamp(36px,5vw,56px);font-weight:700;line-height:1.05}.utm-sub{font-family:var(--font-sans);color:var(--ink-mid);max-width:600px;margin:0;font-size:clamp(15px,2vw,17px);line-height:1.7}.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-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-light);align-items:center;gap:6px;margin-bottom:12px;font-size:.7rem;font-weight:600;display:inline-flex}.utm-presets-row{flex-wrap:wrap;gap:8px;display:flex}.utm-preset{font-family:var(--font-sans);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-sans);color:var(--ink);font-size:.78rem;font-weight:600}.utm-field-req{color:var(--accent);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::placeholder{color:var(--ink-light)}.utm-hint{font-family:var(--font-sans);color:var(--accent-text);background:var(--accent-light);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-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-light);margin-bottom:10px;font-size:.7rem;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-sans);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-serif);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-sans);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-container{padding:0 20px}.utm-form{grid-template-columns:1fr}.utm-output-box{flex-direction:column;align-items:stretch}.utm-output-box code{word-break:break-all}}