.utm-form,.utm-tool{display:flex;flex-direction:column}.utm-tool{background:#fff;border-radius:16px;border:1px solid var(--gray-200);padding:2rem;margin-top:2rem;gap:1.25rem}.utm-form{gap:.75rem}.utm-field,.utm-row{display:flex;gap:1rem}.utm-row .utm-field{flex:1}.utm-field{flex-direction:column;gap:.35rem}.utm-field label{font-size:.875rem;font-weight:600;color:var(--gray-600)}.utm-preview-url.utm-has-url,.utm-required{color:var(--primary-500)}.utm-field input{padding:.6rem .8rem;border:1px solid var(--gray-300);border-radius:8px;font-size:.875rem;color:var(--gray-800);background:#fff;box-sizing:border-box;width:100%;transition:border-color .2s}.utm-field input:focus{outline:0;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(235,57,68,.1)}.utm-preview-wrap{display:flex;flex-direction:column;gap:.4rem}.utm-preview-url{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;padding:.75rem 1rem;font-size:.85rem;font-family:"Courier New",Courier,monospace;color:var(--gray-600);word-break:break-all;min-height:3rem;line-height:1.5}.utm-breakdown{display:flex;flex-direction:column;gap:0}.utm-breakdown-table{width:100%;border-collapse:collapse;font-size:.875rem}.utm-breakdown-table th{text-align:left;background:var(--gray-50);font-weight:700}.utm-breakdown-table td,.utm-breakdown-table th{padding:.5rem .8rem;border:1px solid var(--gray-200);color:var(--gray-700)}.utm-breakdown-table tr:nth-child(even) td{background:var(--gray-50)}.utm-param-name{font-weight:600;color:var(--gray-600);white-space:nowrap}.utm-param-value{font-family:"Courier New",Courier,monospace;color:var(--primary-500)}@media (max-width:640px){.utm-row{flex-direction:column}}