/* Production additions to Mirko's Studio styles: no demo bar or demo state
   pickers, and the bar that shows the lock after submission. */
.preview-bar,
.preview-controls,
#load-sample,
#screen-picker { display: none !important; }

#studio-edit-bar {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  margin: 0 auto; padding: 12px 24px; background: var(--pale, #f0edff); color: var(--ink, #131a2e);
  border-bottom: 1px solid var(--line, #e2e7f1); font-size: 14px; line-height: 1.4;
}
#studio-edit-bar[hidden] { display: none; }
#studio-edit-bar .btn { white-space: nowrap; }
body.studio-locked #studio-panels input:disabled,
body.studio-locked #studio-panels textarea:disabled,
body.studio-locked #studio-panels select:disabled { opacity: .75; cursor: not-allowed; }
.dev-code { margin-top: 12px; }
@media (max-width: 640px) { #studio-edit-bar { flex-direction: column; align-items: stretch; padding: 12px 16px; } }
body.studio-locked #studio-panels .upload-button { opacity: .5; cursor: not-allowed; }