/* The shared entry template owns layout, spacing and responsive media size. */
.doodles-entry-demo { display: flex; flex-direction: column; min-width: 0; margin: 0; }
.doodles-entry-paper {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  border-radius: var(--tf-radius-lg);
  background: #fff9ed;
}
.doodles-entry-paper canvas,
.doodles-entry-paper img { display: block; width: 100%; height: 100%; object-fit: contain; }
.doodles-entry-caption {
  display: flex;
  flex: 0 0 44px;
  align-items: center;
  justify-content: space-between;
  gap: var(--tf-space-2);
  color: var(--tf-muted);
  font-size: .8rem;
}
.doodles-entry-caption .tf-button { flex: 0 0 auto; font-size: .8rem; }
.doodles-entry-caption [data-demo-icon] { width: 14px; text-align: center; }
@media (max-width: 600px) {
  .doodles-entry-caption { font-size: .7rem; }
  .doodles-entry-caption .tf-button { padding-inline: var(--tf-space-2); font-size: .7rem; }
  .doodles-entry-demo-length { display: none; }
}