/* 버전 2 — 접고 펼치는 화살표와 모션을 신규 LMS(shadcn 아코디언) 방식으로 통일. /v2/ 에서만.
   글자 ▶▼▸▾ 는 숨기고 같은 자리에 선 굵기 2의 chevron-down 아이콘을 쓴다. 닫힘=오른쪽(−90도), 열림=아래(0도), 200ms ease-out.
   펼침 모션은 사용자가 누른 순간에만(v2.js가 data-v2-toggled를 잠깐 붙임) — 자동 새로고침으로 다시 그릴 때 깜빡이지 않게. */
html[data-ui="v2"] {
  --v2-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}
html[data-ui="v2"] :is(.folder-header .arrow, .group-header .arrow, .tt-extra-chevron, .wr-split-group-chevron) {
  display: inline-block;
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  vertical-align: -3px;
  align-self: center;
  font-size: 0;
  line-height: 0;
  background-color: currentColor;
  -webkit-mask: var(--v2-chevron) center / 16px 16px no-repeat;
  mask: var(--v2-chevron) center / 16px 16px no-repeat;
  transform: rotate(-90deg);
  transition: transform 200ms ease-out;
}
html[data-ui="v2"] .folder-header .arrow { margin-right: 4px; }
html[data-ui="v2"] .group-header .arrow { color: var(--ds-muted-foreground); }
html[data-ui="v2"] .tt-extra-chevron,
html[data-ui="v2"] .wr-split-group-chevron { color: var(--ds-muted-foreground); }
html[data-ui="v2"] .folder.open > .folder-header .arrow,
html[data-ui="v2"] .group.open .group-header .arrow,
html[data-ui="v2"] .tt-extra-settings[open] .tt-extra-chevron,
html[data-ui="v2"] .wr-split-group-toggle[aria-expanded="true"] .wr-split-group-chevron {
  transform: rotate(0deg);
}

@keyframes v2-accordion-down {
  from { opacity: 0; transform: translateY(-6px); }
  to { opacity: 1; transform: none; }
}
html[data-ui="v2"] .folder.open[data-v2-toggled] > .folder-body,
html[data-ui="v2"] .group.open[data-v2-toggled] > .group-body,
html[data-ui="v2"] .wr-split-group[data-v2-toggled] > .wr-split-group-items:not([hidden]) {
  animation: v2-accordion-down 200ms ease-out;
}
@media (prefers-reduced-motion: reduce) {
  html[data-ui="v2"] :is(.folder-header .arrow, .group-header .arrow, .tt-extra-chevron, .wr-split-group-chevron) { transition: none; }
  html[data-ui="v2"] .folder.open[data-v2-toggled] > .folder-body,
  html[data-ui="v2"] .group.open[data-v2-toggled] > .group-body,
  html[data-ui="v2"] .wr-split-group[data-v2-toggled] > .wr-split-group-items:not([hidden]) { animation: none; }
}