유스케이스 TDD 16테마 스펙과 접근성 제품 결함 수정

- 지원 티켓 작성 UI 신설(설정)·관리자 해결 노트 입력 신설(Admin): 서버 계약은 있었으나
  웹 진입점이 없던 2결함
- a11y: outline 채널 포커스 링(ui/shell css), 세션바 44px 터치 타깃, 청록 하드코딩
  그라디언트를 테마 토큰으로 교체, 설정 라벨/헤딩/대비·리뷰 44px·모바일 오버플로 수정
- uc-*.spec.ts 16테마 239 시나리오 신규(수집 1109 tests/61 files), 기존 스펙 5종 계약 드리프트 교정
- breakpoint-sweep: widthsFor 솎아내기가 실기기 대표 폭(360/390/1024)을 탈락시키는 테스트 결함 수정
  — keep 시드를 전체 DEVICE_WIDTHS로, 3연폭 예외는 솎아내기 발생 여부 기준으로
- 검증: tsc PASS, 병렬 게이트 1040 passed(데스크톱 밀도 충돌 1건 해소 후 focused 68/68 GREEN),
  직렬 게이트 52/5/4 삼각화 — breakpoint(테스트 결함)·kb(낡은 dev API 재기동)·voice(일시적) 해소,
  교사 재평가 2건은 엔진 구독 한도(resets 3pm)로 skip 후 재검증 대기
- 문서/SSOT: HANDOFF·TODO·대시보드·testing 가이드 동기화, 증거 usecase-tdd-2026-08-18.json,
  SSOT 체커 PASS(59)

apps/web/src/pages/settings/settings.css

@@ -1542,6 +1542,34 @@ body[data-page="settings"] .vg-set__ticket-note b {
 body[data-page="settings"] .vg-set__ticket-note--empty {
   color: var(--text-muted);
 }
+/* 지원 요청 작성 — 목록 위에서 새 티켓을 접수하는 인라인 폼. */
+body[data-page="settings"] .vg-set__support-head-ops {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+}
+body[data-page="settings"] .vg-set__support-compose {
+  display: grid;
+  gap: 10px;
+  margin-bottom: var(--sp-4);
+  padding: 12px;
+  border-radius: var(--radius);
+}
+body[data-page="settings"] .vg-set__support-textarea {
+  resize: vertical;
+  line-height: 1.55;
+}
+body[data-page="settings"] .vg-set__support-compose-foot {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--sp-4);
+}
+body[data-page="settings"] .vg-set__support-compose-foot > span {
+  color: var(--text-muted);
+  font-size: var(--fs-xs);
+  line-height: 1.45;
+}
 body[data-page="settings"] .vg-set__foot {
   margin-top: 12px;
   padding-top: 12px;