/* Estado vazio compacto; a superfície cresce apenas para organizar peças reais. */
.rosah-atelier::before,
.atelier-stage::before,
.atelier-stage::after,
.atelier-glass { display: none; }
.atelier-shell {
  background: var(--surface);
  border-color: var(--line-strong);
  border-radius: 1rem;
  box-shadow: 0 .5rem 2rem rgba(50, 32, 24, .07);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.atelier-stage {
  min-height: 23rem;
  touch-action: pan-y pinch-zoom;
  background: radial-gradient(ellipse at 8% 0%, #efe1d5, transparent 65%), #f5eee6;
}
.atelier-stage:not(:has(.atelier-piece)) {
  display: grid;
  place-items: center;
  min-height: 20rem;
  padding: 1.5rem 1.25rem;
}
.atelier-stage:not(:has(.atelier-piece)) .atelier-monogram { display: none; }
.atelier-monogram {
  top: 1rem;
  left: 1rem;
  transform: none;
}
.atelier-monogram img { width: 3.25rem; opacity: 1; filter: none; }
.atelier-empty {
  position: relative;
  z-index: 4;
  bottom: auto;
  left: auto;
  display: grid;
  justify-items: center;
  gap: .85rem;
  width: min(100%, 28rem);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #3a2b22;
  font-size: 1rem;
  text-align: center;
  transform: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.atelier-empty[hidden] { display: none; }
.atelier-empty > img { width: 5.5rem; height: 5.5rem; }
.atelier-empty h3 {
  max-width: 22rem;
  margin: 0;
  font: 600 clamp(1.45rem, 4.8vw, 1.9rem)/1.2 var(--display);
  letter-spacing: -.025em;
}
.atelier-empty p { max-width: 24rem; margin: 0; color: #69584a; font-size: .9rem; line-height: 1.65; }
.atelier-empty a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  min-height: 48px;
  margin-top: .25rem;
  padding: .75rem 1.25rem;
  color: #fff9f4;
  background: #392a22;
  border: 1px solid #392a22;
  font: 600 .875rem/1.5 var(--sans);
  text-decoration: none;
}
.atelier-empty a:active { background: #614638; }
.atelier-empty a:focus-visible { outline: 3px solid #9c6048; outline-offset: 4px; }
.atelier-items { pointer-events: none; }
.atelier-piece { --piece-size: clamp(4.4rem, 21vw, 7rem); pointer-events: auto; }
.atelier-controls { border-top: 1px solid var(--line); }
.atelier-controls > div span { font-size: .7rem; }
.atelier-controls > button:not(.button) { font-size: .75rem; text-transform: none; }
.atelier-shell:not(:has(.atelier-piece)) .atelier-controls { grid-template-columns: 1fr; }
.atelier-shell:not(:has(.atelier-piece)) .atelier-controls > div { grid-column: 1 / -1; flex-direction: row; align-items: center; }
.atelier-shell:not(:has(.atelier-piece)) .atelier-controls > button { display: none; }
@media (min-width: 48rem) {
  .atelier-stage { min-height: 30rem; }
  .atelier-stage:not(:has(.atelier-piece)) { min-height: 23rem; padding: 2rem; }
}