/* Dynamic export refinements, scoped to this workspace. */
#dynamic-source-details summary { cursor: pointer; color: #efca71; font-weight: 700; padding: 4px 0 12px; }
#dynamic-source-details summary span { display: block; color: #a2b7ac; font-size: 12px; margin-top: 5px; font-weight: 400; }
#dynamic-source-details .dynamic-panel-title { display: none; }
.dynamic-jump-controls { align-items: center; color: #bdcec4; font-size: 13px; }
.dynamic-jump-controls label { display: inline-flex; align-items: center; gap: 7px; }
.dynamic-jump-controls input[type="number"] { width: 70px; height: 38px; border: 1px solid #756433; border-radius: 6px; background: #0b2118; color: #f2e9cd; padding: 4px 8px; }
.dynamic-jump-controls input[type="checkbox"] { width: 18px; height: 18px; }
.dynamic-save-help { color: #b0c6ba; font-size: 12px; line-height: 1.65; margin: 12px 0; }
.dynamic-gif-results article { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 10px; padding: 12px; }
.dynamic-gif-results article > img { width: 56px; height: 66px; }
.dynamic-gif-results article > div:last-child { grid-column: 1 / -1; display: flex; flex-direction: row; flex-wrap: wrap; gap: 6px; }
.dynamic-gif-results small { font-size: 11px; line-height: 1.6; color: #b6c8bc; overflow-wrap: anywhere; }
.dynamic-gif-results span { color: #a6cbbb; font-size: 11px; line-height: 1.8; }
.dynamic-gif-results button, .dynamic-result-dialog button { padding: 7px 10px; background: #123025; color: #a6e8cf; border: 1px solid #38634f; border-radius: 6px; cursor: pointer; }
.dynamic-gif-results a { padding: 8px 10px; font-size: 12px; }
#dynamic-zip-btn { margin: 8px 0; }
#dynamic-zip-btn[hidden] { display: none; }
.dynamic-result-dialog { border: 1px solid #8a7438; border-radius: 12px; background: #071b13; color: #e8dec3; padding: 14px; width: min(570px, calc(100vw - 24px)); max-height: 94dvh; overflow: auto; margin: auto; }
.dynamic-result-dialog::backdrop { background: rgba(0, 0, 0, .8); }
.dynamic-result-dialog form { text-align: right; }
.dynamic-result-dialog p { overflow-wrap: anywhere; margin: 12px 0; }
.dynamic-result-dialog img { width: 100%; height: auto; }
.dynamic-source-summary strong { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 1050px) {
  .dynamic-generate-actions, .dynamic-save-help, #dynamic-zip-btn { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
  .dynamic-source-summary { margin-top: 6px; padding: 9px 12px; }
  .dynamic-export-panel { display: flex; flex-direction: column; gap: 8px; }
  .dynamic-generate-actions { position: sticky; top: 0; order: -1; z-index: 4; padding: 5px 8px 8px; margin-bottom: 8px; background: #071b13; border: 1px solid #64552b; border-radius: 10px; box-shadow: 0 5px 20px #0008; }
  .dynamic-generate-actions .dynamic-generate-btn { margin-top: 0; }
  .dynamic-preview-controls button, .dynamic-gif-results a, .dynamic-gif-results button { min-height: 42px; }
  .dynamic-generate-progress { font-size: 12px; }
}