.atelier-demo-banner { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 10px clamp(16px, 3vw, 40px); color: #17243a; background: #fff5cc; border-bottom: 1px solid #e6c95e; }
.atelier-demo-banner div { display: grid; gap: 2px; }
.atelier-demo-banner strong { font-size: .92rem; }
.atelier-demo-banner span { font-size: .78rem; }
.atelier-demo-banner small { color: #66551f; font-size: .72rem; }
.atelier-demo-banner nav { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px; }
.atelier-demo-banner a { min-height: 40px; display: inline-flex; align-items: center; padding: 6px 10px; border-radius: 8px; color: #26354d; font-size: .82rem; font-weight: 700; text-decoration: none; }
.atelier-demo-banner a:hover, .atelier-demo-banner a:focus-visible { background: rgb(255 255 255 / 75%); }
.atelier-demo-banner .atelier-demo-banner__cta { color: #fff; background: #4f46e5; }
.atelier-demo-page .project-save-indicator { color: #3f4e63; }
@media (max-width: 760px) {
  .atelier-demo-banner { align-items: stretch; flex-direction: column; }
  .atelier-demo-banner nav { justify-content: flex-start; }
}