/* ParvaLife Real-User Editorial UX Flow R1 — provider-gated, no network */
#editorial-visualization-flow{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:14px;
  min-width:0;
  overflow:hidden;
}
#editorial-visualization-flow.hidden{display:none}
.editorial-progress{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
  min-width:0;
  margin:2px 0 0;
}
.editorial-step{
  display:grid;
  place-items:center;
  min-width:0;
  min-height:54px;
  border:1px solid rgba(183,146,85,.22);
  border-radius:14px;
  background:rgba(255,253,249,.78);
  color:var(--muted);
  padding:7px 5px;
  text-align:center;
  font-size:9.5px;
  line-height:1.25;
  font-weight:850;
  overflow-wrap:anywhere;
}
.editorial-step[data-state="complete"]{
  border-color:rgba(111,116,80,.34);
  background:rgba(111,116,80,.09);
  color:var(--olive);
}
.editorial-step[data-state="current"]{
  border-color:rgba(183,146,85,.48);
  background:linear-gradient(180deg,rgba(183,146,85,.12),rgba(255,253,249,.92));
  color:var(--plum);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86);
}
.editorial-boundary{
  display:grid;
  gap:3px;
  min-width:0;
  border-inline-start:3px solid rgba(183,146,85,.62);
  border-radius:10px;
  background:rgba(183,146,85,.07);
  padding:10px 11px;
}
.editorial-boundary strong{
  color:var(--plum);
  font-size:11.5px;
}
.editorial-boundary span{
  color:var(--muted);
  font-size:10.5px;
  line-height:1.5;
  overflow-wrap:anywhere;
}
.editorial-look-field{
  display:grid;
  gap:7px;
  min-width:0;
}
.editorial-look-field>span{
  color:var(--plum-soft);
  font-size:11px;
  font-weight:850;
}
#editorial-look-select{
  width:100%;
  min-width:0;
}
.editorial-prepare{
  width:100%;
  min-height:46px;
}
.editorial-gate-card,
.editorial-processing-card,
.editorial-result-card,
.editorial-error-card{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:7px;
  min-width:0;
  border:1px solid rgba(111,116,80,.25);
  border-radius:17px;
  background:rgba(247,244,237,.78);
  padding:13px;
}
.editorial-gate-card strong,
.editorial-processing-card strong,
.editorial-result-card strong,
.editorial-error-card strong{
  color:var(--plum);
  font-size:13px;
  line-height:1.4;
}
.editorial-gate-card p,
.editorial-processing-card p,
.editorial-result-card p,
.editorial-error-card p{
  margin:0;
  color:var(--muted);
  font-size:11.5px;
  line-height:1.55;
  overflow-wrap:anywhere;
}
.editorial-processing-indicator{
  width:28px;
  height:28px;
  border:2px solid rgba(183,146,85,.25);
  border-top-color:var(--gold);
  border-radius:999px;
  animation:editorial-spin .8s linear infinite;
}
@keyframes editorial-spin{to{transform:rotate(360deg)}}
#editorial-result-image{
  display:block;
  width:100%;
  height:auto;
  max-height:560px;
  object-fit:contain;
  border-radius:13px;
  background:var(--cream);
}
#editorial-result-image[hidden]{display:none}
.editorial-disclosure{
  color:#84745a !important;
  font-size:10.5px !important;
}
.editorial-status{
  min-height:18px;
  margin:0;
}
html[dir="rtl"] #editorial-visualization-flow{
  text-align:right;
  font-family:Tahoma,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html[dir="rtl"] .editorial-boundary{
  border-inline-start:3px solid rgba(183,146,85,.62);
}
@media(max-width:430px){
  .editorial-progress{gap:5px}
  .editorial-step{min-height:52px;padding-inline:4px}
}
@media(max-width:428px){
  #editorial-visualization-flow{gap:12px}
}
@media(max-width:393px){
  .editorial-step{font-size:9px}
  .editorial-gate-card,
  .editorial-processing-card,
  .editorial-result-card,
  .editorial-error-card{padding:12px}
}
@media(max-width:390px){
  .editorial-progress{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){
  .editorial-processing-indicator{animation:none}
}