.creation-journey{padding-block:12px}
.creation-journey h3{font-size:1rem;margin:0 0 12px}
.creation-journey ol{display:flex;gap:16px;list-style:none;padding:0;margin:0 0 16px;flex-wrap:wrap}
.creation-journey li{font-size:.875rem;color:var(--muted,#a5a5aa);display:flex;align-items:center;gap:7px}
.creation-journey li::before{content:'○';font-size:1.1rem}
.creation-journey li[aria-current=step]{color:var(--text,#f3f3f4);font-weight:600}
.creation-journey li[aria-current=step]::before{content:'◉';color:var(--primary,#ed719d)}
.creation-journey li.is-complete::before{content:'✓';color:var(--primary,#ed719d)}
.creation-journey [data-journey-status]{line-height:1.6;margin:0}
.creation-journey-story{white-space:pre-wrap;max-height:180px;overflow:auto;line-height:1.65;color:var(--muted,#a5a5aa)}
.creation-journey-files{margin-block:16px}
.creation-journey-files input{display:block;margin-top:10px;max-width:100%}
.creation-editing-list{list-style:none;margin:20px 0;padding:0;display:grid;gap:0}
.creation-editing-list>li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;padding:16px 0;border-bottom:1px solid var(--border,#36363c);align-items:start}
.creation-editing-list strong,.creation-editing-list span{display:block;overflow-wrap:anywhere}.creation-editing-list span{margin-top:6px;color:var(--muted,#a5a5aa);font-size:.875rem;line-height:1.65}
.creation-editing-list em{font-size:.8125rem;font-style:normal;white-space:nowrap;color:var(--muted,#a5a5aa)}
.creation-editing-list button{grid-column:1/-1;justify-self:start;min-height:44px}.creation-editing [data-editing-status]{line-height:1.7;margin:16px 0}
.creation-editing button{min-height:44px}
.creation-editing-dismiss{margin-top:24px;border-top:1px solid var(--border,#36363c);padding-top:12px}.creation-editing-dismiss>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--muted,#a5a5aa)}
@media(max-width:600px){.creation-editing-list button,.creation-editing>button{width:100%;white-space:normal}.creation-editing-list>li{gap:8px}.creation-editing-list em{white-space:normal;text-align:right}}
.director-new-requirement>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:10px;font-weight:600}
.director-new-requirement[open]>summary{margin-bottom:16px}
.director-new-requirement>summary::before{content:'＋';font-size:1.2rem}
.director-new-requirement[open]>summary::before{content:'−'}
.director-layout:has(.director-new-requirement:not([open])){grid-template-columns:1fr}
@media(max-width:600px){.creation-journey ol{gap:10px 14px}.creation-journey li{font-size:.8125rem}}

.creation-extra{margin-block:8px 16px}.creation-extra>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--muted);font-size:.875rem}.creation-extra[open]>summary{margin-bottom:12px}
.workspace-capacity{position:relative;display:flex;justify-content:flex-end;flex-wrap:wrap;margin:0 var(--space-10)}
.workspace-capacity>.capacity-panel{display:block;margin:0;padding:0;background:none;border:0}.workspace-capacity>[data-capacity-alert]{width:100%;margin:4px 0;font-size:12px;line-height:1.6}.workspace-capacity>[data-capacity-alert][hidden]{display:none}
@media(max-width:600px){.workspace-capacity{margin:0 var(--space-4)}}

/* Keep the confirmation controls reachable when a recoverable error adds another row. */
#dialog:has([data-native-director-entry])>form,#dialog:has([data-creation-journey])>form{display:flex;flex-direction:column;max-height:calc(100dvh - 44px);min-height:0}
#dialog:has([data-native-director-entry]) .dialog-body,#dialog:has([data-creation-journey]) .dialog-body{flex:1 1 auto;min-height:0;max-height:none;overflow:auto}
#dialog:has([data-native-director-entry]) :is(.dialog-header,.dialog-footer,.form-error,.form-recovery),#dialog:has([data-creation-journey]) :is(.dialog-header,.dialog-footer,.form-error,.form-recovery){flex:0 0 auto}
#dialog:has([data-native-director-entry]) .form-error,#dialog:has([data-creation-journey]) .form-error{max-height:120px;overflow:auto}
@media(max-width:600px){#dialog:has([data-native-director-entry]) .dialog-footer,#dialog:has([data-creation-journey]) .dialog-footer{flex-direction:column-reverse;gap:8px}#dialog:has([data-native-director-entry]) .dialog-footer button,#dialog:has([data-creation-journey]) .dialog-footer button{width:100%;min-height:44px;white-space:normal}}