.utm-group-history .history-header{display:flex;flex-direction:column;gap:12px}.utm-history-heading{display:flex;align-items:center;gap:12px;width:100%}.utm-history-heading .history-title{margin:0}.utm-history-heading .clear-history-btn{margin-left:auto}.utm-history-new-group{font-size:13px;gap:6px;flex-shrink:0}.utm-history-search{position:relative;flex:1 1;min-width:0}.utm-history-search>svg{position:absolute;top:50%;left:12px;transform:translateY(-50%);color:var(--text-secondary)}.utm-history-search input{padding:10px 36px;width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary);font-size:16px}.utm-history-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--text-secondary);cursor:pointer;padding:4px}.utm-group-history .history-search-row{display:flex;gap:8px}.utm-grouped-history{display:flex;flex-direction:column;gap:10px;margin-block:0}.utm-group-choice{display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;align-items:center}.utm-group-checkbox{display:flex;align-items:center;justify-content:center;min-height:44px;cursor:pointer}.utm-group-checkbox input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.utm-history-group{min-width:0}.utm-group-heading{display:flex;align-items:center;gap:12px;padding-block:6px}.utm-history-group.is-active .utm-group-heading{background:color-mix(in srgb,var(--accent) 7%,transparent);border-radius:var(--radius-sm)}.utm-group-toggle{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:8px;flex:1 1;min-width:0;min-height:40px;padding:0;border:0;background:transparent;color:var(--text-primary);text-align:left;cursor:pointer;font:inherit}.utm-group-toggle>svg{transform:rotate(-90deg);color:var(--text-secondary)}.utm-group-toggle[aria-expanded=true]>svg{transform:none}.utm-group-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}.utm-group-title{font-size:14px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.utm-group-count{font-size:12px;color:var(--text-secondary);white-space:nowrap}.utm-group-rename{display:flex;align-items:center;gap:8px;width:100%;min-width:0}.utm-group-rename .utm-input{min-width:0;flex:1 1;padding:8px 10px;font-size:16px}.utm-group-rename .history-action-btn{flex-shrink:0}.utm-group-body{margin:4px 0 16px 8px;padding-left:16px;border-left:1px solid var(--border);min-width:0}.utm-group-body .history-item{margin:0;border:0;border-radius:0;background:transparent;padding:12px 8px 0;box-shadow:inset 0 -1px 0 var(--border)}.utm-group-body .history-item.is-active{background:linear-gradient(to right,color-mix(in srgb,var(--accent) 7%,transparent),transparent 70%)}.utm-group-body .history-item-title{font-size:13px}.utm-group-share{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:12px 8px 0}.utm-group-add{margin-right:auto;font-size:13px;gap:6px}.utm-group-publication-note{width:100%;text-align:right;font-size:12px;color:var(--text-secondary)}.utm-group-publish{font-size:13px;height:34px;max-width:100%}.utm-group-publish:disabled{opacity:.5;cursor:default}.utm-group-publish .btn-state-content{gap:6px}.utm-group-publish[data-state=published]>[data-for-state=published]{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.utm-group-status{margin:0;color:var(--text-secondary);font-size:13px}.utm-group-status.is-error{color:var(--danger)}.utm-group-feedback{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-block:12px}.utm-group-feedback button{font-size:13px}.utm-group-empty{text-align:center;color:var(--text-secondary);padding-block:24px}@media (max-width:600px){.utm-group-choice{grid-template-columns:26px minmax(0,1fr);gap:8px}.utm-group-choice .history-item{margin-inline:0;width:100%}.utm-group-choice .history-item-top{flex-wrap:wrap}.utm-group-choice .history-item-title{width:100%}.utm-history-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.utm-history-heading .history-title{grid-row:1;grid-column:1}.utm-history-heading .clear-history-btn{grid-row:1;grid-column:2;font-size:12px}.utm-history-new-group{grid-row:2;grid-column:1/-1;justify-self:start}.utm-group-heading{gap:8px}.utm-group-toggle{grid-template-columns:16px minmax(0,1fr);column-gap:6px;row-gap:2px}.utm-group-toggle>svg{grid-row:1/3}.utm-group-count{grid-column:2}.utm-group-body{margin-left:0;padding-left:8px}.utm-group-body .history-item-time{display:none}}.utm-layout{display:flex;flex-direction:column;gap:24px;width:100%}.utm-builder{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:20px 16px}.utm-form-row{display:contents}.utm-form-row.utm-preview-row{display:flex;flex-direction:column;grid-column:1/-1;gap:16px}@media (min-width:600px){.utm-form-row.utm-preview-row{flex-direction:row}}.utm-field{display:flex;flex-direction:column;gap:6px;height:100%}.utm-field>label{font-size:13px;font-weight:500;color:var(--text-secondary);letter-spacing:.02em;flex-grow:1;display:flex;align-items:flex-end;padding-bottom:2px}.utm-field label .utm-required{color:var(--danger);margin-left:2px}.utm-input{width:100%;padding:10px 12px;background:var(--bg-body);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-family:inherit;outline:none;transition:var(--transition-spring)}.utm-input::placeholder,.utm-preview-area::placeholder{color:var(--text-muted);opacity:.5}.utm-input:focus{border-color:var(--accent)}.utm-input::placeholder{color:var(--text-dim)}.utm-input.has-error{border-color:var(--danger)}.utm-error-text{font-size:12px;color:var(--danger);margin-top:2px}.utm-combobox,.utm-combobox-input-wrap{position:relative}.utm-combobox-input-wrap .utm-input{padding-right:32px}.utm-combobox-chevron{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--text-dim);pointer-events:none;transition:var(--transition-spring)}.utm-combobox.is-open .utm-combobox-chevron{transform:translateY(-50%) rotate(180deg)}.utm-combobox-dropdown{flex-grow:1;min-height:0}.utm-combobox-option{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;cursor:pointer;font-size:14px;color:var(--text-primary);transition:var(--transition-spring)}.utm-combobox-option-text{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.utm-combobox-delete{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:none;color:var(--text-dim);cursor:pointer;border-radius:4px;flex-shrink:0;padding:0;transition:var(--transition-spring)}.utm-combobox-delete:hover{color:var(--danger);background:rgba(239,68,68,.1)}.utm-combobox-empty{padding:12px;font-size:13px;color:var(--text-dim);text-align:center}.utm-preview{display:flex;flex-direction:column;gap:6px;flex:3 1}.utm-preview>label{font-size:13px;font-weight:500;color:var(--text-secondary);flex-grow:1;display:flex;align-items:flex-end;padding-bottom:2px}.utm-button-wrapper{display:flex;flex-direction:column;gap:6px;flex:1 1;min-width:200px}.utm-hidden-label{visibility:hidden;font-size:13px;flex-grow:1;display:flex;align-items:flex-end;padding-bottom:2px}.utm-preview-area{width:100%;min-height:72px;padding:10px 12px;background:var(--bg-body);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--accent);font-size:13px;font-family:SF Mono,Fira Code,Consolas,monospace;line-height:1.5;word-break:break-all;resize:none;outline:none;cursor:default}.utm-generate-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;height:100%;min-height:72px;background:var(--accent);color:white;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:var(--transition-spring)}.utm-generate-btn:hover{filter:brightness(1.1)}.utm-generate-btn.btn-with-states{display:inline-grid;white-space:normal}.utm-generate-btn:active{transform:scale(.98)}.utm-generate-btn:disabled{opacity:.5;cursor:not-allowed}.utm-generate-btn.is-copied{background:var(--success)}.utm-card-params{display:flex;flex-wrap:wrap;gap:6px}.utm-param-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-sm);font-size:12px;font-weight:500}.utm-param-badge,.utm-param-badge.badge-source{background:rgba(59,130,246,.1);color:var(--accent)}.utm-param-badge.badge-medium{background:rgba(16,185,129,.1);color:var(--success)}.utm-param-badge.badge-campaign{background:rgba(168,85,247,.1);color:#a855f7}.utm-param-badge.badge-term{background:rgba(245,158,11,.1);color:#f59e0b}.utm-param-badge.badge-content{background:rgba(236,72,153,.1);color:#ec4899}.utm-param-badge-key{opacity:.7}.utm-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.utm-card-time{font-size:12px;color:var(--text-dim)}.utm-card-action,.utm-card-actions{display:flex;gap:4px}.utm-card-action{align-items:center;justify-content:center;padding:5px 10px;border:none;background:none;color:var(--text-secondary);font-size:12px;font-family:inherit;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-spring)}.utm-card-action:hover{background:var(--bg-hover);color:var(--text-primary)}.utm-card-action.is-danger:hover{color:var(--danger);background:rgba(239,68,68,.1)}.utm-card-action.is-copied{color:var(--success)}@media (max-width:768px){.utm-generate-btn{min-height:48px}.utm-combobox-option,.utm-input,.utm-preview-area{font-size:16px}}.utm-combobox-dropdown::-webkit-scrollbar{width:6px}.utm-combobox-dropdown::-webkit-scrollbar-track{background:transparent}.utm-combobox-dropdown::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.utm-history-card .history-item-title{font-family:monospace}.utm-history-card .history-item-bottom{flex-wrap:wrap;gap:8px}.utm-history-card .history-item-stats{flex:1 1 100%;min-width:0}.utm-history-card .utm-card-params{display:flex;flex-wrap:wrap;gap:4px}.utm-history-card .history-item-actions{margin-left:auto}