:root{--ulb-color-bg:#f3f4f6;--ulb-color-bg-input:#fff;--ulb-color-text:#111827;--ulb-color-text-secondary:#6b7280;--ulb-color-border:#d1d5db;--ulb-color-accent:#059669;--ulb-color-accent-hover:#047857;--ulb-color-warning:#f59e0b;--ulb-color-error:#dc2626;--ulb-spacing:4px}.utm-link-builder{background-color:var(--ulb-color-bg);color:var(--ulb-color-text);padding:calc(6 * var(--ulb-spacing));max-width:1000px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.utm-link-builder__header{margin-bottom:calc(8 * var(--ulb-spacing));text-align:center;border-bottom:2px solid var(--ulb-color-accent);padding-bottom:calc(6 * var(--ulb-spacing))}.utm-link-builder__header h1{margin:0 0 calc(2 * var(--ulb-spacing)) 0;color:var(--ulb-color-accent);font-size:28px;font-weight:700}.utm-link-builder__header p{color:var(--ulb-color-text-secondary);margin:0;font-size:16px}.utm-link-builder__main{gap:calc(6 * var(--ulb-spacing));margin-bottom:calc(8 * var(--ulb-spacing));flex-direction:column;display:flex}.utm-link-builder__form-section,.utm-link-builder__output-section,.utm-link-builder__reference-section{padding:calc(5 * var(--ulb-spacing));background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.utm-link-builder__section-title{margin:0 0 calc(4 * var(--ulb-spacing)) 0;color:var(--ulb-color-text);font-size:18px;font-weight:600}.utm-link-builder__field{margin-bottom:calc(5 * var(--ulb-spacing))}.utm-link-builder__field:last-child{margin-bottom:0}.utm-link-builder__label{color:var(--ulb-color-text);margin-bottom:calc(2 * var(--ulb-spacing));font-size:14px;font-weight:600;display:block}.utm-link-builder__required{color:var(--ulb-color-error);font-weight:700}.utm-link-builder__optional{color:var(--ulb-color-text-secondary);font-size:12px;font-weight:400}.utm-link-builder__input{width:100%;padding:calc(2.5 * var(--ulb-spacing));border:1px solid var(--ulb-color-border);color:var(--ulb-color-text);background-color:var(--ulb-color-bg-input);box-sizing:border-box;border-radius:4px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.utm-link-builder__input:focus{border-color:var(--ulb-color-accent);outline:none;box-shadow:0 0 0 3px #0596691a}.utm-link-builder__hint{color:var(--ulb-color-text-secondary);margin:calc(1.5 * var(--ulb-spacing)) 0 0 0;font-size:12px}.utm-link-builder__errors{padding:calc(3 * var(--ulb-spacing));margin-top:calc(4 * var(--ulb-spacing));background-color:#dc26260d;border:1px solid #dc262633;border-radius:4px}.utm-link-builder__error-title{color:var(--ulb-color-error);margin:0 0 calc(2 * var(--ulb-spacing)) 0;font-size:14px;font-weight:600}.utm-link-builder__error-list{margin:0;padding:0;list-style:none}.utm-link-builder__error-item{color:var(--ulb-color-error);margin-bottom:calc(1 * var(--ulb-spacing));padding-left:calc(2 * var(--ulb-spacing));font-size:13px}.utm-link-builder__error-item:last-child{margin-bottom:0}.utm-link-builder__error-item:before{content:"• ";margin-right:calc(1 * var(--ulb-spacing))}.utm-link-builder__output-box{background-color:var(--ulb-color-bg);border:1px solid var(--ulb-color-border);padding:calc(3 * var(--ulb-spacing));margin-bottom:calc(4 * var(--ulb-spacing));word-break:break-all;border-radius:4px}.utm-link-builder__output-url{background-color:var(--ulb-color-bg-input);padding:calc(2.5 * var(--ulb-spacing));margin-bottom:calc(2 * var(--ulb-spacing));border-radius:4px;overflow-x:auto}.utm-link-builder__output-url code{color:var(--ulb-color-text);word-break:break-all;white-space:pre-wrap;font-family:Monaco,Menlo,Courier New,monospace;font-size:12px}.utm-link-builder__output-hint{color:var(--ulb-color-text-secondary);margin:0;font-size:13px}.utm-link-builder__stats{gap:calc(3 * var(--ulb-spacing));background-color:var(--ulb-color-bg);padding:calc(3 * var(--ulb-spacing));margin-bottom:calc(3 * var(--ulb-spacing));border-radius:4px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.utm-link-builder__stat-item{justify-content:space-between;align-items:center;display:flex}.utm-link-builder__stat-label{color:var(--ulb-color-text-secondary);font-size:13px;font-weight:600}.utm-link-builder__stat-value{color:var(--ulb-color-accent);font-size:14px;font-weight:700}.utm-link-builder__recommendation,.utm-link-builder__recommendation--warning{padding:calc(3 * var(--ulb-spacing));border-left:3px solid #0000;border-radius:4px;font-size:13px;font-weight:500}.utm-link-builder__recommendation{color:var(--ulb-color-accent);border-left-color:var(--ulb-color-accent);background-color:#0596690d}.utm-link-builder__recommendation--warning{color:var(--ulb-color-warning);border-left-color:var(--ulb-color-warning);background-color:#f59e0b0d}.utm-link-builder__reference-title{margin:0 0 calc(3 * var(--ulb-spacing)) 0;color:var(--ulb-color-text);margin-bottom:calc(3 * var(--ulb-spacing));font-size:16px;font-weight:600}.utm-link-builder__parameter-grid{gap:calc(3 * var(--ulb-spacing));grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.utm-link-builder__parameter{background-color:var(--ulb-color-bg);padding:calc(2.5 * var(--ulb-spacing));gap:calc(1 * var(--ulb-spacing));border-radius:4px;flex-direction:column;display:flex}.utm-link-builder__param-name{color:var(--ulb-color-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.utm-link-builder__param-value{color:var(--ulb-color-accent);word-break:break-word;font-family:Monaco,Menlo,monospace;font-size:14px;font-weight:600}.utm-link-builder__actions{gap:calc(3 * var(--ulb-spacing));margin-bottom:calc(4 * var(--ulb-spacing));display:flex}.utm-link-builder__button{padding:calc(3 * var(--ulb-spacing)) calc(4 * var(--ulb-spacing));background-color:var(--ulb-color-accent);color:#fff;cursor:pointer;border:none;border-radius:4px;flex:1;font-size:14px;font-weight:600;transition:background-color .2s,transform .1s}.utm-link-builder__button:hover{background-color:var(--ulb-color-accent-hover);transform:translateY(-1px)}.utm-link-builder__button:active{transform:translateY(0)}.utm-link-builder__copy-message{color:var(--ulb-color-success);padding:calc(3 * var(--ulb-spacing));text-align:center;background-color:#0596691a;border:1px solid #0596694d;border-radius:4px;font-size:14px;font-weight:500;animation:.2s ease-in-out slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.utm-link-builder__footer{text-align:center;border-top:1px solid var(--ulb-color-border);padding-top:calc(4 * var(--ulb-spacing));color:var(--ulb-color-text-secondary);font-size:12px}.utm-link-builder__footer p{margin:0}.utm-link-builder__link{color:var(--ulb-color-accent);font-weight:500;text-decoration:none}.utm-link-builder__link:hover{text-decoration:underline}@media (max-width:768px){.utm-link-builder{padding:calc(4 * var(--ulb-spacing))}.utm-link-builder__header h1{font-size:24px}.utm-link-builder__parameter-grid{grid-template-columns:1fr}}@media (max-width:480px){.utm-link-builder{padding:calc(3 * var(--ulb-spacing))}.utm-link-builder__header h1{font-size:20px}.utm-link-builder__header p{font-size:14px}.utm-link-builder__form-section,.utm-link-builder__output-section,.utm-link-builder__reference-section{padding:calc(4 * var(--ulb-spacing))}.utm-link-builder__stats{grid-template-columns:repeat(2,1fr)}.utm-link-builder__output-url code{font-size:11px}.utm-link-builder__actions{flex-direction:column}.utm-link-builder__button{width:100%}}@media print{.utm-link-builder__header{border-bottom:none}.utm-link-builder__form-section{display:none}}