/* ======================================================================
 * WIZON mobile app kit — 프리미티브 6종 골격 (K2-S0, mobile-app-kit-k2-s0)
 * ======================================================================
 *
 * 왜 이 파일이 있는가
 * -------------------
 * K1 조사(tokens.md·primitives.md)가 확인한 것: 포털 모바일 화면 ≈94벌의
 * 행·시트·칩·세그먼트·타이틀바·빈상태 구현이 각자 다른 표면·모서리·그림자를
 * 손으로 든다. 이 파일은 그 여덟 중 여섯(④행·③시트·⑤칩·⑥세그먼트·⑦타이틀바·
 * ⑧상태)의 **골격만** 담는다. 나머지 둘(①눌림 피드백은 app.js 셀렉터 상수,
 * ②카드 셸의 tone 축은 기존 wizon-widget-card-shell.css 확장)은 이 파일
 * 범위 밖이다 — k2-plan.md §4 D4 이관 순서 참조.
 *
 * ★이 후보(S0)의 계약: 사용처 0. 이 파일이 정의하는 클래스는 index.html·app.js
 *   어디에도 아직 나오지 않는다 — 화면 변화는 정확히 0이어야 한다(음성 대조로
 *   확인, work-order.md). 값을 쓰는 것은 S1~S5(k2-plan.md §4) 개별 후보다.
 *
 * 모듈 소속 · 경계 · 분리 판매 가능성 (LANE-COMMON-RULES.md)
 * -----------------------------------------------------------
 * 소속: AI 포털 셸의 "모바일 공통 프리미티브" 모듈(신설, k2-plan.md §7).
 * 경계: 토큰은 shared/wds/(DTCG 산출) — 이 파일은 apps/ai-portal/app/static/
 *   전용이며 admin-console 을 넘지 않는다(셸 파일 wizon-widget-card-shell.css
 *   가 이미 "첫 슬라이스가 지기엔 너무 센 결합"으로 기각한 경계를 승계).
 * 재사용: 클래스 이름을 #artifactPanel 특정 스코프에 묶지 않았다 — 질문 카드
 *   (orchestrationDock)·드라이브 등 다른 표면도 그대로 물려받을 수 있게 했다.
 * 분리 판매: 지금은 아니다(공용 셸의 일부) — 다만 토큰 19개(shared/wds/) +
 *   이 CSS 1파일은 그 자체로 WDS 이식 후보다(이 레인은 WDS 리포를 열지 않았다).
 *
 * ★규약(반드시 지킬 것, primitives.md 공통 규약 승계)
 * - `--cg-*` 를 참조하지 않는다(스코프 함정 — tokens.md §3.1, 이 파일은 0건).
 * - 열림 상태를 읽지 않는다 — `:popover-open`·`.hidden` 셀렉터를 쓰지 않는다
 *   (오버레이 "열림" 소유권은 기존 setter 가 갖는다, k2-plan.md §5-7).
 * - 한글 축: 텍스트 슬롯은 word-break:keep-all + overflow-wrap:anywhere 쌍.
 * - 포커스: 기존 --wizon-ai-focus-visible-ring 재사용, 새 링 토큰 금지.
 * - reduced-motion: 기존 prefers-reduced-motion 블록에 얹는다(새 블록 금지).
 * ======================================================================== */

/* ══ ④ 리스트 행 (primitives.md ④) ═══════════════════════════════════════ */
.wizon-row {
  position: relative;
  width: 100%;
  min-height: 48px;
  display: flex;
  align-items: center;
  gap: var(--ds-space-3);
  padding: var(--ds-space-2) var(--ds-space-3);
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
  color: var(--wizon-ai-text-primary);
  font: inherit;
}
.wizon-row.has-sub,
.wizon-row.has-control {
  min-height: 56px;
}
.wizon-row.has-control {
  padding-block: 6px;
}
.wizon-row__icon {
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  border-radius: var(--wizon-ai-radius-control);
  background: var(--wizon-ai-surface-raised);
  color: var(--wizon-ai-text-secondary);
  display: grid;
  place-items: center;
}
.wizon-row__icon svg {
  width: 16px;
  height: 16px;
}
.wizon-row__text {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 2px;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.wizon-row__label {
  font-size: var(--ds-text-body-15);
  font-weight: 500;
  line-height: 20px;
  color: var(--wizon-ai-text-primary);
}
.wizon-row__sub {
  font-size: var(--ds-text-caption-12);
  font-weight: 400;
  line-height: 16px;
  color: var(--wizon-ai-text-muted);
}
.wizon-row__end {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: var(--ds-space-2);
  color: var(--wizon-ai-text-muted-2);
}
.wizon-row__chevron {
  width: 16px;
  height: 16px;
  color: var(--wizon-ai-text-muted-2);
}
.wizon-row + .wizon-row {
  position: relative;
}
.wizon-row + .wizon-row::before {
  content: "";
  position: absolute;
  top: 0;
  left: 52px; /* 12 + 28 + 12 (primitives.md ④ 인셋 헤어라인) */
  right: 0;
  height: 1px;
  background: var(--wizon-ai-popover-border);
}
.wizon-row[aria-disabled="true"] {
  cursor: default;
}
.wizon-row[aria-disabled="true"] .wizon-row__label {
  color: var(--wizon-ai-text-muted-2);
}
.wizon-row[aria-disabled="true"] .wizon-row__icon {
  opacity: 0.6;
}
.wizon-row:focus-visible {
  outline: 2px solid var(--wizon-ai-focus-visible-ring);
  outline-offset: -2px;
}

/* ══ ③ 바텀시트 / 모달 / 팝오버 (primitives.md ③) ═════════════════════════ */
.wizon-sheet {
  background: var(--wizon-ai-surface-sheet);
  border-radius: var(--wizon-ai-radius-sheet) var(--wizon-ai-radius-sheet) 0 0;
  box-shadow: var(--wizon-ai-sheet-shadow);
  padding-bottom: var(--ds-space-3);
  overflow: hidden;
}
.wizon-sheet__grip {
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wizon-sheet__grip i {
  width: 36px;
  height: 4px;
  border-radius: calc(var(--ds-space-1) / 2);
  background: var(--wizon-ai-popover-border);
  display: block;
}
.wizon-sheet__head {
  display: flex;
  align-items: center;
  gap: var(--ds-space-3);
  padding: var(--ds-space-1) var(--ds-space-5) var(--ds-space-3);
}
.wizon-sheet__head-tile {
  width: 40px;
  height: 40px;
  border-radius: var(--wizon-ai-radius-menu-row);
  flex: 0 0 auto;
  background: var(--wizon-ai-surface-raised);
  color: var(--wizon-ai-text-secondary);
  display: grid;
  place-items: center;
}
.wizon-sheet__head-tile svg {
  width: 20px;
  height: 20px;
}
.wizon-sheet__head-meta {
  min-width: 0;
  flex: 1 1 auto;
}
.wizon-sheet__title {
  display: flex;
  align-items: center;
  gap: var(--ds-space-2);
  min-width: 0;
  font-size: var(--ds-text-body-15);
  font-weight: 600;
  line-height: 20px;
  color: var(--wizon-ai-text-primary);
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.wizon-sheet__title-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.wizon-sheet__desc {
  display: block;
  font-size: var(--ds-text-caption-12);
  line-height: 16px;
  color: var(--wizon-ai-text-muted);
  margin-top: 2px;
}
.wizon-sheet__label {
  padding: var(--ds-space-3) var(--ds-space-5) 6px;
  font-size: var(--ds-text-micro-11);
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--wizon-ai-text-muted);
  line-height: 14px;
}
.wizon-sheet__group {
  margin: 0 var(--ds-space-3);
  border-radius: var(--ds-radius-md);
  background: var(--wizon-ai-surface-group);
  box-shadow: var(--wizon-ai-lift-2);
  overflow: hidden;
}
.wizon-sheet__group + .wizon-sheet__group {
  margin-top: var(--ds-space-3);
}
.wizon-sheet__meta {
  margin: var(--ds-space-3) var(--ds-space-5) 0;
  font-size: var(--ds-text-caption-12);
  line-height: 16px;
  color: var(--wizon-ai-text-muted);
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.wizon-sheet:focus-visible {
  outline: 2px solid var(--wizon-ai-focus-visible-ring);
  outline-offset: -2px;
}

/* ══ ⑤ 상태 칩 / 배지 (primitives.md ⑤) ═══════════════════════════════════ */
.wizon-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border: 0;
  font-family: inherit;
  white-space: nowrap;
}
.wizon-chip__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex: 0 0 auto;
}
.wizon-chip--status {
  height: 22px;
  padding: 0 8px;
  border-radius: var(--wizon-ai-radius-control);
  font-size: var(--ds-text-micro-11);
  font-weight: 600;
  background: var(--wizon-ai-surface-raised);
  color: var(--wizon-ai-text-muted);
}
.wizon-chip--format {
  height: 20px;
  padding: 0 7px;
  border-radius: var(--ds-radius-pill);
  font-size: var(--ds-text-micro-10);
  font-weight: 600;
  letter-spacing: 0.04em;
  background: var(--wizon-ai-surface-raised);
  color: var(--wizon-ai-text-muted);
}
.wizon-chip--value {
  height: 26px;
  padding: 0 11px;
  border-radius: var(--wizon-ai-radius-control);
  font-size: var(--ds-text-caption-13);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  background: color-mix(in srgb, var(--wizon-chip-accent, currentColor) 18%, transparent);
  color: var(--wizon-chip-accent, currentColor);
}
.wizon-chip[data-interactive="true"] {
  cursor: pointer;
}
.wizon-chip[aria-disabled="true"] {
  opacity: 0.6;
}
.wizon-chip[data-interactive="true"]:focus-visible {
  outline: 2px solid var(--wizon-ai-focus-visible-ring);
  outline-offset: 2px;
}

/* ══ ⑥ 세그먼트 컨트롤 / 탭 (primitives.md ⑥) ═════════════════════════════ */
.wizon-seg {
  display: flex;
  align-items: center;
  gap: 4px;
}
.wizon-seg[data-wiz-tone="paper"],
.wizon-seg:not([data-wiz-tone]) {
  background: var(--wizon-ai-surface-track);
  box-shadow: var(--wizon-ai-sunk);
  border-radius: var(--wizon-ai-radius-popover);
  padding: 4px;
}
.wizon-seg[data-wiz-tone="ink"] {
  background: transparent;
  padding: 0;
}
.wizon-seg__item {
  border: 0;
  background: transparent;
  font-family: inherit;
  font-size: var(--ds-text-caption-12);
  font-weight: 500;
  cursor: pointer;
  color: var(--wizon-ai-text-muted);
}
.wizon-seg[data-wiz-tone="paper"] .wizon-seg__item,
.wizon-seg:not([data-wiz-tone]) .wizon-seg__item {
  min-width: 56px;
  min-height: 44px;
  padding: 0 10px;
  border-radius: var(--wizon-ai-menu-radius);
}
.wizon-seg[data-wiz-tone="paper"] .wizon-seg__item[aria-selected="true"],
.wizon-seg:not([data-wiz-tone]) .wizon-seg__item[aria-selected="true"] {
  background: var(--wizon-ai-surface-group);
  box-shadow: var(--wizon-ai-lift-2);
  font-weight: 600;
  color: var(--wizon-ai-text-primary);
}
.wizon-seg[data-wiz-tone="ink"] .wizon-seg__item {
  flex: 1 1 0;
  padding: 6px 0;
  border-radius: var(--wizon-ai-radius-control);
  font-weight: 600;
  background: var(--wizon-ai-tone-hairline);
  color: var(--wizon-ai-tone-ink-2);
}
.wizon-seg[data-wiz-tone="ink"] .wizon-seg__item[aria-selected="true"] {
  background: color-mix(in srgb, white 14%, transparent);
  color: var(--wizon-ai-tone-ink-1);
}
.wizon-seg__item[disabled] {
  opacity: 0.32;
  cursor: default;
}
.wizon-seg__item:focus-visible {
  outline: 2px solid var(--wizon-ai-focus-visible-ring);
  outline-offset: -2px;
}
.wizon-seg__track {
  overflow-x: auto;
  scroll-snap-type: x proximity; /* ★mandatory 로 바꾸지 마라 — test_static_contract 고정 (k2-plan.md §5-2) */
  scrollbar-width: none;
}
.wizon-seg__track::-webkit-scrollbar {
  display: none;
}

/* ══ ⑦ 헤더 / 타이틀바 (primitives.md ⑦) ══════════════════════════════════ */
.wizon-titlebar {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  align-items: center;
  column-gap: var(--ds-space-2);
  padding: var(--ds-space-2);
  height: 61px;
  box-sizing: border-box;
  border-bottom: 1px solid var(--wizon-ai-popover-border);
  background: var(--wizon-ai-surface-sheet);
}
.wizon-titlebar__lead {
  width: 44px;
  height: 44px;
  border: 0;
  background: transparent;
  border-radius: var(--wizon-ai-menu-radius);
  color: var(--wizon-ai-text-primary);
  display: grid;
  place-items: center;
  cursor: pointer;
}
.wizon-titlebar__identity {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.wizon-titlebar__title {
  font-size: var(--ds-text-body-15);
  font-weight: 600;
  line-height: 20px;
  color: var(--wizon-ai-text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.wizon-titlebar__subline {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: var(--ds-text-caption-12);
  line-height: 16px;
  color: var(--wizon-ai-text-muted);
}
.wizon-titlebar__subline-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex: 0 0 auto;
}
.wizon-titlebar__actions {
  display: flex;
  align-items: center;
  gap: var(--ds-space-2);
  justify-self: end;
}
.wizon-titlebar__action {
  border: 0;
  cursor: pointer;
  font-family: inherit;
}
.wizon-titlebar__action--primary {
  height: 44px;
  min-width: 60px;
  padding: 0 var(--ds-space-3);
  border-radius: var(--ds-radius-pill);
  background: var(--wizon-ai-surface-raised);
  box-shadow: var(--wizon-ai-lift-1);
  color: var(--wizon-ai-text-primary);
  font-size: var(--ds-text-caption-13);
  font-weight: 600;
}
.wizon-titlebar__action--primary[aria-expanded="true"] {
  background: var(--wizon-ai-action-primary-bg);
  color: var(--wizon-ai-action-primary-fg);
  box-shadow: none;
}
.wizon-titlebar__action--secondary {
  width: 44px;
  height: 44px;
  background: transparent;
  display: grid;
  place-items: center;
}
.wizon-titlebar__action--secondary-face {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--wizon-ai-surface-raised);
  box-shadow: var(--wizon-ai-lift-1);
  display: grid;
  place-items: center;
  color: var(--wizon-ai-text-secondary);
}
.wizon-titlebar__lead:focus-visible,
.wizon-titlebar__action:focus-visible {
  outline: 2px solid var(--wizon-ai-focus-visible-ring);
  outline-offset: -2px;
}
@media (min-width: 901px) {
  .wizon-titlebar__identity {
    align-items: flex-start;
    text-align: left;
  }
  .wizon-titlebar__subline {
    display: none;
  }
}

/* ══ ⑧ 빈 / 스켈레톤 / 오류 상태 (primitives.md ⑧) ════════════════════════ */
.wizon-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: var(--ds-space-3);
  padding: 32px var(--ds-space-5);
}
.wizon-state__glyph {
  width: 48px;
  height: 48px;
  border-radius: var(--wizon-ai-menu-radius);
  background: var(--wizon-ai-surface-raised);
  color: var(--wizon-ai-text-muted);
  display: grid;
  place-items: center;
}
.wizon-state__title {
  font-size: var(--ds-text-body-15);
  font-weight: 600;
  line-height: 20px;
  color: var(--wizon-ai-text-primary);
}
.wizon-state__body {
  font-size: var(--ds-text-caption-13);
  font-weight: 400;
  line-height: 18px;
  color: var(--wizon-ai-text-muted);
  max-width: 32ch;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.wizon-state__action {
  height: 44px;
  padding: 0 var(--ds-space-5);
  border: 0;
  border-radius: var(--ds-radius-pill);
  background: var(--wizon-ai-surface-raised);
  color: var(--wizon-ai-text-primary);
  font-size: var(--ds-text-caption-13);
  font-weight: 600;
  cursor: pointer;
}
.wizon-state[data-kind="error"] .wizon-state__glyph {
  color: var(--wds-color-error-text);
}
.wizon-state[data-kind="denied"] .wizon-state__glyph {
  color: var(--wizon-ai-text-muted-2);
}
.wizon-state[data-kind="loading"] .wizon-state__glyph {
  display: none; /* loading 은 셰이머 바 3줄로 대체 — 글리프 없음(primitives.md ⑧) */
}
.wizon-state__shimmer {
  width: 100%;
  max-width: 220px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.wizon-state__shimmer i {
  display: block;
  height: 10px;
  border-radius: var(--ds-radius-pill);
  background: var(--wizon-ai-surface-raised);
}
@container (max-width: 280px) {
  .wizon-state__glyph {
    width: 40px;
    height: 40px;
  }
  .wizon-state__body {
    font-size: var(--ds-text-caption-12);
  }
}
.wizon-state__action:focus-visible {
  outline: 2px solid var(--wizon-ai-focus-visible-ring);
  outline-offset: 2px;
}

/* ══ ① 눌림 피드백 — 역할 기반 경계 + opt-out (primitives.md §①, 20260910-motion-m5) ══════════
 * 20260710-motion-m4 가 여기로 이관됐다(styles.css 의 옛 자리에 흔적 주석 有). 표현 자체(두 폼:
 * 축소 .wds-pressed / 면 .wds-pressed-fill, 140ms, ease-out, pointer:coarse 게이트)는 바뀌지
 * 않았다 — 바뀐 것은 "누가 이 클래스를 받을 자격이 있는가"뿐이다. app.js 가 이제
 * TAP_FEEDBACK_SCALE_SELECTOR/TAP_FEEDBACK_FILL_SELECTOR 를 클래스 26+2 나열이 아니라 역할
 * (button/[role]/a[href]/[data-press="on"])로 정의하므로(주석은 app.js 쪽에 전문), 이 CSS 의
 * 전환 선언 셀렉터도 같은 역할 목록으로 넓힌다 — 폭을 재는 것은 여전히 JS 의 closest() 한 곳뿐,
 * CSS 는 "붙은 클래스가 어느 폼인가"만 그린다.
 *
 * ★body.chatgpt-reference-v1 접두사를 붙이지 않는다(고의, primitives.md §① 회귀위험 1). 그
 *   클래스는 index.html:75 에 정적으로 붙어 실제 포털에서는 항상 참이지만, 로그인 없는 QA
 *   하네스·목업·시뮬레이터 스크린샷 화면에는 없어서 「구현했는데 하네스에서 안 보임」으로
 *   오판된다. 이 파일은 상위 규약대로 `--cg-*` 를 참조하지 않는다(0건).
 * ★면(.wds-pressed-fill)은 계산 스타일로 검증할 수 없다 — transition: background-color 때문에
 *   페인트하지 않는 브라우저 패널에서 시작값(투명)에 얼어붙는다. 판정은 iOS 시뮬레이터 /
 *   Android 에뮬레이터 픽셀로만, CDP 실입력 주입으로(합성 TouchEvent 는 무반응).
 */
@media (pointer: coarse) {
  /* 축소(press-scale) 그룹 — TAP_FEEDBACK_SCALE_SELECTOR 와 동일한 역할 목록.
   * ★20260910-k2-s1c(면 눌림 수리 1/2): 바깥 button:not(...) 절에 :not([role="menuitem"]) 을
   * 더했다. role=menuitem 은 항상 아래 FILL 군 소속(상호배타, primitives.md §①)인데 이 절이
   * 무조건 매치해 <button role="menuitem"> 에서 같은 `transition` 속성을 두고 아래 FILL 절과
   * 특이도 싸움이 났다 — button:not():not() 은 (0,2,1), FILL 의 [role="menuitem"] 은 (0,1,0)이라
   * 이 절이 이겨 `scale` 만 남기고 FILL 의 `background-color, box-shadow` 선언을 통째로
   * 지웠다(Android 실기기 실측 transitionProperty==='scale', K2-S1-b QA gate.md). */
  button:not([disabled]):not([data-press="off"]):not([role="menuitem"]),
  [role="button"],
  [role="menuitemradio"],
  [role="tab"],
  [role="option"],
  a[href],
  [data-press="on"] {
    transition: scale var(--wizon-motion-fast, 140ms) ease-out;
  }
  .wds-pressed {
    scale: 0.96;
  }
  /* 면(press-surface) 그룹 — 리스트 행 · [role="menuitem"] · 폭 넓은 항목(k2-plan.md §4 S1) —
     TAP_FEEDBACK_FILL_SELECTOR 와 동일. 폭 358px 짜리 행이 통째로 줄어들면 화면이 움직여
     어색하고, iOS 목록 행의 규범은 축소가 아니라 «채움»이다.
   * ★20260910-k2-s1c(면 눌림 수리 2/2): transition 과 .wds-pressed-fill 의 background/box-shadow
   * 를 !important 로 선언한다. 위 SCALE 절 특이도 배제만으론 부족했다 — 실측(index.html 전체를
   * 실 브라우저로 로드, pointer:coarse 에뮬레이션)해 보니 role=menuitem 버튼을 담는 메뉴
   * 컨테이너 전부(계정·대화·컴포저·reasoning·사이드바 더보기·표 더보기, `.recent-item`/
   * `.chatgpt-library-row` 도 자기 :hover 규칙으로 동일)가 이미 컨테이너 스코프의
   * `background`(특이도 0,1,1~0,2,2)나 `:hover`(0,2,1 이상) 규칙을 갖고 있어, 단일 클래스
   * `.wds-pressed-fill`(0,1,0)은 셀렉터를 아무리 좁혀도 구조적으로 못 이긴다 — 이 코드베이스는
   * "컨테이너마다 자기 스코프에서 button 배경을 선언"하는 게 반복 패턴이라, 새 메뉴 컨테이너가
   * 생길 때마다 같은 결함이 재발한다. !important 로 이 상태 유틸리티가 항상 이기게 고정한다
   * (JS 가 pointerup/cancel 에 즉시 떼는 일시 상태 클래스라 다른 배경 규칙을 영구히 가리지
   * 않는다 — clearTapPressed, app.js:1171). */
  [role="menuitem"],
  .wizon-row,
  .recent-item,
  .chatgpt-library-row {
    transition:
      background-color var(--wizon-motion-fast, 140ms) ease-out,
      box-shadow var(--wizon-motion-fast, 140ms) ease-out !important;
  }
  .wds-pressed-fill {
    background: var(--wizon-ai-surface-press) !important;
    box-shadow: var(--wizon-ai-sunk) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wizon-state__shimmer i {
    animation: none !important;
  }
  /* ① 눌림 피드백(위)의 축소 예외 — 새 prefers-reduced-motion 블록을 만들지 않고 기존 블록에
     얹는다(공통 규약, primitives.md 머리말). 면(.wds-pressed-fill)은 모션이 아니라 상태 표시라
     여기서 끄지 않는다 — 끄면 피드백이 0이 된다(primitives.md §① 접근성). */
  .wds-pressed {
    scale: 1;
  }
}