.utp{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.utp [data-key=utm_source]{--k:#7c3aed}.utp [data-key=utm_medium]{--k:#db2777}.utp [data-key=utm_campaign]{--k:#d97706}.utp [data-key=utm_term]{--k:#0d9488}.utp [data-key=utm_content]{--k:#2563eb}.utp-stage,.utp-controls{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:0 30px 60px -40px color-mix(in srgb, var(--tl) 45%, transparent);border-radius:24px;grid-template-columns:minmax(0,1fr);align-content:start;gap:16px;padding:16px;display:grid}.utp-strip{font-family:var(--font-mono,ui-monospace, monospace);background:#0f172a;border-radius:18px;flex-wrap:wrap;align-items:center;gap:8px;padding:16px;font-size:13px;display:flex}.utp-base{overflow-wrap:anywhere;color:#e2e8f0;align-items:center;gap:6px;min-width:0;max-width:100%;display:inline-flex}.utp-base[data-demo]{color:#64748b}.utp-token{border:1.5px dashed color-mix(in srgb, var(--k) 70%, transparent);overflow-wrap:anywhere;max-width:100%;color:color-mix(in srgb, var(--k) 55%, #fff);border-radius:999px;padding:5px 10px;transition:opacity .3s cubic-bezier(.23,1,.32,1),transform .35s cubic-bezier(.34,1.56,.64,1)}.utp-token[data-on]{border-style:solid;border-color:var(--k);background:var(--k);color:#fff}@starting-style{.utp-token[data-on]{opacity:0;transform:scale(.85)}}.utp-token b{font-weight:700}.utp-report{gap:10px;display:grid}.utp-report-title{color:var(--muted,#64748b);align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.utp-report-row{border:1px solid var(--border);background:var(--border);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:1px;display:grid;overflow:hidden}.utp-cell{background:var(--surface);gap:2px;min-width:0;padding:10px;display:grid}.utp-cell small{color:var(--k,var(--muted,#64748b));font-size:11px;font-weight:700}.utp-cell b{text-overflow:ellipsis;white-space:nowrap;color:var(--heading);font-size:13.5px;overflow:hidden}.utp-cell b[data-empty]{color:var(--muted,#94a3b8);font-weight:500}.utp-sessions b{text-align:right;font-variant-numeric:tabular-nums}.utp-note{color:var(--muted,#64748b);margin:0;font-size:12.5px}.utp-recipes{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.utp-recipes>span{width:100%;color:var(--muted,#64748b);font-size:13px;font-weight:700}.utp-recipe{border:1px dashed color-mix(in srgb, var(--tl) 50%, var(--border));background:color-mix(in srgb, var(--tl) 6%, var(--surface));min-height:40px;font:inherit;color:var(--heading);cursor:pointer;border-radius:999px;padding:0 14px;font-size:13.5px;font-weight:600;transition:transform .16s ease-out}.utp-recipe:active{transform:scale(.97)}.utp-field{gap:6px;display:grid}.utp-field label{color:var(--heading);align-items:center;gap:8px;font-size:13.5px;font-weight:700;display:flex}.utp-field label i{background:var(--k);border-radius:50%;width:10px;height:10px}.utp-field label small{color:var(--muted,#64748b);margin-left:auto;font-size:12px;font-weight:500}.utp-field input{box-sizing:border-box;border:1px solid var(--border);border-left:4px solid var(--k);background:var(--surface);width:100%;min-height:44px;font:inherit;color:var(--heading);border-radius:12px;padding:0 14px;font-size:15px}.utp-field input:focus-visible{outline:2px solid var(--k);outline-offset:1px}.utp-more{gap:12px;display:grid}.utp-more summary{min-height:32px;color:var(--muted,#64748b);cursor:pointer;font-size:13.5px;font-weight:700}.utp-copy{justify-content:center}@media (min-width:960px){.utp{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px}.utp-stage,.utp-controls{padding:24px}.utp-strip{font-size:14px}}@media (prefers-reduced-motion:reduce){.utp-token{transition:opacity .2s}@starting-style{.utp-token[data-on]{transform:none}}}