.wc-fig-ai-box{
  border:1px solid #dcdcdc;
  padding:12px;
  border-radius:12px;
  margin:12px 0 18px 0;
  background:#fafafa;
}
.wc-fig-ai-title{ margin:0 0 6px 0; font-size:1.05em; }
.wc-fig-ai-desc{ margin:0 0 10px 0; opacity:.85; }
.wc-fig-ai-style{ margin:0 0 10px 0; display:flex; gap:12px; flex-wrap:wrap; }
.wc-fig-ai-style label{ display:flex; align-items:center; gap:6px; }
.wc-fig-ai-row{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-bottom:10px; }
.wc-fig-ai-status{ margin:6px 0 10px 0; min-height:18px; }
.wc-fig-ai-status.is-error{ color:#b32d2e; }
.wc-fig-ai-preview img{
  max-width: 320px;
  height:auto;
  border:1px solid #e5e5e5;
  border-radius:12px;
  background:#fff;
}
.wc-fig-ai-note{ margin:10px 0 0 0; opacity:.75; font-size:.95em; }


.wc-fig-ai-box.is-loading{
  position: relative;
  opacity: 0.92;
}
.wc-fig-ai-box.is-loading:after{
  content: "";
  position:absolute;
  inset:0;
  background: rgba(255,255,255,0.55);
  border-radius: 12px;
}
.wc-fig-ai-spinner{
  display:none;
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  z-index: 5;
  width: 44px;
  height: 44px;
  border: 4px solid #ddd;
  border-top-color: #555;
  border-radius: 50%;
  animation: wcfigspin 1s linear infinite;
}
.wc-fig-ai-box.is-loading .wc-fig-ai-spinner{ display:block; }
@keyframes wcfigspin { to { transform: translate(-50%,-50%) rotate(360deg); } }