.tool-card{text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:24px;box-shadow:0 20px 50px #0f172a0f}.preset-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:22px;display:flex}.preset-btn{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:8px 14px;font-weight:700}.utm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.utm-grid label{color:#334155;flex-direction:column;gap:6px;font-size:15px;font-weight:700;display:flex}.utm-grid label span{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.utm-grid input,.output-box textarea{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:12px;width:100%;padding:12px 14px;font-family:inherit;font-size:16px}.utm-grid input:focus,.output-box textarea:focus{border-color:#1881ff;outline:none;box-shadow:0 0 0 3px #1881ff26}.tool-error{color:#b91c1c;min-height:24px;margin-top:12px;font-weight:700}.output-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;margin-top:18px;padding:18px}.output-label{text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-bottom:8px;font-size:13px;font-weight:800}.output-box textarea{resize:vertical;word-break:break-all;min-height:96px}.copy-btn{color:#fff;cursor:pointer;background:#0f172a;border:0;border-radius:10px;margin-top:12px;padding:10px 16px;font-weight:800}.privacy-note{text-align:center;color:#64748b;margin-top:14px;font-size:15px}.table-wrap{border:1px solid #e2e8f0;border-radius:14px;overflow-x:auto}.ref-table{border-collapse:collapse;background:#fff;width:100%}.ref-table th,.ref-table td{text-align:left;vertical-align:top;color:#334155;border-bottom:1px solid #e2e8f0;padding:13px 14px;font-size:15px}.ref-table th{color:#0f172a;background:#f8fafc;font-weight:800}.ref-table tr:last-child td{border-bottom:0}@media (width<=700px){.utm-grid{grid-template-columns:1fr}.tool-card{padding:18px}}