.wt-utm-hero{padding:38px;border-radius:32px;background:linear-gradient(135deg,#fff,#f5fbf9 62%,#ecf8f4);border:1px solid #deebe7;box-shadow:var(--wt-shadow)}
.wt-back{display:inline-flex;margin-bottom:18px;color:#58726b;font-size:12px;font-weight:800}.wt-utm-hero h1{margin:12px 0 10px;font-size:clamp(2.3rem,4vw,4.2rem);line-height:1;letter-spacing:-.045em;color:var(--wt-ink)}.wt-utm-hero p{margin:0;max-width:780px;font-size:14px;line-height:2;color:var(--wt-muted)}
.wt-utm-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.75fr);gap:18px;margin-top:20px}.wt-utm-card,.wt-utm-result{padding:24px;border-radius:28px;background:#fff;border:1px solid var(--wt-line);box-shadow:0 14px 44px rgba(14,54,46,.07)}
.wt-utm-card{display:grid;grid-template-columns:1fr 1fr;gap:15px}.wt-field{display:flex;flex-direction:column;gap:7px}.wt-field-wide{grid-column:1/-1}.wt-field label{font-size:11px;font-weight:900;color:var(--wt-ink)}.wt-field label b{color:#c53c32}.wt-field input{width:100%;border:1px solid #d8e6e2;background:#fbfdfc;border-radius:14px;padding:13px 14px;outline:0;color:var(--wt-ink);font-size:13px;transition:.2s}.wt-field input:focus{border-color:var(--wt-brand);box-shadow:0 0 0 4px rgba(14,142,124,.10);background:#fff}
.wt-utm-presets{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px;border-radius:16px;background:#f7faf9;border:1px solid #e4eeeb}.wt-utm-presets span{font-size:10px;font-weight:800;color:#5f746f}.wt-utm-presets button{border:1px solid #dce8e4;background:#fff;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800;color:#49645e;cursor:pointer}.wt-utm-actions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap;margin-top:2px}
.wt-utm-result{position:sticky;top:18px;align-self:start}.wt-utm-result h2{margin:8px 0 6px;font-size:24px;color:var(--wt-ink)}.wt-utm-result>p{margin:0;font-size:11px;line-height:1.8;color:var(--wt-muted)}.wt-output{margin-top:16px;min-height:150px;padding:16px;border-radius:18px;background:#102d28;color:#d7f4ed;font-size:12px;line-height:1.9;word-break:break-all;border:1px solid #20453e;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.wt-output-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.wt-output-actions [disabled],.wt-output-actions [aria-disabled="true"]{opacity:.45;pointer-events:none}.wt-utm-tip{display:grid;grid-template-columns:auto 1fr;gap:8px;margin-top:18px;padding:13px;border-radius:15px;background:#fff8e8;border:1px solid #f1dfb9}.wt-utm-tip b{font-size:10px;color:#8f650a}.wt-utm-tip span{font-size:10.5px;line-height:1.8;color:#6c6247}
@media(max-width:900px){.wt-utm-layout{grid-template-columns:1fr}.wt-utm-result{position:static}}@media(max-width:620px){.wt-utm-hero{padding:26px 20px}.wt-utm-card{grid-template-columns:1fr}.wt-field-wide,.wt-utm-presets,.wt-utm-actions{grid-column:auto}}