/* ==========================================================================
   workbook-add-slot.css — 프리뷰 맨 뒤 "+ 더 담을 수 있어요" 추가 박스
   책임: 정적 시그니파이어(슬롯 언어) 전용 스타일.
   롤백: 이 파일 + index.html link + workbook-panel.js 호출 1줄 제거.
   ========================================================================== */

.wb-add-slot {
  border: 2.5px dashed #c7c2b8;
  background: #fafafa;
  border-radius: 14px;
  min-height: 220px;
  padding: 24px 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  align-self: center;
  max-width: 340px;
  width: 80%;
  margin: 0 auto;
  user-select: none;
}

.wb-add-slot-plus {
  font-size: 54px;
  line-height: 1;
  color: #94a3b8;
  font-weight: 300;
}

.wb-add-slot-label {
  font-size: 14px;
  line-height: 1.5;
  color: #1f2937;
  font-weight: 600;
  text-align: center;
  max-width: 260px;
}

/* 좌측 단어 패널 flash */
@keyframes wb-add-slot-flash {
  0%   { background: transparent; }
  30%  { background: rgba(26, 188, 156, 0.12); }
  100% { background: transparent; }
}
.wb-word-flash { animation: wb-add-slot-flash 0.6s ease-out; }

@media print {
  .wb-add-slot { display: none !important; }
}