.utm{background:#fff;border:1px solid #e6ebf2;border-radius:16px;margin:24px 0;padding:22px;box-shadow:0 4px 24px #10203a0d}.utm-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:560px){.utm-grid{grid-template-columns:1fr}}.utm-field{flex-direction:column;gap:7px;margin-bottom:14px;display:flex}.utm-field.utm-wide{margin-bottom:16px}.utm-field>span{color:#6d7b95;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.utm-field>span em{color:#2f7bf0;text-transform:none;letter-spacing:0;margin-left:4px;font-style:normal;font-weight:500}.utm-field>span em:last-child{color:#a6b0c3}.utm-field input{color:#16203a;box-sizing:border-box;background:#f9fbfd;border:1px solid #dbe1ea;border-radius:9px;outline:none;width:100%;padding:10px 12px;font-family:IBM Plex Mono,monospace;font-size:14px}.utm-field input:focus{background:#fff;border-color:#18b6d8}.utm-hint{color:#1c5fd0;background:#eef4ff;border:1px solid #cfe0fb;border-radius:8px;margin:0 0 12px;padding:8px 12px;font-size:13px}.utm-warn{color:#a34247;background:#fdecec;border:1px solid #f3b6b8;border-radius:8px;margin:0 0 12px;padding:8px 12px;font-size:13px}.utm-hint code{background:#0000000d;border-radius:4px;padding:1px 5px;font-family:IBM Plex Mono,monospace}.utm-out{border:1px solid #e6ebf2;border-radius:12px;margin-top:6px;overflow:hidden}.utm-out-head{background:#0e1524;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.utm-out-head>span{color:#9aa8c2;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.utm-out-head button{color:#04121a;cursor:pointer;background:#18b6d8;border:none;border-radius:7px;padding:6px 12px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600}.utm-out-head button:disabled{color:#8b98af;cursor:default;background:#cfd8e4}.utm-url{color:#0e7799;word-break:break-all;background:#fafbfc;padding:14px;font-family:IBM Plex Mono,monospace;font-size:13px;line-height:1.5;display:block}.utm-breakdown{flex-direction:column;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.utm-breakdown li{background:#f6f8fb;border:1px solid #eef1f6;border-radius:8px;align-items:center;gap:12px;padding:7px 12px;display:flex}.utm-breakdown li span{color:#6d7b95;flex:0 0 120px;font-family:IBM Plex Mono,monospace;font-size:12px}.utm-breakdown li code{color:#16203a;word-break:break-all;font-family:IBM Plex Mono,monospace;font-size:13px}.utm-note{color:#6d7b95;margin:14px 0 0;font-size:12.5px;line-height:1.55}