#program-editor {
  inset: 0 0 0 auto;
  margin: 0 0 0 auto;
  width: min(780px, 100%);
  max-width: 100%;
  height: 100dvh;
  max-height: 100dvh;
  padding: 0;
  border-radius: 0;
  overflow-y: auto;
}
#program-editor > .section-head {
  position: sticky;
  top: 0;
  z-index: 5;
  margin: 0;
  padding: 16px 22px;
  background: white;
  border-bottom: 1px solid var(--border);
}
.form-tabs {display: flex; gap: 5px; margin: 16px 22px; padding-bottom: 10px; border-bottom: 1px solid var(--border);}
.form-tabs button {flex: 1; border-color: transparent; font-weight: 650;}
.form-tabs button[aria-pressed=true] {border-color: var(--accent); background: #fbecdf; color: var(--accent);}
#program-editor > form, #program-editor > section {margin: 0; padding: 0 22px 22px;}
#program-editor [hidden], #public-signup[hidden] {display: none !important;}
.form-metrics {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px;}
.form-metrics div {background: #fcf6f0; border: 1px solid var(--border); border-radius: 8px; padding: 12px; font-size: 12px;}
.form-metrics strong {display: block; margin-top: 5px; font-size: 17px;}
.form-share {display: flex; gap: 6px; align-items: center; margin: 6px 0 12px;}
.form-share input {min-width: 0; flex: 1;}
.form-share select {max-width: 150px;}
#program-editor [data-overview-panel] > details {border: 1px solid var(--border); padding: 10px; margin: 8px 0; border-radius: 8px;}
#program-editor details summary {cursor: pointer; font-weight: 650;}
#program-editor details label {display: grid; gap: 4px; margin: 12px 0;}
.form-response {display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 5px; width: 100%; text-align: left; padding: 12px; margin: 6px 0;}
.form-response small {grid-column: 1/-1; overflow-wrap: anywhere;}
.form-hint {border: 1px dashed var(--border); padding: 16px; border-radius: 8px;}
.public-form-intro {padding: 16px 0; margin-bottom: 12px;}
.public-form-intro h1 {font-size: 24px; margin: 6px 0;}
#public-signup {max-width: 1100px; margin: 0 auto; padding: 14px 22px 40px;}
#program-editor [data-form-example] .setup-layout {grid-template-columns: 1fr;}
#program-editor [data-form-example] .setup-program {position: static;}
[data-form-example] :is(input,select,textarea):disabled {opacity: 1; color: var(--ink);}
[data-form-example] .setup-toolbar {position: static;}
.saved-org summary {color: var(--accent); cursor: pointer;}
details.signup-question {display: block;}
details.signup-question > label {margin: 10px 0;}
@media(max-width:600px){
  #program-editor > form, #program-editor > section {padding: 0 12px 16px;}
  .form-tabs {margin: 10px 12px;}
  #public-signup {padding: 10px;}
}

.signup-question-preview > summary {cursor:pointer; color:var(--accent); font-weight:600; padding:10px 0;}