/* story-creator/assets/css/story.css */
.sc-container { max-width: 960px; margin: 2rem auto; padding: 1rem 1.25rem; background: #fff; border-radius: 12px; box-shadow: 0 4px 24px rgba(0,0,0,.06); }
.sc-section { margin: 1rem 0; padding: .75rem 1rem; border: 1px solid #e5e7eb; border-radius: 10px; background: #fafafa; }
.sc-section > summary { font-weight: 700; cursor: pointer; list-style: none; }
.sc-section[open] > summary { margin-bottom: .5rem; }
.sc-field { margin: .5rem 0; }
.sc-field label { display: block; font-weight: 600; margin-bottom: .25rem; }
.sc-choice, .sc-input, textarea { width: 100%; box-sizing: border-box; padding: .5rem; border: 1px solid #d1d5db; border-radius: 6px; background: #fff; }
.sc-actions { display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; }
button { background:#2563eb; color:#fff; border:none; border-radius:8px; padding:.55rem .9rem; cursor:pointer; }
button:hover { background:#1e40af; }
hr { border:0; border-top:1px solid #e5e7eb; margin: .75rem 0; }
.sc-episode { border:1px dashed #d1d5db; padding:.75rem; border-radius:10px; margin:.75rem 0; background:#fff; }
.sc-episode summary { font-weight:700; }
.sc-inline { display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; }
.sc-inline .sc-choice { width:auto; min-width: 160px; }
.sc-inline .sc-input { width:auto; flex:1; }
textarea.sc-ep-summary { min-height: 110px; }
.small { font-size:.85rem; color:#6b7280; }