.utm-page{--u-ground:#eceef4;--u-glass:#ffffff9e;--u-panel:#ffffffc7;--u-fg:#161616;--u-muted:#69727d;--u-hairline:#e4e4e4;--u-surface:#f9f9fe;--u-stage-fg:#fff;--u-accent:#dd146f;--u-danger:#b3123c;--u-display:"Playfair Display",Georgia,"Times New Roman",serif;--u-body:Lato,"Helvetica Neue",Arial,sans-serif;--u-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--u-pill:50px;--u-ease:cubic-bezier(0,.25,.07,1);--u-fast:.2s;min-height:100vh;color:var(--u-fg);font:16px/1.55 var(--u-body);-webkit-font-smoothing:antialiased;background:radial-gradient(900px 520px at 85% 8%,#dd146f21,transparent 60%),radial-gradient(700px 480px at 5% 95%,#69727d29,transparent 60%),var(--u-ground)}.utm-page *{box-sizing:border-box}.utm-page .page{justify-content:center;padding:clamp(16px,4vw,48px) 16px;display:flex}.utm-page .shell{background:var(--u-glass);-webkit-backdrop-filter:blur(22px)saturate(1.2);border:1px solid #ffffffe6;border-radius:36px;width:100%;max-width:760px;padding:clamp(20px,4vw,40px);box-shadow:0 30px 80px #1616161a,inset 0 1px #ffffffe6}.utm-page .top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.utm-page .brand{letter-spacing:.12em;text-transform:uppercase;color:var(--u-muted);align-items:center;gap:10px;font-size:13px;font-weight:700;line-height:1.4;display:flex}.utm-page .brand img{width:30px;height:30px}.utm-page h1{font-family:var(--u-display);text-wrap:balance;color:var(--u-fg);margin:26px 0 28px;font-size:clamp(32px,5.5vw,48px);font-weight:600;line-height:1.08}.utm-page form{gap:18px;min-width:0;display:grid}.utm-page .row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.utm-page .field{gap:7px;min-width:0;display:grid;position:relative}.utm-page label{font-size:14px;font-weight:700;line-height:1.55}.utm-page label .opt{color:var(--u-muted);font-weight:400}.utm-page input[type=text],.utm-page input[type=url]{width:100%;font:inherit;color:var(--u-fg);border:1px solid var(--u-hairline);border-radius:var(--u-pill);transition:border-color var(--u-fast) var(--u-ease),box-shadow var(--u-fast) var(--u-ease);background:#fff;padding:13px 20px;font-size:16px}.utm-page input::placeholder{color:#8d949c}.utm-page input:focus{border-color:var(--u-accent);outline:none;box-shadow:0 0 0 3px #dd146f29}.utm-page .field.err input{border-color:var(--u-danger)}.utm-page .err-msg{color:var(--u-danger);margin:0;font-size:13px}.utm-page .combo input{padding-right:46px}.utm-page .ctl{position:relative}.utm-page .chev{pointer-events:none;width:16px;height:16px;color:var(--u-muted);position:absolute;top:50%;right:18px;transform:translateY(-50%)}.utm-page .list{z-index:20;border:1px solid var(--u-hairline);background:#fff;border-radius:22px;max-height:min(280px,40vh);margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 18px 40px #16161624}.utm-page .list[hidden]{display:none}.utm-page .list li{cursor:pointer;border-radius:16px;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 14px;line-height:1.4;display:flex}.utm-page .list li .v{font-family:var(--u-mono);overflow-wrap:anywhere;min-width:0;font-size:14px}.utm-page .list li .d{color:var(--u-muted);text-align:right;font-size:12.5px}.utm-page .list li[aria-selected=true]{background:var(--u-surface)}.utm-page .list li[aria-selected=true] .v{color:var(--u-accent)}.utm-page .list li.add .v{font-family:var(--u-body);color:var(--u-accent);font-weight:700}.utm-page .tag{letter-spacing:.06em;text-transform:uppercase;color:var(--u-muted);font-size:11px}.utm-page .check{color:var(--u-muted);align-items:center;gap:10px;font-size:14px;font-weight:400;display:flex}.utm-page .check input{accent-color:var(--u-accent);flex:none;width:17px;height:17px}.utm-page .result{margin-top:8px}.utm-page .result h2{font-family:var(--u-display);color:var(--u-fg);margin:0 0 12px;font-size:24px;font-weight:500;line-height:1.25}.utm-page .linkbox{border-radius:20px;position:relative;box-shadow:0 0 0 1px #dd146f8c,0 0 0 5px #dd146f14,0 18px 44px #dd146f38}.utm-page .link{font-family:var(--u-mono);word-break:break-all;color:var(--u-stage-fg);background:#161616;border-radius:20px;min-height:110px;padding:16px 60px 16px 18px;font-size:14px;line-height:1.65}.utm-page .link.example{color:#6f757c}.utm-page .link .k{color:#ff6fae}.utm-page .copy{cursor:pointer;width:40px;height:40px;color:var(--u-stage-fg);border-radius:var(--u-pill);transition:background var(--u-fast) var(--u-ease),transform var(--u-fast) var(--u-ease),opacity var(--u-fast) var(--u-ease);background:#ffffff1f;border:0;place-items:center;display:grid;position:absolute;top:10px;right:10px}.utm-page .copy svg{width:18px;height:18px}.utm-page .copy:not(:disabled):hover,.utm-page .copy.done{background:var(--u-accent)}.utm-page .copy:disabled{opacity:.35;cursor:not-allowed}.utm-page .copy:not(:disabled):active{transform:scale(.92)}.utm-page .copy:focus-visible,.utm-page .ghost:focus-visible{outline:3px solid var(--u-accent);outline-offset:3px}.utm-page .status{min-height:22px;color:var(--u-muted);text-align:center;margin:10px 0 0;font-size:14px}.utm-page .ghost{background:var(--u-panel);color:var(--u-fg);border-radius:var(--u-pill);font:700 13.5px var(--u-body);cursor:pointer;transition:color var(--u-fast) var(--u-ease);border:1px solid #fffffff2;align-items:center;gap:8px;padding:9px 16px;display:inline-flex;box-shadow:0 4px 16px #16161612}.utm-page .ghost svg{width:16px;height:16px}.utm-page .ghost:hover{color:var(--u-accent)}.utm-page .foot{color:var(--u-muted);text-align:center;margin-top:22px;font-size:13px}.utm-page .foot a{color:var(--u-fg);font-weight:700;text-decoration:none}@media (width<=560px){.utm-page .row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.utm-page *{transition:none!important}}
