/* Compact production controls; existing stage bindings remain the owners. */
#mainApp .creation-active-selections { display:block!important; text-align:left!important; }
#mainApp .creation-active-selections:has(.creation-method-card) { display:block!important; }
#mainApp .creation-active-selections:has(.creation-method-card) .creation-preset-selection { display:none!important; }
#mainApp .creation-method-selection.empty { display:none!important; }
#mainApp .creation-method-selection { width:100%; margin:12px 0 0; text-align:left; }
#mainApp .creation-method-card { border:1px solid #e8e8e3; border-radius:12px; background:#fff; overflow:hidden; }
#mainApp .creation-method-card > summary { display:flex; align-items:center; gap:12px; padding:16px 18px; cursor:pointer; list-style:none; font-size:13px; color:#6b6b6b; }
#mainApp .creation-method-card > summary::-webkit-details-marker { display:none; }
#mainApp .creation-method-card > summary strong { font-size:15px; color:#24364b; }
#mainApp .method-card-toggle { margin-left:auto; white-space:nowrap; }
#mainApp .method-card-toggle::after { content:'⌄'; margin-left:8px; }
#mainApp .creation-method-card[open] .method-card-toggle::after { content:'⌃'; }
#mainApp .creation-method-card-body { display:grid; grid-template-columns:minmax(0,1fr) minmax(180px,260px); gap:16px 24px; padding:0 18px 18px; border-top:1px solid #efefeb; text-align:left; }
#mainApp .creation-method-card-body > div:first-child > :is(small,strong) { display:none; }
#mainApp .creation-method-card-body p { font-size:13px; line-height:1.7; margin:12px 0 0; color:#6b6b6b; }
#mainApp .creation-method-card-body label { display:grid; align-content:start; gap:8px; padding-top:12px; font-size:12px; }
#mainApp .creation-method-card-body select { width:100%; min-height:36px; border:1px solid #e8e8e3; border-radius:8px; padding:6px 10px; background:#fff; }
#mainApp .creation-method-actions { grid-column:1/-1; display:flex; gap:8px; }
#mainApp .creation-method-actions button { border:1px solid #e8e8e3; border-radius:8px; padding:8px 14px; background:#fff; color:#24364b; cursor:pointer; }
#mainApp .stage-model-selector { margin-left:auto!important; flex:0 1 auto!important; min-width:0!important; max-width:100%!important; }
#mainApp .stage-model-trigger { display:flex!important; align-items:center!important; gap:7px!important; min-height:34px!important; padding:5px 10px!important; border:0!important; background:transparent!important; font-size:13px!important; }
#mainApp .stage-model-glyph { display:none!important; }
#mainApp .stage-model-menu { position:relative!important; }
#mainApp .stage-model-popover { position:absolute!important; right:0!important; left:auto!important; top:calc(100% + 6px)!important; bottom:auto!important; z-index:100!important; background:#fff!important; width:min(300px,calc(100vw - 48px))!important; }
#mainApp .script-model-footer { display:flex; justify-content:flex-end; padding:6px 10px; border:1px solid #e8e8e3; border-top:0; border-radius:0 0 10px 10px; background:#fff; }
#mainApp .script-content-input { border-radius:10px 10px 0 0!important; margin-bottom:0!important; }
#mainApp .script-editor-toolbar { margin-bottom:12px!important; }
#mainApp .script-model-footer .stage-model-popover { top:auto!important; bottom:calc(100% + 6px)!important; }
#mainApp .script-next-step .stage-model-selector { order:0!important; }
@media(max-width:640px) {
  #mainApp .creation-method-card-body { grid-template-columns:minmax(0,1fr); gap:12px; }
  #mainApp .creation-method-card > summary { flex-wrap:wrap; gap:8px; padding:14px; }
  #mainApp .stage-model-current { max-width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
}