/* [story] /animate extra options (ANIMATE_STORY=1 only). Phone first: one column of 2 selects per row at 390 px. */
#anForm .an-more { border: 1px solid var(--line); border-radius: 12px; padding: 8px 12px; background: #fffdf8; }
#anForm .an-more > summary { cursor: pointer; font: 600 14px var(--ui); color: var(--ink); padding: 4px 0; list-style: none; }
#anForm .an-more > summary::-webkit-details-marker { display: none; }
#anForm .an-more > summary::before { content: "▸ "; color: var(--muted); }
#anForm .an-more[open] > summary::before { content: "▾ "; }
#anForm .an-more[open] > summary { margin-bottom: 8px; }
#anForm .an-grid2 { margin-bottom: 10px; }
.an-ticks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 14px; margin: 4px 0 10px; }
.an-tick { display: flex; align-items: flex-start; gap: 8px; font: 500 14px var(--ui); color: var(--ink); cursor: pointer; line-height: 1.3; }
.an-tick input { width: 18px; height: 18px; margin: 1px 0 0; flex: none; accent-color: var(--brand); }
.an-off { opacity: .5; }
#anForm textarea { width: 100%; box-sizing: border-box; font: 500 15px var(--ui); padding: 10px 12px; border: 1px solid var(--line);
  border-radius: 10px; background: #fff; color: var(--ink); resize: vertical; }
#anForm .an-inslbl { display: block; margin: 2px 0 4px; font: 600 13px var(--ui); color: var(--ink); }
.an-count { font: 500 12px var(--ui); color: var(--muted); min-height: 16px; margin: 3px 0 6px; }
.an-script { display: flex; flex-direction: column; gap: 6px; margin-top: 6px; }
.an-script[hidden] { display: none; }
.an-lennote:empty { display: none; }
.an-fit { font: 600 14px var(--ui); color: #7c4a03; background: #fff4dc; border: 1px solid #f2d79b; border-radius: 10px; padding: 8px 12px; }
.an-fit[hidden] { display: none; }
.an-steps.long { max-height: 300px; overflow-y: auto; padding-right: 6px; }
.an-steps li[data-ch] { position: relative; margin-top: 28px; }
.an-steps li[data-ch]::before { content: attr(data-ch); position: absolute; left: -22px; right: 0; top: -24px; white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis; font: 700 13px var(--ui); color: var(--ink); }
.an-steps li[data-ch]:first-child { margin-top: 24px; }
@media (max-width: 480px) { .an-ticks { grid-template-columns: 1fr; } }