/* Instagram caption formatter: generic caption preview card. */
.ig-card { max-width: 470px; margin: 0 auto; width: 100%; border-radius: 12px; background: #fff; color: #262626; border: 1px solid #dbdbdb; overflow: hidden; font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; }
.ig-head { display: flex; align-items: center; gap: 10px; padding: 10px 12px; font-weight: 600; font-size: 0.9rem; }
.ig-avatar { width: 32px; height: 32px; border-radius: 50%; background: linear-gradient(135deg, #f9ce34, #ee2a7b, #6228d7); flex-shrink: 0; }
.ig-photo { aspect-ratio: 3 / 2; background: linear-gradient(135deg, #e9e9e9, #d5d5d5); display: grid; place-items: center; color: #8e8e8e; font-size: 0.85rem; }
.ig-body { padding: 10px 12px 14px; font-size: 0.9rem; line-height: 1.4; }
#ig-p-caption { white-space: pre-wrap; overflow-wrap: anywhere; margin: 0; }
#ig-p-caption.ig-clamp { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.ig-tag { color: #00376b; }
.ig-muted { color: #8e8e8e; }
.ig-link { all: unset; cursor: pointer; color: #737373; font-size: 0.9rem; }
.ig-link:focus-visible { outline: 2px solid var(--accent); border-radius: 4px; }
.progress.ig-over > span { background: var(--err); }
:root[data-theme='dark'] .ig-card { background: #000; color: #f5f5f5; border-color: #363636; }
:root[data-theme='dark'] .ig-photo { background: linear-gradient(135deg, #262626, #121212); color: #a8a8a8; }
:root[data-theme='dark'] .ig-tag { color: #e0f1ff; }
:root[data-theme='dark'] .ig-link, :root[data-theme='dark'] .ig-muted { color: #a8a8a8; }
#tool .grid-2 > .stack-sm, #tool .grid-2 > .stack, .tc-top > .stack-sm { align-content: start; }