/* Tweet thread — 2000×2500 (4:5) export plate
 * White X/Twitter-style post: circular avatar + name/handle + large sans body.
 * Generous side margins matching the Jake Coppen Instagram reference; taller
 * canvas matches every other Library carousel.
 */

.slide.layout-tweet {
  background: #ffffff;
  color: #0f1419;
  overflow: hidden;
  font-family: 'Inter', 'SF Pro Text', 'Helvetica Neue', system-ui, sans-serif;
}

.slide.layout-tweet .grad,
.slide.layout-tweet .logo,
.slide.layout-tweet .bg {
  display: none;
}

.tweet-slide {
  position: absolute;
  inset: 280px 240px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0;
}

.tweet-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 36px;
  flex-shrink: 0;
}

.tweet-avatar {
  width: 128px;
  height: 128px;
  border-radius: 9999px;
  overflow: hidden;
  flex: 0 0 128px;
  align-self: center;
  background: #eff3f4;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tweet-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.tweet-avatar.is-fallback {
  font-family: 'Inter', system-ui, sans-serif;
  font-weight: 700;
  font-size: 56px;
  line-height: 1;
  color: #536471;
  letter-spacing: -0.02em;
}

.tweet-id {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  gap: 4px;
  min-width: 0;
  line-height: 1.1;
}

.tweet-name {
  display: block;
  font-family: 'Inter', system-ui, sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: #0f1419;
}

.tweet-handle {
  display: block;
  font-family: 'Inter', system-ui, sans-serif;
  font-weight: 500;
  font-size: 40px;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: #536471;
}

.tweet-body {
  margin-top: 64px;
  display: flex;
  flex-direction: column;
  gap: 48px;
  max-width: 100%;
}

.tweet-body p {
  margin: 0;
  font-family: 'Inter', system-ui, sans-serif;
  font-weight: 500;
  font-size: calc(104px * var(--text-scale, 1));
  line-height: 1.32;
  letter-spacing: -0.022em;
  color: #0f1419;
}
