.pca-siws { --pca-green: var(--pca-green, #39B549); --dark-grey: var(--dark-grey, #666); }
.pca-siws__grid { display: grid; grid-template-columns: 1fr; gap: 16px; }
@media (min-width:1025px){ .pca-siws__grid { grid-template-columns: minmax(0,1fr) 360px; align-items:start; } }

.pca-siws__window--mobile { display:block; }
.pca-siws__window--desktop { display:none; }
@media (min-width:1025px){
  .pca-siws__window--desktop { display:block; }
  .pca-siws__window--mobile { display:none; }
}

.pca-siws__controls { display:flex; flex-direction:column; gap:12px; }
.pca-siws__step-label { margin:0 0 6px; font-weight:600; }

.pca-siws__btn { display:flex; align-items:center; gap:8px; width:100%; padding:10px 12px; border:1px solid #e5e5e5; background:#fff; cursor:pointer; }
.pca-siws__icon svg { display:block; width:24px; height:24px; fill: var(--dark-grey); }
.pca-siws__btn.is-complete .pca-siws__icon svg { fill: var(--pca-green); }

/* Minimal fade-in */
.pca-siws__img.fade-in { opacity:0; animation: pcaFade .25s ease forwards; }
@keyframes pcaFade { to { opacity:1; } }

/* Editor placeholders */
.pca-siws--editor .pca-siws__placeholder {
  background: #fafafa;
  border: 1px dashed #ddd;
  color:#777;
  padding: 16px;
  text-align:center;
}