/* PayLink sibling: use the existing Biome palette, fonts, panels and controls. */
.ad-wrap { max-width: 760px; }
.ad-wrap h1 { font-size: clamp(36px, 7vw, 64px); line-height: 1.05; margin: 8px 0 16px; }
.ad-intro { color: var(--fg-2); font-size: 20px; margin-bottom: 14px; }
.ad-beta { margin: 0 0 0 8px; color: var(--red-hi); vertical-align: middle; }
.ad-editor { border: 0; padding: 0; margin: 0; min-width: 0; }
.ad-editor:disabled { opacity: .65; }
.ad-label, #token-fields { margin-top: 16px; }
.ad-snapshot { border-top: 1px solid var(--line); margin-top: 20px; padding-top: 8px; }
.ad-snapshot summary { cursor: pointer; padding: 12px 0; min-height: 44px; }
.ad-check { display: flex; gap: 12px; align-items: flex-start; font-size: 13px; line-height: 1.5; margin-top: 18px; padding: 10px 0; }
.ad-check input { flex: 0 0 20px; width: 20px; height: 20px; margin-top: 1px; accent-color: var(--red); }
.ad-table-scroll { overflow: auto; max-height: 320px; margin-top: 16px; border-block: 1px solid var(--line); }
.ad-wrap table { width: 100%; border-collapse: collapse; text-align: left; font: 12px/1.5 var(--mono); }
.ad-wrap th, .ad-wrap td { padding: 12px 8px; border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }
.ad-wrap th { color: var(--fg-2); }
.ad-wrap td:first-child { min-width: 175px; }
.ad-wrap td:last-child { min-width: 100px; }
.ad-errors { color: #ff8a8a; padding-left: 18px; font-size: 13px; }
#progress { padding-left: 20px; }
#progress li { padding-block: 8px; font-size: 13px; overflow-wrap: anywhere; }
#progress a { text-decoration: underline; margin-left: 8px; }
.ad-footnote { margin-top: 24px; }
.ad-wrap .btn { min-height: 44px; }
.ad-wrap button:disabled { opacity: .5; cursor: not-allowed; }
.ad-wrap input[type=file] { max-width: 100%; font-size: 13px; min-height: 44px; }
@media (max-width: 480px) { .ad-wrap .pl-card { padding: 16px; } .ad-wrap { padding-inline: 16px; } }