.dj-features { min-width: 0; }
.dj-features > :where(.app-card, .app-actions, .dj-examples) { margin-block: 16px; }
.dj-features > :first-child { margin-top: 0; }
.dj-features > select { margin-bottom: 16px; }
.dj-features .app-card p { margin-block: 10px; }
.dj-features .app-card > :first-child { margin-top: 0; }
.dj-features .app-card > :last-child { margin-bottom: 0; }
.dj-features label { display: block; margin-top: 16px; }
.dj-features label.check-label { display: flex; }
.dj-features :is(input, select, textarea) { max-width: 100%; }
.dj-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; }
.dj-step-nav { display: flex; flex-wrap: wrap; gap: 6px; margin-block: 18px; }
.dj-step-nav .app-btn { flex: 1 1 100px; min-width: 0; padding-inline: 10px; font-size: 12px; }
.dj-check-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 12px; }
.dj-check-grid .check-label { margin-top: 10px; }
.dj-slot-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
.dj-slot-heading strong { overflow-wrap: anywhere; }
.dj-slot-heading > span { flex: 0 0 auto; font-weight: 700; }
.dj-video { display: block; width: 100%; max-height: 310px; object-fit: contain; background: #171716; border-radius: 12px; margin-block: 18px; }
.dj-examples { margin-block: 18px; border-top: 1px solid var(--line, #d8d6cd); padding-top: 12px; }
.dj-examples summary { cursor: pointer; font-size: 13px; color: inherit; }
.dj-features blockquote { margin: 14px 0; padding: 10px 14px; border-left: 2px solid #f78a46; overflow-wrap: anywhere; }
.dj-features .app-row > :last-child { max-width: 62%; overflow-wrap: anywhere; text-align: right; }
#dialog-content .dj-features { max-height: 72vh; overflow-y: auto; overscroll-behavior: contain; padding-right: 4px; }
#dialog-content .dj-features > h3 { padding-right: 28px; }
@container preview (max-width: 480px) {
  .dj-fields, .dj-check-grid { grid-template-columns: minmax(0, 1fr); }
  .dj-features .app-actions { gap: 8px; }
  .dj-features .app-actions .app-btn { flex: 1 1 110px; }
  .dj-features .app-row { align-items: baseline; }
}
@media (max-width: 480px) {
  #dialog-content .dj-fields, #dialog-content .dj-check-grid { grid-template-columns: minmax(0, 1fr); }
}