/* AnswerBid ChatGPT ads toolkit: pixel checker, ad mockup, Google Ads converter. Uses site.css tokens. */
.tk-card{background:#fff;border:1px solid #DCE5F7;border-radius:18px;padding:clamp(18px,3vw,30px)}
.tk-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,3vw,32px);align-items:start}
.tk-form{display:grid;gap:14px}
.tk-form label,.tk-field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--ink);min-width:0}
.tk-form label small,.tk-field small{font-weight:400;color:var(--muted)}
.tk-form input[type=text],.tk-form input[type=url],.tk-form input[type=number],.tk-form textarea,.tk-form select{font:inherit;font-weight:400;font-size:15.5px;padding:11px 13px;border:1px solid #DCE5F7;border-radius:10px;background:#fff;color:var(--ink);min-width:0;width:100%;box-sizing:border-box}
.tk-form textarea{min-height:110px;resize:vertical;line-height:1.45}
.tk-form input:focus,.tk-form textarea:focus,.tk-form select:focus{outline:2px solid var(--electric-line);outline-offset:1px;border-color:var(--electric)}
.tk-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tk-row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tk-inline{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}
.tk-inline input{flex:1 1 260px}
.tk-count{font-weight:400;font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.tk-count.is-ok{color:#0F7B4B}.tk-count.is-warn{color:var(--warn)}.tk-count.is-bad{color:#B42318}
.tk-seg{display:inline-flex;border:1px solid #DCE5F7;border-radius:10px;overflow:hidden}
.tk-seg button{font:inherit;font-size:14px;padding:8px 14px;border:0;background:#fff;color:var(--ink-2);cursor:pointer}
.tk-seg button[aria-pressed=true]{background:var(--ink);color:#fff}
.tk-fine{font-size:13px;color:var(--muted);line-height:1.5;margin:10px 0 0}
.tk-note{font-size:14px;color:var(--ink-2);background:var(--night);border-radius:12px;padding:12px 14px;margin:0}
/* results */
.tk-status{display:flex;gap:14px;align-items:center;border-radius:14px;padding:16px 18px;margin:0 0 14px;background:var(--night)}
.tk-status b{font-size:20px;letter-spacing:-.01em;color:var(--ink)}
.tk-status span{display:block;font-size:14px;color:var(--ink-2)}
.tk-status i{flex:0 0 auto;width:14px;height:14px;border-radius:50%;background:var(--muted)}
.tk-status.good i{background:#12A15E}.tk-status.warnings i{background:#E38B1B}.tk-status.issues i,.tk-status.missing i{background:#D92D20}
.tk-checks{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.tk-checks li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff}
.tk-checks li b{font-size:15px;color:var(--ink)}
.tk-checks li p{grid-column:2;margin:0;font-size:14px;color:var(--ink-2);line-height:1.45;overflow-wrap:anywhere}
.tk-checks li a{grid-column:2;font-size:13.5px}
.tk-tag{grid-row:span 3;align-self:start;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:6px;padding:3px 7px;margin-top:2px}
.tk-tag.ok{background:rgba(18,161,94,.12);color:#0F7B4B}.tk-tag.warn{background:var(--warn-soft);color:var(--warn)}.tk-tag.fail{background:rgba(217,45,32,.10);color:#B42318}.tk-tag.info{background:var(--signal-soft);color:var(--signal-ink)}
.tk-loading{display:flex;gap:10px;align-items:center;color:var(--ink-2);font-size:15px}
.tk-loading::before{content:"";width:16px;height:16px;border-radius:50%;border:2px solid var(--electric-line);border-top-color:var(--electric);animation:tk-spin .8s linear infinite}
@keyframes tk-spin{to{transform:rotate(360deg)}}
.tk-err{color:#B42318;font-size:15px;margin:0}
/* mockup */
.tk-preview{position:sticky;top:calc(var(--header-h) + 16px)}
.tk-canvas{width:100%;height:auto;display:block;border-radius:16px;border:1px solid #DCE5F7;background:#fff}
.tk-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.tk-tips{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px;font-size:14px}
.tk-tips li{display:flex;gap:8px;color:var(--ink-2);line-height:1.4}
.tk-tips li::before{content:"";flex:0 0 8px;height:8px;border-radius:50%;margin-top:6px;background:#12A15E}
.tk-tips li.warn::before{background:#E38B1B}.tk-tips li.bad::before{background:#D92D20}
.tk-form label.tk-file{align-items:flex-start}
.tk-file input{font-size:13.5px;font-weight:400;max-width:100%}
/* converter */
.tk-out{margin-top:clamp(20px,3vw,28px)}
.tk-groups{display:grid;gap:14px}
.tk-group{border:1px solid #DCE5F7;border-radius:14px;padding:16px 18px;background:#fff}
.tk-group h3{margin:0 0 4px;font-size:18px;color:var(--ink)}
.tk-group .tk-meta{font-size:13.5px;color:var(--muted);margin:0 0 10px}
.tk-hints{margin:0;padding-left:18px;font-size:14.5px;color:var(--ink-2);line-height:1.5;columns:2;column-gap:28px}
.tk-hints li{break-inside:avoid;margin:0 0 4px}
.tk-adcopy{display:grid;gap:8px;margin-top:12px}
.tk-adcopy div{background:var(--night);border-radius:10px;padding:10px 12px;font-size:14.5px}
.tk-adcopy b{display:block;color:var(--ink)}
.tk-adcopy span{color:var(--ink-2)}
.tk-skip{font-size:14px;color:var(--ink-2)}
.tk-skip summary{cursor:pointer;font-weight:600;color:var(--ink)}
.tk-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 16px}
.tk-kpis div{border-radius:14px;background:var(--night);padding:14px}
.tk-kpis b{display:block;font-size:clamp(22px,2.6vw,30px);font-weight:700;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}
.tk-kpis span{font-size:13.5px;color:var(--ink-2);line-height:1.35}
.tk-kpis .key{background:var(--ink)}.tk-kpis .key b{color:#fff}.tk-kpis .key span{color:#C9D6F2}
.tk-settings{width:100%;border-collapse:collapse;font-size:14.5px;margin:0 0 16px}
.tk-settings td{border-top:1px solid var(--line);padding:9px 8px;vertical-align:top}
.tk-settings td:first-child{color:var(--muted);width:38%}
/* toolkit cards on free-tools */
.tk-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tk-cards a{display:flex;flex-direction:column;gap:6px;border:1px solid #DCE5F7;border-radius:16px;padding:18px;background:#fff;color:inherit;text-decoration:none;transition:border-color .15s,box-shadow .15s}
.tk-cards a:hover{border-color:var(--electric-line);box-shadow:var(--shadow-sm)}
.tk-cards b{font-size:17px;color:var(--ink)}
.tk-cards span{font-size:14.5px;color:var(--ink-2);line-height:1.45}
.tk-cards em{font-style:normal;font-size:14px;font-weight:600;color:var(--blue-text);margin-top:auto}
@media (max-width:860px){.tk-grid,.tk-cards{grid-template-columns:1fr}.tk-preview{position:static}.tk-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.tk-hints{columns:1}}
@media (max-width:560px){.tk-row,.tk-row3{grid-template-columns:1fr}}
/* open tools on /free-tools and menu */
.tk-new{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;background:var(--electric);color:#fff;font-size:11px;letter-spacing:.06em;vertical-align:1px}
.tk-guide{margin:16px 0 0;font-size:15px}
.mega-k.mega-k2{display:block;margin:10px 0 4px 10px;padding-top:10px;border-top:1px solid #E1E7F1}
@media (min-width:981px) and (max-height:880px){#mega-ft .mega-item{padding:6px 10px}#mega-ft .mega-item small{display:none}#mega-ft .mega-k.mega-k2{margin-top:6px;padding-top:6px}}