.biz-utm{--biz-utm-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;color:var(--biz-text);font-family:var(--biz-font);margin:0 auto;max-width:720px}.biz-utm__sr-status{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);border:0;white-space:nowrap}.biz-utm,.biz-utm *{box-sizing:border-box}.biz-utm__card{background-color:var(--biz-bg);border:1px solid var(--biz-border);border-radius:var(--biz-radius-md);box-shadow:var(--biz-shadow-sm);margin-bottom:16px;padding:28px}.biz-utm__card-header{align-items:center;border-bottom:1px solid var(--biz-border);display:flex;gap:10px;margin-bottom:24px;padding-bottom:18px}.biz-utm__step{background-color:var(--biz-primary-700);border-radius:var(--biz-radius-sm);color:var(--biz-text-inverse);display:grid;flex:0 0 auto;font-size:13px;font-weight:700;height:30px;place-items:center;width:30px}.biz-utm__card-title{color:var(--biz-text);font-size:15px;font-weight:700;margin:0}.biz-utm__field{display:block;margin-bottom:18px}.biz-utm__field:last-child{margin-bottom:0}.biz-utm__label{color:var(--biz-text-soft);display:block;font-size:12px;font-weight:700;letter-spacing:.05em;margin-bottom:7px;text-transform:uppercase}.biz-utm__req{color:var(--biz-primary-700)}.biz-utm__input{appearance:none;-webkit-appearance:none;background-color:var(--biz-bg-soft);border:1px solid var(--biz-border);border-radius:var(--biz-radius-sm);color:var(--biz-text);font-family:var(--biz-font);font-size:14px;font-weight:500;outline:none;padding:11px 14px;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;width:100%}.biz-utm__input:focus{background-color:var(--biz-bg);border-color:var(--biz-primary);box-shadow:0 0 0 3px var(--biz-primary-100)}.biz-utm__input::placeholder{color:var(--biz-text-soft);font-weight:400}.biz-utm__select-wrap{display:block;position:relative}.biz-utm__select{cursor:pointer;padding-right:40px}.biz-utm__select-wrap:after{border-bottom:2px solid var(--biz-text-soft);border-right:2px solid var(--biz-text-soft);content:"";height:8px;margin-top:-6px;pointer-events:none;position:absolute;right:16px;top:50%;transform:rotate(45deg);width:8px}.biz-utm__hint{color:var(--biz-text-soft);display:block;font-size:11px;font-weight:500;line-height:1.5;margin-top:5px}.biz-utm__dynamic:not(:empty){margin-top:18px}.biz-utm__dynwrap{animation:biz-utm-fade .3s ease;background-color:var(--biz-primary-50);border:1px dashed var(--biz-primary-100);border-radius:var(--biz-radius-sm);padding:22px}.biz-utm__channel{align-items:center;background-color:var(--biz-primary-700);border-radius:var(--biz-radius-pill);color:var(--biz-text-inverse);display:inline-flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.06em;margin-bottom:18px;padding:5px 12px;text-transform:uppercase}.biz-utm__explainer{animation:biz-utm-fade .3s ease;background-color:var(--biz-bg);border:1px solid var(--biz-primary-100);border-radius:var(--biz-radius-sm);margin-top:16px;padding:20px}.biz-utm__ex-title{color:var(--biz-primary-700);font-size:12px;font-weight:700;letter-spacing:.05em;margin-bottom:14px;text-transform:uppercase}.biz-utm__ex-desc{color:var(--biz-text);font-size:13px;font-weight:500;line-height:1.6;margin:0 0 16px}.biz-utm__accent{color:var(--biz-primary-700)}.biz-utm__code{font-family:var(--biz-utm-mono);font-size:11px}.biz-utm__mini-label{color:var(--biz-text-soft);font-size:11px;font-weight:700;letter-spacing:.07em;margin-bottom:8px;text-transform:uppercase}.biz-utm__pill{align-items:stretch;background-color:var(--biz-bg-soft);border:1px solid var(--biz-border);border-radius:var(--biz-radius-sm);display:flex;font-family:var(--biz-utm-mono);font-size:12px;margin-bottom:4px;overflow:hidden}.biz-utm__seg{align-items:center;display:flex;padding:9px 14px}.biz-utm__seg--email{background-color:var(--biz-bg-soft);color:var(--biz-text)}.biz-utm__seg--base{background-color:var(--biz-primary-50);color:var(--biz-primary-700)}.biz-utm__seg-sep{align-items:center;background-color:var(--biz-border);color:var(--biz-text-soft);display:flex;font-weight:700;padding:9px 8px}.biz-utm__legend{display:flex;gap:20px;margin:8px 0 16px}.biz-utm__legend-item{align-items:center;color:var(--biz-text-soft);display:inline-flex;font-size:11px;font-weight:700;gap:5px;letter-spacing:.05em;text-transform:uppercase}.biz-utm__legend-item:before{border-radius:50%;content:"";display:inline-block;height:8px;width:8px}.biz-utm__legend-item--email:before{background-color:var(--biz-bg-soft);border:1px solid var(--biz-border)}.biz-utm__legend-item--base:before{background-color:var(--biz-primary-50);border:1px solid var(--biz-primary-100)}.biz-utm__ex-list{display:flex;flex-direction:column;gap:6px}.biz-utm__ex-row{align-items:center;background-color:var(--biz-bg-soft);border:1px solid var(--biz-border);border-radius:var(--biz-radius-sm);display:flex;flex-wrap:wrap;font-family:var(--biz-utm-mono);font-size:11px;padding:10px 14px}.biz-utm__ex-key{color:var(--biz-text-soft)}.biz-utm__ex-email{color:var(--biz-text);font-weight:500}.biz-utm__ex-sep{color:var(--biz-text-soft);padding:0 1px}.biz-utm__ex-base{color:var(--biz-primary-700);font-weight:500}.biz-utm__ex-tag{border-radius:var(--biz-radius-pill);color:var(--biz-primary-700);font-family:var(--biz-font);font-size:11px;font-weight:700;margin-left:auto;padding:2px 8px;white-space:nowrap}.biz-utm__ex-tag,.biz-utm__tip{background-color:var(--biz-primary-50);border:1px solid var(--biz-primary-100)}.biz-utm__tip{border-radius:var(--biz-radius-sm);color:var(--biz-text);font-size:12px;font-weight:500;line-height:1.6;margin-top:14px;padding:12px 14px}.biz-utm__subcard{animation:biz-utm-fade .3s ease;background-color:var(--biz-bg-soft);border:1px solid var(--biz-border);border-radius:var(--biz-radius-sm);margin-top:16px;padding:20px}.biz-utm__subcard .biz-utm__mini-label{margin-bottom:14px}.biz-utm__subcard .biz-utm__input,.biz-utm__subcard .biz-utm__input:focus{background-color:var(--biz-bg)}.biz-utm__generate{background-color:var(--biz-primary);border:0;border-radius:var(--biz-radius-pill);color:var(--biz-text-inverse);cursor:pointer;font-family:var(--biz-font);font-size:16px;font-weight:700;line-height:1;min-height:48px;padding:16px 32px;transition:opacity .2s ease;width:100%}.biz-utm__generate:active,.biz-utm__generate:focus,.biz-utm__generate:hover{background-color:var(--biz-primary);opacity:.8}.biz-utm__generate:focus-visible{outline:2px solid var(--biz-primary);outline-offset:2px}.biz-utm__result{animation:biz-utm-fade .4s ease;background-color:var(--biz-bg);border:1px solid var(--biz-border);border-radius:var(--biz-radius-md);box-shadow:var(--biz-shadow-sm);margin-top:16px;padding:28px}.biz-utm__result-label{align-items:center;color:var(--biz-text);display:flex;font-size:11px;font-weight:700;gap:8px;letter-spacing:.08em;margin-bottom:14px;text-transform:uppercase}.biz-utm__result-label:before{background-color:var(--biz-success);border-radius:50%;content:"";display:inline-block;height:7px;width:7px}.biz-utm__output{background-color:var(--biz-secondary-800);border-radius:var(--biz-radius-sm);font-family:var(--biz-utm-mono);font-size:12px;line-height:1.8;margin-bottom:16px;padding:16px;word-break:break-all}.biz-utm__u-base,.biz-utm__u-sep{color:hsla(0,0%,100%,.55)}.biz-utm__u-key{color:hsla(0,0%,100%,.7)}.biz-utm__u-val{color:var(--biz-text-inverse);font-weight:500}.biz-utm__u-val--hl{font-weight:700;text-decoration:underline;text-decoration-color:var(--biz-primary);text-decoration-thickness:2px;text-underline-offset:3px}.biz-utm__btn-row{display:flex;flex-wrap:wrap;gap:10px}.biz-utm__copy{align-items:center;background-color:var(--biz-success);border:0;border-radius:var(--biz-radius-pill);color:var(--biz-text-inverse);cursor:pointer;display:inline-flex;font-family:var(--biz-font);font-size:14px;font-weight:600;gap:7px;min-height:40px;padding:0 24px;transition:opacity .2s ease}.biz-utm__copy:active,.biz-utm__copy:focus,.biz-utm__copy:hover{background-color:var(--biz-success);opacity:.8}.biz-utm__copy.is-copied,.biz-utm__copy.is-copied:active,.biz-utm__copy.is-copied:focus,.biz-utm__copy.is-copied:hover{background-color:var(--biz-secondary)}.biz-utm__copy:focus-visible{outline:2px solid var(--biz-primary);outline-offset:2px}.biz-utm__reset,.biz-utm__rules-toggle{align-items:center;background-color:transparent;border:1px solid var(--biz-border);border-radius:var(--biz-radius-pill);color:var(--biz-text-soft);cursor:pointer;display:inline-flex;font-family:var(--biz-font);font-size:13px;font-weight:700;gap:7px;justify-content:center;min-height:40px;padding:9px 18px;transition:border-color .2s ease,color .2s ease}.biz-utm__reset:active,.biz-utm__reset:focus,.biz-utm__reset:hover,.biz-utm__rules-toggle:active,.biz-utm__rules-toggle:focus,.biz-utm__rules-toggle:hover{background-color:transparent;border-color:var(--biz-primary);color:var(--biz-primary-700)}.biz-utm__reset:focus-visible,.biz-utm__rules-toggle:focus-visible{outline:2px solid var(--biz-primary);outline-offset:2px}.biz-utm__breakdown:not(:empty){border-top:1px solid var(--biz-border);margin-top:22px;padding-top:20px}.biz-utm__bd-title{color:var(--biz-text-soft);font-size:11px;font-weight:700;letter-spacing:.07em;margin:0 0 12px;text-transform:uppercase}.biz-utm__param-row{align-items:start;border-bottom:1px solid var(--biz-border);display:grid;font-size:13px;gap:12px;grid-template-columns:160px 1fr auto;padding:10px 0}.biz-utm__param-row:last-of-type{border-bottom:0}.biz-utm__p-key{background-color:var(--biz-primary-50);border-radius:var(--biz-radius-sm);color:var(--biz-primary-700);font-size:11px;justify-self:start;padding:3px 8px}.biz-utm__p-key,.biz-utm__p-val{font-family:var(--biz-utm-mono);font-weight:500;word-break:break-all}.biz-utm__p-val{color:var(--biz-text);font-size:12px;line-height:1.5}.biz-utm__p-desc{color:var(--biz-text-soft);font-size:11px;font-weight:600;text-align:right;white-space:nowrap}.biz-utm__rules-toggle{margin-top:16px;width:100%}.biz-utm__rules{animation:biz-utm-fade .3s ease;background-color:var(--biz-bg);border:1px solid var(--biz-border);border-radius:var(--biz-radius-sm);margin-top:12px;padding:20px}.biz-utm__table-scroll{overflow-x:auto}.biz-utm__table{border-collapse:collapse;font-size:12px;margin:0;width:100%}.biz-utm__table th{background-color:var(--biz-bg-soft);color:var(--biz-text-soft);font-size:11px;font-weight:700;letter-spacing:.05em;padding:9px 12px;text-align:left;text-transform:uppercase}.biz-utm__table td,.biz-utm__table th{border-bottom:1px solid var(--biz-border)}.biz-utm__table td{color:var(--biz-text);line-height:1.5;padding:10px 12px;vertical-align:top}.biz-utm__table td:first-child{font-weight:700}.biz-utm__table tr:last-child td{border-bottom:0}@keyframes biz-utm-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-width:500px){.biz-utm__card,.biz-utm__result{padding:20px}.biz-utm__dynwrap{padding:16px}.biz-utm__param-row{gap:4px;grid-template-columns:1fr}.biz-utm__p-desc{text-align:left}}@media (prefers-reduced-motion:reduce){.biz-utm__dynwrap,.biz-utm__explainer,.biz-utm__result,.biz-utm__rules,.biz-utm__subcard{animation:none}.biz-utm__copy,.biz-utm__generate,.biz-utm__input,.biz-utm__reset,.biz-utm__rules-toggle{transition:none}}