/**
 * AI CineCatch — 공개 작품 등록 페이지 전용 스타일
 * submit-work-* 클래스만 사용 (common.css 대규모 수정 없음)
 *
 * 시각 계층: 페이지(가장 어두움) → 섹션 카드 → 입력 표면
 */

/* ── 톤 토큰 (마이페이지와 동일 계열) ── */
body[data-page="submit-work"] {
  --sw-bg-page: #0a0c10;
  --sw-bg-panel: linear-gradient(145deg, rgba(255, 255, 255, 0.045) 0%, rgba(255, 255, 255, 0.022) 100%);
  --sw-bg-panel-flat: rgba(255, 255, 255, 0.028);
  --sw-bg-input: rgba(255, 255, 255, 0.055);
  --sw-bg-input-hover: rgba(255, 255, 255, 0.07);
  --sw-bg-chip-group: rgba(255, 255, 255, 0.018);
  --sw-border-panel: rgba(255, 255, 255, 0.065);
  --sw-border-input: rgba(255, 255, 255, 0.075);
  --sw-border-soft: rgba(255, 255, 255, 0.04);
  --sw-text-label: rgba(255, 255, 255, 0.92);
  --sw-text-hint: rgba(255, 255, 255, 0.48);
  --sw-text-muted: rgba(255, 255, 255, 0.55);
  --sw-text-placeholder: rgba(255, 255, 255, 0.38);
  --sw-shadow-panel: 0 4px 22px rgba(0, 0, 0, 0.22);
  --sw-radius-panel: 14px;
  --sw-radius-input: 10px;
  /* fixed step nav 높이(≈56px) + 에러 문구 여유 — 본문 하단 가림 방지 */
  --sw-step-nav-safe: 76px;
  /* 모바일 fixed #mainHeader(1행 + 검색 2행, common.css @768) + 상단 여유 */
  --sw-mobile-header-offset: calc(108px + env(safe-area-inset-top, 0px));
  background-color: var(--sw-bg-page) !important;
  background:
    radial-gradient(circle at 16% 6%, rgba(245, 158, 11, 0.075), transparent 26%),
    radial-gradient(circle at 84% 10%, rgba(99, 102, 241, 0.07), transparent 28%),
    linear-gradient(180deg, #070a0f 0%, #090d14 48%, #070a0f 100%) !important;
}

/* ── 레이아웃 ── */
body[data-page="submit-work"] #mobileFilterBtn {
  display: none !important;
}

body[data-page="submit-work"] .portal-layout-container.submit-work-page,
body[data-page="submit-work"] .portal-layout-container.submit-work-page-layout {
  display: block !important;
  grid-template-columns: none !important;
  max-width: 1560px !important;
  width: 100% !important;
  margin: 110px auto 80px !important;
  padding: 0 24px 100px !important;
  box-sizing: border-box !important;
}

.submit-work-shell {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
}

.submit-work-body-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 32px;
  /* stretch(기본): 메인 열 높이만큼 사이드바 그리드 셀 확장 → sticky 동작 */
}

.submit-work-main {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
}

/* ── 히어로 (연재 시리즈 #seriesOngoingHeroBanner와 동일 톤) ── */
.submit-work-hero {
  position: relative;
  overflow: hidden;
  padding: 24px !important;
  margin-bottom: 0;
  background: #0c0b0e !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
}

.submit-work-hero-bg {
  position: absolute;
  inset: 0;
  opacity: 0.35;
  z-index: 1;
  pointer-events: none;
}

.submit-work-hero-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(12, 11, 14, 0.98) 0%, rgba(12, 11, 14, 0.85) 30%, rgba(12, 11, 14, 0.45) 70%, rgba(12, 11, 14, 0.95) 100%),
    linear-gradient(0deg, rgba(12, 11, 14, 0.9) 0%, rgba(12, 11, 14, 0.15) 100%);
  z-index: 2;
  pointer-events: none;
}

.submit-work-hero-inner {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
}

.submit-work-hero-eyebrow {
  margin: 0;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(232, 149, 40, 0.85);
}

.submit-work-hero-title {
  margin: 0;
  font-size: clamp(1.65rem, 3vw, 2.1rem);
  font-weight: 800;
  background: linear-gradient(135deg, #ffd175 0%, #e89528 50%, #b55a00 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: -0.01em;
  line-height: 1.2;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.9)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.8));
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.submit-work-hero-desc {
  margin-top: 4px;
}

/* 언어별 2단락 — 단락 간격을 줄 간격보다 크게 */
.submit-work-hero-desc-block {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: 780px;
}

.submit-work-hero-desc-para {
  font-size: 0.92rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.55;
  margin: 0;
  font-weight: 500;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
}

html[lang="ko"] .submit-work-hero-desc-block.lang-ko .submit-work-hero-desc-para {
  word-break: keep-all;
  overflow-wrap: break-word;
}

/* ── 패널 (섹션 카드 — 페이지보다 한 단계 밝음) ── */
.submit-work-panel {
  background: var(--sw-bg-panel);
  border: 1px solid var(--sw-border-panel);
  border-radius: var(--sw-radius-panel);
  padding: 24px 22px;
  box-shadow: var(--sw-shadow-panel);
}

.submit-work-panel-title {
  font-size: 1.02rem;
  font-weight: 800;
  margin: 0 0 20px;
  color: #fff;
  letter-spacing: -0.01em;
  line-height: 1.3;
}

/* ── 섹션 상단 컬러 액센트 (마이페이지 등록현황 좌측 바 → 상단 슬림 라인) ── */
.submit-work-panel--accent {
  position: relative;
  overflow: hidden;
}

.submit-work-panel--accent::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  z-index: 2;
  pointer-events: none;
  border-radius: var(--sw-radius-panel) var(--sw-radius-panel) 0 0;
}

/* 제출자 유형 — 인디고 (역할·신원) */
.submit-work-panel--accent-submitter::before {
  background: linear-gradient(90deg, rgba(129, 140, 248, 0.15) 0%, #818cf8 35%, #818cf8 65%, rgba(129, 140, 248, 0.15) 100%);
}

/* 등록 URL — 스카이 블루 (링크·출처) */
.submit-work-panel--accent-url::before {
  background: linear-gradient(90deg, rgba(56, 189, 248, 0.15) 0%, #38bdf8 35%, #38bdf8 65%, rgba(56, 189, 248, 0.15) 100%);
}

/* 작품 정보 다국어 — 골드 (핵심 콘텐츠) */
.submit-work-panel--accent-i18n::before {
  background: linear-gradient(90deg, rgba(242, 193, 78, 0.12) 0%, #f2c14e 35%, #d4a359 65%, rgba(242, 193, 78, 0.12) 100%);
}

/* 작품 분류 — 오렌지 (장르·태그·분류) */
.submit-work-panel--accent-classify::before {
  background: linear-gradient(90deg, rgba(251, 146, 60, 0.15) 0%, #fb923c 35%, #fb923c 65%, rgba(251, 146, 60, 0.15) 100%);
}

/* 시리즈 / 에피소드 — 틸 (연재 구조) */
.submit-work-panel--accent-series::before {
  background: linear-gradient(90deg, rgba(45, 212, 191, 0.15) 0%, #2dd4bf 35%, #2dd4bf 65%, rgba(45, 212, 191, 0.15) 100%);
}

/* 크리에이터 — 퍼플 (제작자·채널) */
.submit-work-panel--accent-creator::before {
  background: linear-gradient(90deg, rgba(192, 132, 252, 0.15) 0%, #c084fc 35%, #c084fc 65%, rgba(192, 132, 252, 0.15) 100%);
}

/* 검수 요청 CTA — 오렌지·골드 (제출 액션) */
.submit-work-panel--accent-submit::before {
  background: linear-gradient(90deg, rgba(234, 88, 12, 0.2) 0%, #ea580c 30%, #f2c14e 70%, rgba(242, 193, 78, 0.2) 100%);
}

/* 권리 / 정책 — 에메랄드 (확인·동의) */
.submit-work-panel--accent-policy::before {
  background: linear-gradient(90deg, rgba(52, 211, 153, 0.15) 0%, #34d399 35%, #34d399 65%, rgba(52, 211, 153, 0.15) 100%);
}

/* 제작 정보 & 기술 스택 — 틸·시안 (wtool-tool-groups 내부 컬러 박스는 별도 유지) */
.submit-work-panel--production.submit-work-panel--accent::before {
  background: linear-gradient(90deg, rgba(45, 212, 191, 0.14) 0%, #2dd4bf 28%, #38bdf8 72%, rgba(56, 189, 248, 0.14) 100%);
}

/* 자동 수집 미리보기(.submit-work-preview-panel) — 상단 액센트 없음 */

.submit-work-panel-head-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}

.submit-work-panel-head-row .submit-work-panel-title {
  margin-bottom: 0;
}

/* 모바일 안내 — 탭 위젯 강조 (진행 상태 카드와 동일 톤) */
.submit-work-mobile-aside .submit-work-mobile-guide {
  border-color: rgba(242, 193, 78, 0.14);
  background: linear-gradient(145deg, rgba(242, 193, 78, 0.045) 0%, rgba(255, 255, 255, 0.028) 100%);
}

/* ── 제출자 카드 ── */
.submit-work-submitter-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.submit-work-submitter-card {
  padding: 18px;
  border-radius: 12px;
  border: 1px solid var(--sw-border-soft);
  background: var(--sw-bg-input);
  cursor: pointer;
  text-align: left;
  width: 100%;
  font: inherit;
  color: inherit;
  transition: border-color 0.2s, background 0.2s;
}

.submit-work-submitter-card:hover {
  border-color: rgba(242, 193, 78, 0.28);
  background: var(--sw-bg-input-hover);
}

.submit-work-submitter-card.is-active {
  border-color: rgba(242, 193, 78, 0.48);
  background: rgba(242, 193, 78, 0.09);
  box-shadow: none;
}

.submit-work-submitter-card--accent {
  border-color: rgba(242, 193, 78, 0.2);
  background: rgba(242, 193, 78, 0.04);
}

.submit-work-submitter-name {
  font-size: 0.95rem;
  font-weight: 700;
  margin: 0 0 8px;
}

.submit-work-submitter-desc {
  font-size: 0.8rem;
  color: var(--sw-text-muted);
  line-height: 1.55;
  margin: 0 0 10px;
}

.submit-work-submitter-badge {
  display: inline-block;
  font-size: 0.68rem;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(234, 88, 12, 0.12);
  color: var(--accent-orange);
  border: 1px solid rgba(234, 88, 12, 0.22);
}

.submit-work-login-hint {
  font-size: 0.78rem;
  color: var(--sw-text-hint);
  margin: 16px 0 0;
}

/* ── 소스 선택 ── */
.submit-work-source-wrap {
  margin-top: 24px;
  padding-top: 0;
  border-top: none;
}

.submit-work-source-wrap-label {
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--sw-text-muted);
  margin: 0 0 12px;
}

.submit-work-url-detected {
  font-size: 0.75rem;
  color: var(--accent-gold);
  margin: 8px 0 0;
  font-weight: 600;
}

.submit-work-source-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.submit-work-source-grid--alt {
  grid-template-columns: 1fr 1fr;
}

.submit-work-source-btn {
  text-align: left;
  padding: 14px 16px;
  border-radius: 12px;
  border: 1px solid var(--sw-border-soft);
  background: var(--sw-bg-input);
  color: inherit;
  cursor: pointer;
  transition: border-color 0.2s, background 0.2s;
  min-height: 72px;
}

.submit-work-source-btn:hover {
  border-color: rgba(242, 193, 78, 0.28);
  background: var(--sw-bg-input-hover);
}

.submit-work-source-btn.is-active {
  border-color: rgba(242, 193, 78, 0.48);
  background: rgba(242, 193, 78, 0.09);
  box-shadow: none;
}

.submit-work-source-label {
  display: block;
  font-weight: 700;
  font-size: 0.9rem;
  margin-bottom: 4px;
}

.submit-work-source-desc {
  display: block;
  font-size: 0.72rem;
  color: var(--sw-text-hint);
  line-height: 1.45;
}

/* ── 폼 (입력 표면 — 섹션보다 한 단계 밝음) ── */
.submit-work-label {
  display: block;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--sw-text-label);
  margin-bottom: 8px;
}

.submit-work-input,
.submit-work-textarea,
.submit-work-select {
  width: 100%;
  box-sizing: border-box;
  min-height: 44px;
  padding: 11px 14px;
  border-radius: var(--sw-radius-input);
  border: 1px solid var(--sw-border-input);
  background: var(--sw-bg-input);
  color: #fff;
  font-size: 0.88rem;
  font-family: inherit;
  transition: border-color 0.18s, background 0.18s, box-shadow 0.18s;
}

.submit-work-input::placeholder,
.submit-work-textarea::placeholder {
  color: var(--sw-text-placeholder);
}

.submit-work-textarea {
  min-height: 104px;
  padding: 14px 14px;
  line-height: 1.58;
  resize: vertical;
}

.submit-work-input:focus,
.submit-work-textarea:focus,
.submit-work-select:focus {
  outline: none;
  border-color: rgba(242, 193, 78, 0.42);
  background: var(--sw-bg-input-hover);
  box-shadow: 0 0 0 2px rgba(242, 193, 78, 0.08);
}

/* 조건 충족(값 입력) 시 포커스 해제 후에도 골드 테두리 유지 */
.submit-work-input.is-filled:not(:focus),
.submit-work-textarea.is-filled:not(:focus),
.submit-work-select.is-filled:not(:focus) {
  border-color: rgba(242, 193, 78, 0.42);
  background: var(--sw-bg-input-hover);
  box-shadow: 0 0 0 2px rgba(242, 193, 78, 0.08);
}

/* 기존 크리에이터 연결 시 크리에이터명 readonly 표시 */
.submit-work-input.is-readonly-linked {
  background: rgba(242, 193, 78, 0.06);
  border-color: rgba(242, 193, 78, 0.35);
  color: rgba(255, 255, 255, 0.88);
  cursor: default;
}

.submit-work-label-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 8px;
}

.submit-work-label-row .submit-work-label {
  margin-bottom: 0;
}

.submit-work-linked-badge {
  display: inline-flex;
  align-items: center;
  font-size: 0.68rem;
  font-weight: 700;
  padding: 3px 9px;
  border-radius: 999px;
  background: rgba(242, 193, 78, 0.12);
  border: 1px solid rgba(242, 193, 78, 0.32);
  color: var(--accent-gold);
}

/* hidden 속성 — display:inline-flex가 UA hidden(display:none)을 덮어쓰지 않도록 */
.submit-work-linked-badge[hidden] {
  display: none !important;
}

.submit-work-check.is-disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.submit-work-check.is-disabled input {
  cursor: not-allowed;
}

.submit-work-field {
  margin-bottom: 22px;
}

.submit-work-field:last-child {
  margin-bottom: 0;
}

.submit-work-field-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 22px;
}

.submit-work-field-row:last-child {
  margin-bottom: 0;
}

.submit-work-field-row .submit-work-field {
  margin-bottom: 0;
}

.submit-work-hint {
  font-size: 0.72rem;
  color: var(--sw-text-hint);
  margin: 8px 0 0;
  line-height: 1.5;
}

.submit-work-url-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.submit-work-url-row .submit-work-input {
  flex: 1 1 200px;
  min-width: 0;
}

/* ── 버튼 ── */
.submit-work-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 18px;
  border-radius: 10px;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid transparent;
  transition: opacity 0.2s, transform 0.15s;
  white-space: nowrap;
}

.submit-work-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.submit-work-btn--primary {
  background: var(--sw-bg-input);
  border-color: var(--sw-border-input);
  color: #fff;
}

.submit-work-btn--ghost {
  background: rgba(255, 255, 255, 0.04);
  border-color: var(--sw-border-soft);
  color: var(--sw-text-muted);
}

.submit-work-btn--outline {
  background: transparent;
  border-color: rgba(242, 193, 78, 0.32);
  color: var(--accent-gold);
}

.submit-work-btn--cta {
  background: linear-gradient(135deg, #ea580c 0%, #d4a359 100%);
  color: #0c0b0e;
  font-weight: 800;
  padding: 0 28px;
  box-shadow: 0 4px 16px rgba(234, 88, 12, 0.18);
  border: none;
}

.submit-work-btn--cta:not(:disabled):hover {
  filter: brightness(1.05);
  box-shadow: 0 6px 20px rgba(234, 88, 12, 0.22);
}

.submit-work-btn--sm {
  min-height: 38px;
  padding: 0 12px;
  font-size: 0.75rem;
}

.submit-work-translate-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* ── 미리보기 ── */
.submit-work-preview-card {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.submit-work-preview-thumb-wrap {
  aspect-ratio: 16 / 9;
  border-radius: 10px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--sw-border-soft);
}

.submit-work-preview-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.submit-work-preview-original {
  font-size: 0.88rem;
  font-weight: 600;
  margin: 0 0 8px;
  color: rgba(255, 255, 255, 0.9);
}

.submit-work-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.submit-work-preview-suggested {
  font-size: 0.82rem;
  color: var(--accent-gold);
  margin: 0 0 12px;
}

.submit-work-preview-suggested-label {
  color: var(--text-muted);
  margin-right: 4px;
}

.submit-work-preview-dl {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 6px 12px;
  margin: 0;
  font-size: 0.78rem;
}

.submit-work-preview-dl dt {
  color: var(--sw-text-hint);
  margin: 0;
}

.submit-work-preview-dl dd {
  margin: 0;
  color: rgba(255, 255, 255, 0.88);
  word-break: break-all;
}

.submit-work-preview-link {
  color: var(--accent-gold);
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color 0.15s;
}

.submit-work-preview-link:hover {
  color: #ffd175;
}

.submit-work-meta-line {
  font-size: 0.78rem;
  color: var(--accent-gold);
  font-weight: 600;
}

/* ── 언어 탭 ── */
.submit-work-i18n-notice {
  font-size: 0.82rem;
  color: var(--sw-text-muted);
  margin: 0 0 8px;
  line-height: 1.55;
}

.submit-work-i18n-sub {
  font-size: 0.72rem;
  color: var(--sw-text-hint);
  margin: 0 0 18px;
}

.submit-work-lang-tabs {
  display: flex;
  gap: 4px;
  margin-bottom: 18px;
  border-bottom: 1px solid var(--sw-border-soft);
  padding-bottom: 0;
}

.submit-work-lang-tab {
  padding: 10px 16px;
  border: none;
  background: transparent;
  color: var(--sw-text-hint);
  font-weight: 600;
  font-size: 0.85rem;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  min-height: 44px;
  transition: color 0.15s;
}

.submit-work-lang-tab.is-active {
  color: var(--accent-gold);
  border-bottom-color: var(--accent-gold);
}

.submit-work-lang-panel {
  display: none;
}

.submit-work-lang-panel.is-active {
  display: block;
}

.submit-work-trans-badge {
  display: inline-block;
  font-size: 0.62rem;
  font-weight: 700;
  padding: 2px 6px;
  border-radius: 4px;
  margin-left: 6px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--text-muted);
  vertical-align: middle;
}

.submit-work-trans-badge.is-auto {
  background: rgba(59, 130, 246, 0.15);
  color: #93c5fd;
}

.submit-work-trans-badge.is-edited {
  background: rgba(234, 88, 12, 0.15);
  color: var(--accent-orange);
}

/* ── Chip 선택 (추천 묶음 / 입력 영역 분리) ── */
.submit-work-chip-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px 14px;
  margin-bottom: 12px;
  border-radius: var(--sw-radius-input);
  background: var(--sw-bg-chip-group);
}

.submit-work-chip-select {
  min-height: 36px;
  padding: 7px 14px;
  border-radius: 999px;
  border: 1px solid var(--sw-border-soft);
  background: rgba(255, 255, 255, 0.025);
  color: rgba(255, 255, 255, 0.62);
  font-size: 0.78rem;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s, color 0.15s;
  box-shadow: none;
}

.submit-work-chip-select:hover {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.78);
}

.submit-work-chip-select.is-active {
  border-color: rgba(242, 193, 78, 0.48);
  background: rgba(242, 193, 78, 0.12);
  color: #fff;
  box-shadow: none;
}

.submit-work-tag-input {
  margin-top: 0;
}

/* ── 선택된 chip (세부장르·태그) ── */
.submit-work-selected-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-height: 0;
  margin: 10px 0 4px;
}

.submit-work-selected-chips:empty {
  display: none;
}

.submit-work-chip-removable {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px 5px 12px;
  border-radius: 999px;
  border: 1px solid rgba(242, 193, 78, 0.45);
  background: rgba(242, 193, 78, 0.1);
  color: #fff;
  font-size: 0.76rem;
}

.submit-work-chip-removable-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
  color: var(--text-sub);
  font-size: 0.85rem;
  line-height: 1;
  cursor: pointer;
}

.submit-work-chip-removable-remove:hover {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}

.submit-work-chip-grid--preset {
  margin-bottom: 4px;
}

/* ── 검색형 autocomplete ── */
.submit-work-search-wrap {
  position: relative;
}

.submit-work-search-wrap--icon .submit-work-search-input {
  padding-right: 42px;
}

.submit-work-search-icon {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-muted);
  pointer-events: none;
}

.submit-work-search-results {
  position: absolute;
  z-index: 20;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  margin: 0;
  padding: 6px 0;
  list-style: none;
  border-radius: var(--sw-radius-input);
  border: 1px solid var(--sw-border-input);
  background: #151820;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  max-height: 220px;
  overflow-y: auto;
}

.submit-work-search-results li {
  padding: 10px 14px;
  font-size: 0.82rem;
  color: var(--text-sub);
  cursor: pointer;
  transition: background 0.12s;
}

.submit-work-search-results li:hover,
.submit-work-search-results li.is-focused {
  background: rgba(242, 193, 78, 0.1);
  color: #fff;
}

.submit-work-selected-chip {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
  padding: 10px 14px;
  border-radius: var(--sw-radius-input);
  border: 1px solid rgba(242, 193, 78, 0.28);
  background: rgba(242, 193, 78, 0.07);
}

.submit-work-selected-chip[hidden] {
  display: none !important;
}

.submit-work-selected-chip-label {
  font-size: 0.84rem;
  color: #fff;
  font-weight: 600;
}

.submit-work-selected-chip-remove {
  margin-left: auto;
  padding: 0 6px;
  border: none;
  background: transparent;
  color: var(--text-muted);
  font-size: 1.1rem;
  line-height: 1;
  cursor: pointer;
}

.submit-work-selected-chip-remove:hover {
  color: #fff;
}

/* ── 자막 언어 체크박스 ── */
.submit-work-checkbox-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.submit-work-check-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 13px;
  border-radius: 999px;
  border: 1px solid var(--sw-border-soft);
  background: rgba(255, 255, 255, 0.025);
  font-size: 0.76rem;
  color: rgba(255, 255, 255, 0.62);
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s, color 0.15s;
}

.submit-work-check-chip:has(input:checked) {
  border-color: rgba(242, 193, 78, 0.45);
  background: rgba(242, 193, 78, 0.1);
  color: #fff;
  box-shadow: none;
}

.submit-work-check-chip input {
  accent-color: var(--accent-gold);
  margin: 0;
}

/* ── 공개일 date picker ── */
.submit-work-date-wrap {
  position: relative;
}

.submit-work-date-input {
  padding-right: 42px;
  color-scheme: dark;
  cursor: pointer;
}

.submit-work-date-input::-webkit-calendar-picker-indicator {
  opacity: 0;
  position: absolute;
  right: 0;
  width: 42px;
  height: 100%;
  cursor: pointer;
  pointer-events: none;
}

.submit-work-date-trigger {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: var(--text-muted);
  cursor: pointer;
}

.submit-work-date-trigger:hover {
  color: var(--accent-gold);
  background: rgba(255, 255, 255, 0.06);
}

/* ── 시리즈 하위 입력 — 유형 선택에 종속됨을 나타내는 들여쓰기 ── */
.submit-work-series-subfields {
  margin-top: 4px;
  padding-left: 14px;
  border-left: 2px solid rgba(45, 212, 191, 0.14);
}

/* ── 시리즈 검색 + Season/Episode (flex: chip 선택 시 바로 뒤에 Season/Ep) ── */
.submit-work-series-search-row {
  margin-bottom: 22px;
}

.submit-work-series-inline-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.submit-work-series-search-row .submit-work-field {
  margin-bottom: 0;
}

.submit-work-field--num {
  min-width: 0;
}

.submit-work-field--num .submit-work-input--num {
  width: 100%;
  max-width: 92px;
}

.submit-work-input--num {
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}

/* ── 크리에이터명 / 기존 연결 — 라벨·입력 행 정렬 ── */
.submit-work-creator-dual {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto auto;
  gap: 8px 16px;
  margin-bottom: 22px;
}

.submit-work-creator-dual-head {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 8px;
  min-height: 2rem;
}

.submit-work-creator-dual-head .submit-work-label {
  margin-bottom: 0;
}

.submit-work-creator-dual-head--name {
  grid-column: 1;
  grid-row: 1;
}

.submit-work-creator-dual-head--link {
  grid-column: 2;
  grid-row: 1;
}

.submit-work-creator-dual-control--name {
  grid-column: 1;
  grid-row: 2;
}

.submit-work-creator-dual-control--link {
  grid-column: 2;
  grid-row: 2;
  min-height: 44px;
}

.submit-work-creator-dual-control .submit-work-input,
.submit-work-creator-dual-control .submit-work-search-wrap {
  width: 100%;
}

.submit-work-creator-dual-control--link .submit-work-selected-chip {
  margin-top: 8px;
}

.submit-work-creator-dual-hint {
  grid-column: 1;
  grid-row: 3;
  margin: 0;
}

/* ── 원어 + 자막 제공 언어 한 줄 (PC) ── */
.submit-work-field-row--lang-inline {
  align-items: start;
}

.submit-work-field--original-lang,
.submit-work-field--subtitle-langs {
  margin-bottom: 22px;
}

/* ── 시리즈 라디오 ── */
.submit-work-series-type {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-bottom: 20px;
}

.submit-work-radio-card {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 14px;
  border-radius: var(--sw-radius-input);
  border: 1px solid var(--sw-border-soft);
  background: var(--sw-bg-input);
  font-size: 0.8rem;
  color: var(--sw-text-muted);
  cursor: pointer;
  min-height: 44px;
  transition: border-color 0.15s, background 0.15s;
}

.submit-work-radio-card:has(input:checked) {
  border-color: rgba(242, 193, 78, 0.42);
  background: rgba(242, 193, 78, 0.08);
  color: rgba(255, 255, 255, 0.88);
}

.submit-work-check-row,
.submit-work-check-col {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.submit-work-check {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 0.82rem;
  color: var(--sw-text-muted);
  line-height: 1.55;
  cursor: pointer;
  padding: 4px 0;
}

.submit-work-check input {
  margin-top: 3px;
  flex-shrink: 0;
}

.submit-work-policy-intro {
  font-size: 0.82rem;
  color: var(--sw-text-muted);
  line-height: 1.58;
  margin: 0 0 18px;
  padding: 14px 16px;
  border-radius: var(--sw-radius-input);
  background: var(--sw-bg-chip-group);
  border: none;
}

/* ── CTA 하단 버튼 영역 ── */
.submit-work-actions-panel {
  padding: 20px 22px;
}

.submit-work-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: flex-end;
  align-items: center;
}

/* ── 완료 ── */
.submit-work-success-panel {
  text-align: center;
  padding: 32px 24px;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  border-color: rgba(34, 197, 94, 0.28);
  background: linear-gradient(145deg, rgba(34, 197, 94, 0.07) 0%, rgba(255, 255, 255, 0.025) 100%);
}

.submit-work-success-icon {
  width: 52px;
  height: 52px;
  margin: 0 auto 16px;
  border-radius: 50%;
  background: rgba(34, 197, 94, 0.2);
  color: #4ade80;
  font-size: 1.5rem;
  line-height: 52px;
  font-weight: 800;
}

.submit-work-success-title {
  font-size: 1.15rem;
  margin: 0 0 12px;
  overflow-wrap: anywhere;
}

.submit-work-success-list {
  text-align: left;
  width: 100%;
  max-width: 100%;
  margin: 0 0 20px;
  padding: 0 4px 0 1.15em;
  list-style-position: outside;
  box-sizing: border-box;
  font-size: 0.85rem;
  color: var(--text-sub);
  line-height: 1.55;
}

.submit-work-success-list li {
  overflow-wrap: anywhere;
  word-break: keep-all;
  padding-right: 2px;
}

.submit-work-success-panel .submit-work-btn {
  max-width: 100%;
}

/* ── 새 작품 등록 확인 ── */
.submit-work-confirm-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 16px;
  background: rgba(0, 0, 0, 0.62);
  backdrop-filter: blur(4px);
}

.submit-work-confirm-backdrop[hidden] {
  display: none !important;
}

.submit-work-confirm-dialog {
  width: min(100%, 340px);
  padding: 22px 18px 18px;
  border-radius: 14px;
  border: 1px solid rgba(242, 193, 78, 0.22);
  background: #141218;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
  box-sizing: border-box;
}

.submit-work-confirm-title {
  margin: 0 0 18px;
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
  text-align: center;
}

.submit-work-confirm-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.submit-work-confirm-actions .submit-work-btn {
  min-height: 42px;
  width: 100%;
}

/* ── 사이드바 (뷰포트 sticky — 내부 스크롤 없이 페이지와 함께 흐름) ── */
.submit-work-sidebar {
  position: sticky;
  top: 110px;
  align-self: start;
  display: flex;
  flex-direction: column;
  gap: 16px;
  z-index: 20;
}

.submit-work-aside-card {
  padding: 18px;
  border-radius: var(--sw-radius-panel);
  border: 1px solid var(--sw-border-panel);
  background: var(--sw-bg-panel);
  box-shadow: var(--sw-shadow-panel);
}

/* 제출 진행 상태 — 사이드바 내 최우선 강조 */
.submit-work-aside-card:first-child {
  border-color: rgba(242, 193, 78, 0.14);
  background: linear-gradient(145deg, rgba(242, 193, 78, 0.045) 0%, rgba(255, 255, 255, 0.028) 100%);
}

.submit-work-aside-title {
  font-size: 0.82rem;
  font-weight: 800;
  margin: 0 0 12px;
  color: var(--accent-gold);
  letter-spacing: -0.01em;
}

.submit-work-aside-card:first-child .submit-work-aside-title {
  font-size: 0.86rem;
}

.submit-work-steps {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.submit-work-steps li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.78rem;
  color: var(--sw-text-hint);
  line-height: 1.4;
}

.submit-work-steps li.is-active {
  color: rgba(255, 255, 255, 0.88);
  font-weight: 600;
}

.submit-work-steps li.is-done {
  color: rgba(242, 193, 78, 0.88);
  font-weight: 600;
}

.submit-work-step-num {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1px solid var(--sw-border-soft);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.68rem;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.02);
}

.submit-work-steps li.is-active .submit-work-step-num,
.submit-work-steps li.is-done .submit-work-step-num {
  border-color: rgba(242, 193, 78, 0.45);
  background: rgba(242, 193, 78, 0.1);
  color: var(--accent-gold);
}

.submit-work-aside-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
  font-size: 0.74rem;
  color: var(--sw-text-hint);
  line-height: 1.5;
}

/* ── 사이드바 체크리스트 row (미완료 · 완료) ── */
.submit-work-aside-row {
  position: relative;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 5px 8px 5px 6px;
  border-radius: 7px;
  border: 1px solid transparent;
  background: transparent;
  color: rgba(255, 255, 255, 0.38);
  overflow: hidden;
  transition:
    background 0.32s ease,
    color 0.32s ease,
    border-color 0.32s ease,
    box-shadow 0.32s ease;
}

/* 미완료 — gray dot */
.submit-work-aside-row-mark {
  position: relative;
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  margin-left: 3px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.18);
  transition:
    width 0.32s ease,
    height 0.32s ease,
    margin 0.32s ease,
    background 0.32s ease,
    border-color 0.32s ease,
    transform 0.32s ease;
}

.submit-work-aside-row-label {
  flex: 1;
  min-width: 0;
  line-height: 1.45;
}

/* 완료 — check · 밝은 텍스트 · 은은한 glow */
.submit-work-aside-row.is-done {
  color: rgba(255, 255, 255, 0.9);
  font-weight: 600;
  background: rgba(255, 255, 255, 0.045);
  border-color: rgba(242, 193, 78, 0.1);
  box-shadow: inset 0 0 0 1px rgba(242, 193, 78, 0.04);
}

.submit-work-aside-row.is-done::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 28px;
  height: 80%;
  transform: translateY(-50%);
  background: radial-gradient(ellipse at right center, rgba(242, 193, 78, 0.22) 0%, transparent 72%);
  pointer-events: none;
  opacity: 0.85;
  transition: opacity 0.32s ease;
}

.submit-work-aside-row.is-done .submit-work-aside-row-mark {
  width: 14px;
  height: 14px;
  margin-left: 0;
  border: 1px solid rgba(242, 193, 78, 0.42);
  background: rgba(242, 193, 78, 0.12);
  box-shadow: 0 0 6px rgba(242, 193, 78, 0.18);
}

.submit-work-aside-row.is-done .submit-work-aside-row-mark::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 46%;
  width: 4px;
  height: 7px;
  border: solid rgba(255, 220, 140, 0.95);
  border-width: 0 1.5px 1.5px 0;
  transform: translate(-50%, -50%) rotate(45deg);
}

/* 완료 순간 1회 — gold sheen + check pop */
@keyframes sw-aside-sheen {
  0% {
    transform: translateX(105%);
    opacity: 0;
  }
  35% {
    opacity: 0.55;
  }
  100% {
    transform: translateX(-115%);
    opacity: 0;
  }
}

@keyframes sw-aside-check-pop {
  0% {
    transform: scale(0.82);
    opacity: 0.55;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.submit-work-aside-row.is-just-done::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    105deg,
    transparent 0%,
    rgba(242, 193, 78, 0.14) 48%,
    transparent 100%
  );
  animation: sw-aside-sheen 0.42s ease-out 1;
  pointer-events: none;
}

.submit-work-aside-row.is-just-done {
  background: rgba(242, 193, 78, 0.07);
}

.submit-work-aside-row.is-just-done .submit-work-aside-row-mark {
  animation: sw-aside-check-pop 0.34s cubic-bezier(0.22, 1, 0.36, 1) 1;
}

/* 위젯 제목 + 완료 카운트 pill */
.submit-work-aside-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 6px;
  margin-bottom: 10px;
}

.submit-work-aside-title-row .submit-work-aside-title {
  margin-bottom: 0;
  flex: 1;
  min-width: 0;
}

.submit-work-aside-count-badge {
  flex-shrink: 0;
  font-size: 0.6rem;
  font-weight: 600;
  padding: 3px 7px;
  border-radius: 999px;
  line-height: 1.25;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.42);
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition:
    color 0.3s ease,
    background 0.3s ease,
    border-color 0.3s ease;
}

.submit-work-aside-count-badge.is-complete {
  color: rgba(242, 193, 78, 0.92);
  background: rgba(242, 193, 78, 0.09);
  border-color: rgba(242, 193, 78, 0.24);
}

/* 레거시 — steps 리스트 등 구형 is-done 호환 */
.submit-work-aside-list li.is-done:not(.submit-work-aside-row) {
  color: rgba(242, 193, 78, 0.88);
  font-weight: 600;
}

.submit-work-aside-text {
  font-size: 0.74rem;
  color: var(--sw-text-hint);
  line-height: 1.65;
  margin: 0;
}

/* 안내 카드 — 핵심 문구 강조 (색상만 살짝, 볼드·배지 없음) */
.submit-work-aside-em {
  font-weight: inherit;
  padding: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}

/* 다국어 — warm gold (채도 한 단계 추가) */
.submit-work-aside-em--i18n {
  color: rgba(248, 210, 118, 0.92);
}

.submit-work-aside-card--guide-i18n {
  border-color: rgba(242, 193, 78, 0.1);
}

.submit-work-aside-card--guide-i18n .submit-work-aside-title {
  color: rgba(228, 196, 130, 0.95);
}

/* 자막 — soft teal */
.submit-work-aside-em--subtitle {
  color: rgba(110, 215, 195, 0.86);
}

.submit-work-aside-card--guide-subtitle {
  border-color: rgba(45, 212, 191, 0.1);
}

.submit-work-aside-card--guide-subtitle .submit-work-aside-title {
  color: rgba(130, 215, 200, 0.92);
}

/* 검수 — soft lavender */
.submit-work-aside-em--review {
  color: rgba(195, 178, 235, 0.86);
}

.submit-work-aside-card--guide-review {
  border-color: rgba(167, 139, 250, 0.1);
}

.submit-work-aside-card--guide-review .submit-work-aside-title {
  color: rgba(190, 175, 225, 0.92);
}

/* PC 사이드바 — 자동로드 · 직접확인 2열 나란히 */
@media (min-width: 1025px) {
  .submit-work-aside-duo {
    display: flex;
    gap: 10px;
    align-items: stretch;
  }

  .submit-work-aside-card--duo {
    flex: 1 1 0;
    min-width: 0;
    padding: 14px 12px;
  }

  .submit-work-aside-card--duo .submit-work-aside-title-row {
    flex-wrap: wrap;
    margin-bottom: 8px;
  }

  .submit-work-aside-card--duo .submit-work-aside-title {
    font-size: 0.82rem;
    line-height: 1.35;
  }

  .submit-work-aside-card--duo .submit-work-aside-count-badge {
    font-size: 0.56rem;
    padding: 2px 6px;
  }

  .submit-work-aside-card--duo .submit-work-aside-list {
    font-size: 0.74rem;
    gap: 2px;
  }

  .submit-work-aside-card--duo .submit-work-aside-row {
    padding: 4px 6px 4px 5px;
    gap: 6px;
  }

  .submit-work-aside-card--duo .submit-work-aside-row-label {
    font-size: 0.72rem;
    line-height: 1.42;
  }
}

.submit-work-mobile-aside {
  display: none;
  flex-direction: column;
  gap: 12px;
}

/* 모바일 Step 3·4·7 — 스텝 본문 하단 안내 카드 (PC 숨김, step gap으로 간격 유지) */
.submit-work-step-guide {
  display: none;
}

@media (max-width: 768px) {
  .submit-work-step-guide {
    display: block;
  }

  .submit-work-step-guide .submit-work-aside-card {
    margin: 0;
  }

  .submit-work-step-guide .submit-work-aside-text {
    font-size: 0.78rem;
  }
}

/* ── 모바일 단계형 wizard (PC: 숨김 · 전체 섹션 표시) ── */
.submit-work-step-indicator,
.submit-work-step-nav {
  display: none;
}

.submit-work-mobile-steps {
  display: contents;
}

.submit-work-step-indicator {
  padding: 14px 16px;
  margin-bottom: 12px;
  border-radius: var(--sw-radius-panel);
  border: 1px solid rgba(242, 193, 78, 0.14);
  background: linear-gradient(145deg, rgba(242, 193, 78, 0.045) 0%, rgba(255, 255, 255, 0.028) 100%);
  box-shadow: var(--sw-shadow-panel);
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.submit-work-step-indicator-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 4px;
  min-width: 0;
}

.submit-work-step-new-work-badge {
  display: none;
  flex-shrink: 0;
  min-height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(242, 193, 78, 0.42);
  background: rgba(242, 193, 78, 0.1);
  color: #f2c14e;
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
  white-space: nowrap;
}

.submit-work-step-new-work-badge:hover {
  background: rgba(242, 193, 78, 0.18);
}

.submit-work-step-new-work-badge[hidden] {
  display: none !important;
}

.submit-work-step-counter {
  display: block;
  font-size: 0.78rem;
  font-weight: 800;
  color: var(--accent-gold);
  margin-bottom: 0;
}

.submit-work-step-indicator-title {
  margin: 0 0 10px;
  font-size: 0.95rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.3;
}

.submit-work-step-progress {
  height: 4px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  overflow: hidden;
}

.submit-work-step-progress-fill {
  height: 100%;
  width: 14%;
  border-radius: inherit;
  background: linear-gradient(90deg, #ea580c 0%, #f2c14e 100%);
  transition: width 0.28s ease;
}

.submit-work-step-nav {
  /*
   * 모바일 step nav — 반드시 fixed 유지
   * sticky/flex 전환 시 스크롤마다 본문을 가리는 버그 재발
   */
  position: fixed;
  left: 0;
  right: 0;
  bottom: calc(64px + env(safe-area-inset-bottom, 0px));
  z-index: 998;
  margin: 0;
  width: auto;
  padding: 6px 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(10, 12, 16, 0.96);
  backdrop-filter: blur(12px);
  box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.35);
}

.submit-work-step-nav-error {
  margin: 0 0 8px;
  font-size: 0.74rem;
  color: #f87171;
  line-height: 1.4;
  text-align: center;
}

.submit-work-step-nav-error[hidden] {
  display: none !important;
}

.submit-work-step-nav[hidden],
.submit-work-step-indicator[hidden] {
  display: none !important;
}

.submit-work-step-nav-inner {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  align-items: stretch;
}

/* hidden 속성과 flex 충돌 방지 */
.submit-work-step-nav-inner .submit-work-btn[hidden] {
  display: none !important;
}

.submit-work-step-nav-inner .submit-work-btn {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 42px;
  padding: 0 10px;
  font-size: 0.8rem;
}

/* 이전 — 가장 약한 보조 버튼 */
.submit-work-step-nav-prev {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.52);
  font-weight: 600;
}

.submit-work-step-nav-prev:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.68);
}

/* 임시저장 — 중간 강도 보조 버튼 (메인 CTA 아님) */
.submit-work-step-nav-draft {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(168, 132, 72, 0.28);
  color: rgba(214, 196, 158, 0.9);
  font-weight: 600;
}

.submit-work-step-nav-draft:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.09);
  border-color: rgba(168, 132, 72, 0.4);
  color: rgba(230, 214, 178, 0.95);
}

/* 다음 — 메인 CTA */
.submit-work-step-nav-next {
  background: linear-gradient(135deg, #ea580c 0%, #e8b84a 100%);
  border: none;
  color: #0c0b0e;
  font-weight: 700;
  box-shadow: 0 2px 12px rgba(234, 88, 12, 0.22);
}

.submit-work-step-nav-next:hover:not(:disabled) {
  filter: brightness(1.05);
  box-shadow: 0 4px 16px rgba(234, 88, 12, 0.28);
}

/* 검수 요청 — 최종 CTA (다음보다 조금 더 강조) */
.submit-work-step-nav-review {
  background: linear-gradient(135deg, #f97316 0%, #f2c14e 100%);
  border: none;
  color: #0c0b0e;
  font-weight: 800;
  box-shadow: 0 4px 18px rgba(249, 115, 22, 0.32);
}

.submit-work-step-nav-review:hover:not(:disabled) {
  filter: brightness(1.06);
  box-shadow: 0 6px 22px rgba(249, 115, 22, 0.38);
}

.submit-work-step-nav-review:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  filter: none;
  box-shadow: none;
}

/* Step 1: [임시저장 35%] [다음 65%] — DOM 순서(임시저장 → 다음) */
.submit-work-step-nav-inner--step1 .submit-work-step-nav-draft {
  flex: 0 1 35%;
}

.submit-work-step-nav-inner--step1 .submit-work-step-nav-next {
  flex: 0 1 65%;
}

/* Step 2~6: [이전 25%] [임시저장 30%] [다음 45%] */
.submit-work-step-nav-inner--step-mid .submit-work-step-nav-prev {
  flex: 0 1 25%;
}

.submit-work-step-nav-inner--step-mid .submit-work-step-nav-draft {
  flex: 0 1 30%;
}

.submit-work-step-nav-inner--step-mid .submit-work-step-nav-next {
  flex: 0 1 45%;
}

/* Step 7: [이전 25%] [임시저장 30%] [검수 요청 45%] */
.submit-work-step-nav-inner--step7 .submit-work-step-nav-prev {
  flex: 0 1 25%;
}

.submit-work-step-nav-inner--step7 .submit-work-step-nav-draft {
  flex: 0 1 30%;
}

.submit-work-step-nav-inner--step7 .submit-work-step-nav-review {
  flex: 0 1 45%;
}

/* step 내부 패널(제출자유형+URL, 권리/정책+검수요청 등) 세로 간격 */
.submit-work-step {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (min-width: 769px) {
  .submit-work-mobile-steps .submit-work-step {
    display: flex !important;
    flex-direction: column;
    gap: 24px;
  }
}

@media (max-width: 768px) {
  .submit-work-step-indicator,
  .submit-work-step-nav {
    display: block;
  }

  .submit-work-step-new-work-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .submit-work-success-panel {
    padding: 28px 18px;
  }

  .submit-work-success-list {
    padding-left: 1.1em;
    padding-right: 0;
  }

  .submit-work-step-nav-inner {
    display: flex;
  }

  .submit-work-mobile-steps {
    display: block;
  }

  .submit-work-mobile-steps .submit-work-step {
    display: none;
  }

  .submit-work-mobile-steps .submit-work-step.is-active {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-bottom: 8px;
  }

  /* wizard 사용 시 하단 안내 탭 위젯·중복 CTA 숨김 */
  body[data-page="submit-work"] .submit-work-mobile-aside {
    display: none !important;
  }

  body[data-page="submit-work"] #submitWorkActionsSection {
    display: none !important;
  }

  /* 앱형 UX: 푸터만 숨김 (하단 nav는 유지) */
  body[data-page="submit-work"] #footerPrimary {
    display: none !important;
  }

  /* bottom nav 여백만 body에 적용 (container padding과 이중 적용 방지) */
  body[data-page="submit-work"] {
    padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
    scroll-padding-bottom: calc(var(--sw-step-nav-safe) + 64px + env(safe-area-inset-bottom, 0px));
  }

  /* Step 2+ 히어로·헤더 숨김 시 상단·간격 축소 */
  body[data-page="submit-work"].submit-work-hero-hidden #mainHeader {
    display: none !important;
  }

  body[data-page="submit-work"].submit-work-hero-hidden .submit-work-hero,
  body[data-page="submit-work"].submit-work-hero-hidden #submitWorkHero {
    display: none !important;
  }

  body[data-page="submit-work"].submit-work-hero-hidden .portal-layout-container.submit-work-page,
  body[data-page="submit-work"].submit-work-hero-hidden .portal-layout-container.submit-work-page-layout {
    margin-top: calc(12px + env(safe-area-inset-top, 0px)) !important;
  }

  body[data-page="submit-work"].submit-work-hero-hidden .submit-work-shell {
    gap: 0;
  }

  body[data-page="submit-work"].submit-work-hero-hidden .submit-work-step-indicator {
    margin-bottom: 8px;
  }
}

/* ── 모바일: 콘텐츠 타입 select (PC는 chip) ── */
.submit-work-content-type-select {
  display: none;
}

/* ── 모바일 안내 위젯 탭 ── */
.submit-work-mobile-guide {
  padding: 16px;
  border-radius: var(--sw-radius-panel);
  border: 1px solid rgba(242, 193, 78, 0.14);
  background: linear-gradient(145deg, rgba(242, 193, 78, 0.045) 0%, rgba(255, 255, 255, 0.028) 100%);
  box-shadow: var(--sw-shadow-panel);
}

.submit-work-mobile-guide-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin-bottom: 14px;
}

.submit-work-mobile-guide-tab {
  min-height: 40px;
  padding: 6px 4px;
  border-radius: 8px;
  border: 1px solid var(--sw-border-soft);
  background: rgba(255, 255, 255, 0.03);
  color: var(--sw-text-hint);
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.25;
  cursor: pointer;
  font-family: inherit;
  transition: border-color 0.18s, background 0.18s, color 0.18s;
}

.submit-work-mobile-guide-tab--stacked {
  padding-top: 5px;
  padding-bottom: 5px;
}

.submit-work-tab-label-line {
  display: block;
  line-height: 1.15;
}

.submit-work-mobile-guide-tab.is-active {
  border-color: rgba(242, 193, 78, 0.38);
  background: rgba(242, 193, 78, 0.1);
  color: rgba(242, 193, 78, 0.95);
}

.submit-work-mobile-guide-panel {
  min-height: 0;
}

.submit-work-mobile-guide-panel[hidden] {
  display: none !important;
}

/* ── 모바일 공개일 바텀시트 ── */
.submit-work-date-sheet-backdrop {
  position: fixed;
  inset: 0;
  z-index: 3600;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background: rgba(0, 0, 0, 0.72);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.28s ease, visibility 0.28s ease;
}

.submit-work-date-sheet-backdrop.is-open {
  opacity: 1;
  visibility: visible;
}

.submit-work-date-sheet-backdrop[hidden]:not(.is-open) {
  display: none !important;
}

.submit-work-date-sheet-backdrop.is-open,
.submit-work-date-sheet-backdrop:not([hidden]) {
  display: flex !important;
}

.submit-work-date-sheet {
  width: 100%;
  max-width: 520px;
  padding: 12px 18px 24px;
  padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px 20px 0 0;
  background: #0b0c10;
  box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.85);
  transform: translateY(100%);
  transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1);
}

.submit-work-date-sheet-backdrop.is-open .submit-work-date-sheet {
  transform: translateY(0);
}

.submit-work-date-sheet-handle {
  width: 44px;
  height: 5px;
  margin: 0 auto 12px;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.15);
  cursor: pointer;
}

.submit-work-date-sheet-header {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.submit-work-date-sheet-title {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
}

.submit-work-date-sheet-wheels {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 10px;
  margin-bottom: 18px;
}

.submit-work-date-wheel {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.submit-work-date-wheel-label {
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--sw-text-hint);
  text-align: center;
}

.submit-work-date-wheel-select {
  min-height: 140px;
  padding: 8px 6px;
  border-radius: 12px;
  border: 1px solid var(--sw-border-input);
  background: var(--sw-bg-input);
  color: #fff;
  font-size: 0.92rem;
  font-family: inherit;
  text-align: center;
}

/* PC: 공개일 시트 — 중앙 모달 형태 */
@media (min-width: 769px) {
  .submit-work-date-sheet-backdrop {
    align-items: center;
    padding: 24px;
  }

  .submit-work-date-sheet {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    padding-bottom: 24px;
    transform: translateY(16px) scale(0.98);
  }

  .submit-work-date-sheet-backdrop.is-open .submit-work-date-sheet {
    transform: translateY(0) scale(1);
  }

  .submit-work-date-sheet-handle {
    display: none;
  }
}

/* 모바일 안내 탭 — 체크리스트 row (PC와 동일 구조) */
.submit-work-mobile-guide .submit-work-aside-list {
  gap: 6px;
  font-size: 0.78rem;
  line-height: 1.4;
}

.submit-work-mobile-guide .submit-work-aside-row {
  padding: 7px 10px 7px 8px;
}

/* ── 반응형 ── */
@media (min-width: 769px) {
  /* PC: 자막 유형 + 참고사항 한 줄 — 유형 select 너비 확대 */
  .submit-work-field-row--subtitle-inline {
    grid-template-columns: minmax(260px, 38%) minmax(0, 1fr);
    gap: 16px;
    align-items: start;
  }

  .submit-work-field--subtitle-type .submit-work-select {
    max-width: none;
    width: 100%;
    min-width: 260px;
  }

  /* PC: 시리즈 검색/chip + Season/Ep — 좌→우 인라인 (chip 뒤에 Season/Ep) */
  .submit-work-series-inline-group {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
  }

  .submit-work-field--series-search {
    flex: 1 1 220px;
    min-width: 180px;
    max-width: 100%;
  }

  /* chip 선택 시 검색 칸이 chip 너비만 차지 → Season/Ep가 바로 옆에 붙음 */
  .submit-work-series-search-row.has-series-selected .submit-work-field--series-search {
    flex: 0 0 auto;
    min-width: 0;
    max-width: none;
  }

  .submit-work-field--num {
    flex: 0 0 92px;
  }

  /* 신규 연재: Season/Ep만 — 좁은 너비 유지 */
  .submit-work-series-search-row.is-new-series-only .submit-work-series-inline-group {
    flex-wrap: nowrap;
    max-width: 220px;
  }

  .submit-work-series-search-row.is-new-series-only .submit-work-field--series-search {
    display: none;
  }

  /* 시리즈 하위 입력 들여쓰기 (PC) */
  .submit-work-series-subfields {
    padding-left: 22px;
    margin-left: 6px;
  }

  .submit-work-field-row--lang-inline {
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 20px;
  }

  .submit-work-field--original-lang .submit-work-select {
    max-width: 112px;
  }
}

@media (max-width: 1024px) {
  .submit-work-body-layout {
    grid-template-columns: 1fr;
  }

  .submit-work-sidebar {
    display: none;
  }

  .submit-work-mobile-aside {
    display: flex;
  }
}

@media (max-width: 768px) {
  body[data-page="submit-work"] .portal-layout-container.submit-work-page,
  body[data-page="submit-work"] .portal-layout-container.submit-work-page-layout {
    margin-top: var(--sw-mobile-header-offset) !important;
    margin-bottom: 0 !important;
    /* fixed step nav 영역 — 스크롤 끝 본문 가림 방지 */
    padding: 0 14px var(--sw-step-nav-safe) !important;
  }

  body[data-page="submit-work"] .submit-work-shell {
    gap: 12px;
  }

  body[data-page="submit-work"] .submit-work-main {
    gap: 12px;
  }

  /* Step 1: 히어로와 본문 사이만 간격 */
  body[data-page="submit-work"] .submit-work-hero + .submit-work-body-layout {
    margin-top: 12px;
  }

  /* URL 입력 — 한 줄 높이 유지 (flex-grow로 세로 확장 방지) */
  .submit-work-url-row {
    flex-direction: column;
    align-items: stretch;
  }

  /* 모바일: 다음 버튼으로 fetch — 수동 버튼 숨김 */
  body[data-page="submit-work"] #submitWorkFetchBtn,
  body[data-page="submit-work"] #submitWorkResetBtn {
    display: none !important;
  }

  .submit-work-url-row .submit-work-input {
    flex: 0 0 auto;
    width: 100%;
    min-height: 44px;
    height: 44px;
  }

  /* 다국어 — 번역 버튼 2개 한 줄 */
  .submit-work-panel-head-row--i18n {
    flex-direction: column;
    align-items: stretch;
  }

  .submit-work-translate-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    width: 100%;
    flex-wrap: nowrap;
  }

  .submit-work-translate-actions .submit-work-btn {
    width: 100%;
    min-height: 40px;
    padding: 0 4px;
    font-size: 0.75rem;
    line-height: 1.25;
    white-space: nowrap;
    text-align: center;
    letter-spacing: -0.02em;
  }

  /* 콘텐츠 타입 — 모바일 select / PC chip */
  .submit-work-content-type-select {
    display: block;
  }

  .submit-work-content-type-chips {
    display: none !important;
  }

  /* 시리즈 Season/Episode — 한 줄 */
  .submit-work-series-inline-group {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 10px;
  }

  .submit-work-field--series-search {
    flex: 1 1 100%;
    min-width: 0;
  }

  .submit-work-field--num {
    flex: 1 1 calc(50% - 5px);
    max-width: none;
  }

  .submit-work-field--num .submit-work-input--num {
    max-width: none;
    width: 100%;
  }

  /* 모바일 가독성 — 섹션·필드·부가설명 타이포 한 단계 상향 */
  .submit-work-panel-title {
    font-size: 1.12rem;
  }

  .submit-work-label {
    font-size: 0.88rem;
  }

  .submit-work-hint {
    font-size: 0.8rem;
  }

  .submit-work-i18n-notice {
    font-size: 0.9rem;
  }

  .submit-work-i18n-sub {
    font-size: 0.8rem;
  }

  .submit-work-aside-title {
    font-size: 0.9rem;
  }

  .submit-work-aside-text {
    font-size: 0.8rem;
  }

  .submit-work-source-wrap-label {
    font-size: 0.88rem;
  }

  .submit-work-mobile-guide-tab {
    font-size: 0.75rem;
  }

  .submit-work-submitter-grid,
  .submit-work-source-grid,
  .submit-work-series-type,
  .submit-work-field-row {
    grid-template-columns: 1fr;
  }

  .submit-work-creator-dual {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  .submit-work-creator-dual-head--name,
  .submit-work-creator-dual-head--link,
  .submit-work-creator-dual-control--name,
  .submit-work-creator-dual-control--link,
  .submit-work-creator-dual-hint {
    grid-column: 1;
    grid-row: auto;
  }

  .submit-work-field-row--lang-inline {
    grid-template-columns: 1fr;
  }

  .submit-work-field--original-lang .submit-work-select {
    max-width: 100%;
  }

  .submit-work-preview-card {
    grid-template-columns: 1fr;
  }

  .submit-work-preview-thumb-wrap {
    max-width: 100%;
  }

  .submit-work-url-row .submit-work-btn {
    width: 100%;
  }

  .submit-work-actions {
    flex-direction: column;
  }

  .submit-work-actions .submit-work-btn {
    width: 100%;
  }
}

@media (max-width: 360px) {
  .submit-work-panel {
    padding: 16px 14px;
  }

  .submit-work-hero {
    padding: 20px 16px !important;
  }

  .submit-work-hero-title {
    font-size: 1.55rem;
  }

  .submit-work-chip-grid,
  .submit-work-checkbox-grid {
    gap: 6px;
  }

  .submit-work-check-chip {
    font-size: 0.72rem;
    padding: 7px 10px;
  }
}

/* ═══════════════════════════════════════════════════════════
   시각 개선 v2 — 유저 제출 페이지 · wtool 내부 컬러 박스 제외
   ═══════════════════════════════════════════════════════════ */

body[data-page="submit-work"] .submit-work-hero {
  border-color: rgba(245, 158, 11, 0.2) !important;
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.4),
    0 0 0 1px rgba(99, 102, 241, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

body[data-page="submit-work"] .submit-work-hero-desc-para {
  color: rgba(255, 255, 255, 0.6);
}

body[data-page="submit-work"] .submit-work-panel--accent-url {
  border-color: rgba(96, 165, 250, 0.2);
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.05) 0%, rgba(255, 255, 255, 0.02) 55%, rgba(255, 255, 255, 0.015) 100%);
}

body[data-page="submit-work"] .submit-work-panel--accent-submitter {
  border-color: rgba(129, 140, 248, 0.16);
  background: linear-gradient(135deg, rgba(129, 140, 248, 0.045) 0%, rgba(255, 255, 255, 0.018) 100%);
}

body[data-page="submit-work"] .submit-work-submitter-card {
  background: rgba(255, 255, 255, 0.045);
  border-color: rgba(255, 255, 255, 0.12);
}

body[data-page="submit-work"] .submit-work-submitter-card:hover {
  border-color: rgba(255, 210, 120, 0.28);
  background: rgba(255, 255, 255, 0.065);
}

body[data-page="submit-work"] .submit-work-submitter-card.is-active {
  border-color: rgba(245, 158, 11, 0.55);
  box-shadow: 0 0 0 1px rgba(245, 158, 11, 0.2), inset 0 0 24px rgba(245, 158, 11, 0.06);
}

body[data-page="submit-work"] .submit-work-preview-panel {
  border-color: rgba(56, 189, 248, 0.16);
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.05) 0%, rgba(255, 255, 255, 0.022) 100%);
}

body[data-page="submit-work"] .submit-work-panel--accent-i18n {
  border-color: rgba(255, 210, 120, 0.14);
  background: linear-gradient(135deg, rgba(255, 210, 120, 0.045) 0%, rgba(255, 255, 255, 0.018) 100%);
}

body[data-page="submit-work"] .submit-work-panel--accent-classify {
  border-color: rgba(251, 146, 60, 0.14);
  background: linear-gradient(135deg, rgba(251, 146, 60, 0.04) 0%, rgba(255, 255, 255, 0.018) 100%);
}

/* 제작 정보 & 기술 스택 — 섹션 카드 tint (wtool-tool-groups 내부만 제외) */
body[data-page="submit-work"] .submit-work-panel--production {
  border-color: rgba(45, 212, 191, 0.16);
  background:
    linear-gradient(135deg, rgba(45, 212, 191, 0.045) 0%, rgba(99, 102, 241, 0.032) 42%, rgba(255, 255, 255, 0.018) 100%);
  box-shadow: var(--sw-shadow-panel);
}

body[data-page="submit-work"] #submitWorkUrlSection .submit-work-input {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.065) 0%, rgba(255, 255, 255, 0.045) 100%);
  border-color: rgba(96, 165, 250, 0.22);
}

body[data-page="submit-work"] #submitWorkUrlSection .submit-work-input:focus {
  border-color: rgba(96, 165, 250, 0.55);
  box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.1);
}

body[data-page="submit-work"] #submitWorkUrlSection .submit-work-btn--primary {
  border-color: rgba(255, 180, 70, 0.45);
  box-shadow: 0 4px 14px rgba(245, 158, 11, 0.12);
}

body[data-page="submit-work"] .submit-work-input,
body[data-page="submit-work"] .submit-work-textarea,
body[data-page="submit-work"] .submit-work-select {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.065) 0%, rgba(255, 255, 255, 0.045) 100%);
  border-color: rgba(255, 255, 255, 0.11);
}

body[data-page="submit-work"] .submit-work-input:hover,
body[data-page="submit-work"] .submit-work-textarea:hover,
body[data-page="submit-work"] .submit-work-select:hover {
  border-color: rgba(255, 210, 120, 0.22);
}

body[data-page="submit-work"] .submit-work-input:focus,
body[data-page="submit-work"] .submit-work-textarea:focus,
body[data-page="submit-work"] .submit-work-select:focus {
  border-color: rgba(255, 210, 120, 0.48);
  box-shadow: 0 0 0 3px rgba(255, 210, 120, 0.1);
}

body[data-page="submit-work"] .submit-work-chip-select {
  background: rgba(255, 255, 255, 0.045);
  border-color: rgba(255, 255, 255, 0.11);
  color: rgba(255, 255, 255, 0.74);
}

body[data-page="submit-work"] .submit-work-chip-select:hover {
  background: rgba(255, 255, 255, 0.075);
  border-color: rgba(255, 210, 120, 0.25);
}

body[data-page="submit-work"] .submit-work-chip-select.is-active {
  border-color: rgba(242, 193, 78, 0.55);
  background: rgba(245, 158, 11, 0.16);
  color: #fff3d6;
  box-shadow: none;
}

body[data-page="submit-work"] .submit-work-empty-guide {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-top: 8px;
  padding: 14px 16px;
  border-radius: 12px;
  border: 1px dashed rgba(129, 140, 248, 0.3);
  background: rgba(255, 255, 255, 0.025);
}

body[data-page="submit-work"] .submit-work-empty-guide[hidden] {
  display: none !important;
}

body[data-page="submit-work"] .submit-work-empty-guide-icon {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  color: rgba(199, 210, 254, 0.95);
  background: rgba(99, 102, 241, 0.14);
  border: 1px solid rgba(129, 140, 248, 0.25);
}

body[data-page="submit-work"] .submit-work-empty-guide-title {
  margin: 0 0 6px;
  font-size: 0.82rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.78);
}

body[data-page="submit-work"] .submit-work-empty-guide-sub {
  margin: 0;
  font-size: 0.72rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.48);
}

body[data-page="submit-work"] .submit-work-aside-card--guide-i18n {
  border-color: rgba(242, 193, 78, 0.16);
  background: linear-gradient(145deg, rgba(242, 193, 78, 0.05) 0%, rgba(255, 255, 255, 0.024) 100%);
}

body[data-page="submit-work"] .submit-work-aside-card--guide-subtitle {
  border-color: rgba(45, 212, 191, 0.16);
  background: linear-gradient(145deg, rgba(45, 212, 191, 0.05) 0%, rgba(255, 255, 255, 0.024) 100%);
}

body[data-page="submit-work"] .submit-work-aside-card--guide-review {
  border-color: rgba(192, 132, 252, 0.16);
  background: linear-gradient(145deg, rgba(139, 92, 246, 0.05) 0%, rgba(255, 255, 255, 0.024) 100%);
}

body[data-page="submit-work"] .submit-work-aside-row {
  border-color: rgba(255, 255, 255, 0.04);
}

body[data-page="submit-work"] .submit-work-aside-row:not(.is-done) {
  color: rgba(255, 255, 255, 0.52);
  background: rgba(255, 255, 255, 0.02);
}

body[data-page="submit-work"] .submit-work-aside-row:hover {
  border-color: rgba(255, 255, 255, 0.08);
}

body[data-page="submit-work"] .submit-work-aside-row:not(.is-done):hover {
  background: rgba(255, 255, 255, 0.045);
}

body[data-page="submit-work"] .submit-work-aside-row.is-done {
  color: rgba(255, 255, 255, 0.9);
  font-weight: 600;
  background: rgba(255, 255, 255, 0.045);
  border-color: rgba(242, 193, 78, 0.1);
  box-shadow: inset 0 0 0 1px rgba(242, 193, 78, 0.04);
}

body[data-page="submit-work"] .submit-work-aside-mini-progress {
  height: 4px;
  margin: 0 0 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  overflow: hidden;
}

body[data-page="submit-work"] .submit-work-aside-mini-progress-fill {
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(129, 140, 248, 0.45) 0%, #a5b4fc 100%);
  transition: width 0.35s ease;
}