/* Bluesky Alt Text Checker -- page-specific layout on top of the shared
   .ic-tool / .ic-split-plain / cm-* framework. */

.pub-site .at-field { margin-bottom: 1rem; }
.pub-site .at-field-label {
  display: block;
  font-size: .875rem;
  font-weight: 700;
  color: var(--pub-text);
  margin-bottom: .4rem;
}
.pub-site .at-file-input {
  display: block;
  width: 100%;
  font-size: .875rem;
  color: var(--pub-text-secondary);
}
.pub-site .at-preview { margin-top: .75rem; }
.pub-site .at-preview img {
  max-width: 100%;
  max-height: 220px;
  border-radius: var(--pub-radius-md);
  border: 1px solid var(--pub-border);
  display: block;
}
.pub-site .at-input-count {
  display: block;
  margin-top: .35rem;
  font-size: .8125rem;
  color: var(--pub-text-muted);
}
.pub-site .at-actions { display: flex; gap: .6rem; flex-wrap: wrap; }

.pub-site .at-result-summary {
  margin: 0 0 .85rem;
  font-size: .875rem;
  font-weight: 700;
  color: var(--pub-text);
}

.pub-site .at-checklist {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: .6rem;
}
.pub-site .at-check {
  display: flex;
  align-items: flex-start;
  gap: .6rem;
  padding: .7rem .85rem;
  border-radius: var(--pub-radius-md);
  border: 1px solid var(--pub-border);
  font-size: .875rem;
  line-height: 1.5;
}
.pub-site .at-check.is-pass { background: rgba(16, 185, 129, .07); border-color: rgba(16, 185, 129, .3); }
.pub-site .at-check.is-warn { background: rgba(217, 119, 6, .08); border-color: rgba(217, 119, 6, .32); }
.pub-site .at-check.is-fail { background: rgba(220, 38, 38, .07); border-color: rgba(220, 38, 38, .32); }
.pub-site .at-check-icon { flex: none; font-weight: 800; width: 1.2em; text-align: center; }
.pub-site .at-check.is-pass .at-check-icon { color: var(--pub-success); }
.pub-site .at-check.is-warn .at-check-icon { color: #b45309; }
.pub-site .at-check.is-fail .at-check-icon { color: #dc2626; }
.pub-site .at-check-title { font-weight: 700; display: block; }
.pub-site .at-check-detail { color: var(--pub-text-secondary); }