/* Approved species-before-occupation and narration controls, scoped to Studio. */
.creation-identity,.creation-style{min-width:0;max-width:100%;margin:18px 0;color:inherit}
.creation-picker{padding:16px 0;border-top:1px solid var(--ds-color-line,rgba(255,255,255,.12))}
.creation-picker h4,.creation-style h4{font-size:16px;margin:0 0 10px}
.creation-options{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.creation-choice{display:inline-flex;align-items:stretch;max-width:100%}
.creation-choice .studio-choice{white-space:normal;overflow-wrap:anywhere;margin:0}
.creation-choice .studio-choice small{display:block;font-size:11px;opacity:.7}
.creation-star{border:1px solid rgba(255,255,255,.15);border-left:0;border-radius:0 8px 8px 0;background:transparent;color:inherit;cursor:pointer;min-width:34px}
.creation-star.active{color:var(--ds-color-accent,#ff6a1a)}
.creation-star:focus-visible,.creation-style button:focus-visible{outline:2px solid var(--ds-focus,#ff9248);outline-offset:2px}
.creation-help{display:block;font-size:13px;line-height:1.6;color:var(--ds-color-muted,#a3a3aa);overflow-wrap:anywhere;margin:8px 0 12px}
.creation-current{font-size:14px;overflow-wrap:anywhere}.creation-current span{display:block;color:#eab676;font-size:12px}
.creation-picker details,.creation-style details{margin:14px 0}.creation-picker summary,.creation-style summary{cursor:pointer;font-weight:600;padding:8px 0}
.creation-more-results{max-height:clamp(200px,42vh,420px);overflow-y:auto;overscroll-behavior:contain;padding:4px}
.creation-search{display:block;font-size:13px;margin-bottom:12px}.creation-search input{display:block;width:100%;margin-top:8px}
.creation-custom{display:flex;gap:8px;margin-top:14px;align-items:center;flex-wrap:wrap}.creation-custom input{flex:1;min-width:150px;max-width:100%}
.creation-custom input,.creation-search input{padding:10px 12px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:var(--ds-color-surface,#161619);color:inherit}
.creation-custom button{flex-shrink:0}.creation-style-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}
.creation-style-cards .studio-choice{display:flex;flex-direction:column;gap:8px;text-align:left;white-space:normal;height:auto}.creation-style-cards small{font-size:12px;line-height:1.6;font-weight:400}
.creation-badge{font-size:12px;padding:3px 8px;border:1px solid rgba(255,255,255,.2);border-radius:14px}.creation-style{padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:12px}
@media(max-width:600px){.creation-style{padding:12px}.creation-style-cards{grid-template-columns:1fr}.creation-choice{max-width:100%}.creation-custom{align-items:stretch}.creation-custom input{min-width:0;width:calc(100% - 120px)}.creation-picker{padding:14px 0}}
.studio-causal-scenario,.studio-scenario-contract{display:grid;gap:16px}.studio-causal-scenario>header,.studio-scenario-contract>.studio-scenario-hero{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.studio-causal-module-list,.studio-scenario-module-list{display:grid;gap:12px}.studio-causal-module-list>article,.studio-scenario-module{padding:16px;border:1px solid var(--ds-color-line,rgba(255,255,255,.12));border-radius:12px;background:var(--ds-color-surface,#161619)}.studio-causal-module-list article header,.studio-scenario-module>header{display:flex;flex-direction:column;gap:4px}.studio-causal-module-list dl,.studio-scenario-module dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 12px}.studio-causal-module-list section,.studio-scenario-choice{display:grid;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid var(--ds-color-line,rgba(255,255,255,.1))}.studio-causal-module-list small,.studio-scenario-choice small{display:block;color:var(--ds-color-muted,#a3a3aa)}.studio-scenario-history{padding:16px;border:1px dashed var(--ds-color-line,rgba(255,255,255,.25));border-radius:12px}.studio-scenario-reference{overflow-wrap:anywhere}@media(max-width:600px){.studio-causal-module-list dl,.studio-scenario-module dl{grid-template-columns:1fr}.studio-causal-scenario>header,.studio-scenario-contract>.studio-scenario-hero{flex-direction:column}}