/* HTML Block - Dynamically loaded */
.html-block-wrapper { width: 100%; max-width: 100%; min-width: 0; position: relative; }
.html-block-content { width: 100%; }
.html-block-content > * { max-width: 100%; }

.html-block-iframe-container { width: 100%; border: none; }
.html-block-iframe-container.responsive { position: relative; height: 0; overflow: hidden; }
.html-block-iframe { width: 100%; height: 100%; border: none; }
.html-block-iframe-container.responsive .html-block-iframe { position: absolute; top: 0; left: 0; }

/* Aspect Ratios */
.html-block-ratio-16-9 { padding-bottom: 56.25%; }
.html-block-ratio-4-3 { padding-bottom: 75%; }
.html-block-ratio-1-1 { padding-bottom: 100%; }

/* Lazy Load Placeholder */
.html-block-lazy-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: hsl(var(--muted));
  border-radius: 0.5rem;
  border: 1px dashed hsl(var(--border));
}

.html-block-lazy-text { text-align: center; color: hsl(var(--muted-foreground)); }
.html-block-lazy-title { font-size: 0.875rem; }
.html-block-lazy-subtitle { font-size: 0.75rem; margin-top: 0.25rem; opacity: 0.7; }