/* Free metadata checker (/stock-photo-metadata-checker/). Builds on playground.css, description_generator.css
   and photo_checker.css; this adds pasting, keyword editing, the iStock states and "Request an agency". */

.mc-paste { display: flex; flex-direction: column; gap: 6px; }
.mc-input { width: 100%; font: inherit; font-size: 13px; padding: 7px 10px; border: 1px solid var(--pg-border); border-radius: 8px; background: var(--pg-surface); color: var(--pg-text); resize: vertical; }
.mc-input:focus { outline: 2px solid var(--pg-accent); outline-offset: 0; border-color: transparent; }
.mc-paste .pg-btn { align-self: flex-start; }
.pg .mc-paste textarea { min-height: 56px; }
.mc-thumb-text { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-weight: 700; color: var(--pg-muted); background: var(--pg-bg); }

.mc-verdicts { margin-top: 10px; }
.mc-this-agency { box-shadow: 0 0 0 2px currentColor inset; }
.mc-cta { margin-top: 10px; }
.mc-ok { margin: 10px 0 0; font-size: 13px; color: #15803d; font-weight: 600; }
.mc-muted { color: var(--pg-muted); font-size: 12.5px; margin: 0; }

.mc-chips { max-height: 260px; overflow: auto; }
.mc-kw-add { margin-top: 8px; }
.mc-kw-tools { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 10px; margin-top: 6px; }
.mc-legend { font-size: 11.5px; color: var(--pg-muted); }

/* iStock vocabulary state on each keyword chip */
.pg-chip.mc-ist-ok::after { content: '✓'; font-size: 10px; color: #15803d; margin-left: 2px; }
.pg-chip.mc-ist-part { border-style: dashed; }
.pg-chip.mc-ist-no { text-decoration: line-through; text-decoration-color: #9ca3af; }

.mc-istock { margin-top: 12px; padding: 10px 12px; border: 1px solid #bfdbfe; border-radius: 10px; background: #eff6ff; font-size: 13px; }
.mc-istock-head { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; color: #1e40af; }
.mc-istock-line { margin: 0 0 6px; line-height: 1.45; }
.mc-istock-similar { margin-top: 6px; }

.mc-request { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px; }
.mc-request-btn { font: inherit; font-size: 14px; padding: 6px 14px; border-radius: 999px; border: 1px solid #d1d5db; background: #fff; cursor: pointer; }
.mc-request-btn:hover { border-color: #f97316; }
.mc-request-btn.is-on { background: #fff7ed; border-color: #f97316; color: #9a3412; cursor: default; }
.mc-request-thanks { font-weight: 600; color: #15803d; }