@import url("/sites/biz/styles.css");

/* =========================================
   4호 (/creator) BESPOKE 6-SLIDE CARD STRIP
   ========================================= */
.card-slides-strip {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  flex: 1;
  align-content: center;
}

.slide-thumb {
  padding: 7px 6px;
  border-radius: 7px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  text-align: center;
  transition: all 0.55s var(--ease-out);
}

.ws-scene.pain-state .slide-thumb {
  background: rgba(18, 22, 32, 0.035);
  border: 1px dashed rgba(184, 59, 43, 0.28);
  opacity: 0.58;
}

.ws-scene.fixed-state .slide-thumb {
  background: #f6f7fa;
  border: 1px solid rgba(29, 29, 31, 0.16);
  opacity: 1;
  box-shadow: 0 2px 6px rgba(18, 22, 32, 0.04);
}

.ws-scene.fixed-state .slide-thumb:first-child {
  background: var(--glass-dark);
  border-color: #161619;
}

.slide-thumb b {
  font-family: var(--mono);
  font-size: 9.5px;
  font-weight: 700;
  color: var(--ink-3);
}

.slide-thumb span {
  font-size: 10px;
  font-weight: 640;
  color: var(--ink);
}

.ws-scene.fixed-state .slide-thumb:first-child b {
  color: rgba(255, 255, 255, 0.7);
}

.ws-scene.fixed-state .slide-thumb:first-child span {
  color: #ffffff;
}