/* REIN Stories — экран редактора и «Мои Stories» (страница платформы). Оформление повторяет экран редактора каруселей: золото на чёрном, тот же фон. */
#screen-stories-editor{
  background-image:linear-gradient(rgba(8,6,4,.62),rgba(8,6,4,.62)),url('assets/ui/backgrounds/carousel_workspace_bg_dark_01.webp');
  background-size:cover,cover;background-position:center,center;background-repeat:no-repeat,no-repeat;background-attachment:fixed,fixed;
  padding:0!important;max-width:none!important;overflow-x:hidden;
}
#screen-stories-editor .sed-head{padding:18px 24px 6px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
#screen-stories-editor .sed-copy{min-width:0;flex:1 1 420px}
#screen-stories-editor .sed-kicker{font:700 11px Onest,sans-serif;letter-spacing:.14em;color:#f0c16d}
#screen-stories-editor .sed-head h1{margin:5px 0;font:400 clamp(27px,3vw,42px)/1.14 'NovelistDisplay',serif;background:linear-gradient(105deg,#f8f1e7,#e7b75e,#ac6a20);background-clip:text;-webkit-background-clip:text;color:transparent}
#screen-stories-editor .sed-head p{margin:8px 0 0;color:#b8ac97;font-size:13px;line-height:1.5;max-width:700px}
#screen-stories-editor .sed-top-actions{display:flex;align-items:flex-end;justify-content:flex-end;gap:10px;flex-wrap:wrap}
#screen-stories-editor .sed-top-actions .ghost-btn{width:auto;min-height:42px;padding:10px 16px;font:500 12px/1.3 Onest,sans-serif;background:linear-gradient(135deg,rgba(75,46,19,.72),rgba(24,16,9,.78));border:1px solid rgba(221,168,77,.75);color:#f5d49a;border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,217,142,.12),0 3px 12px rgba(0,0,0,.18)}
#screen-stories-editor .sed-top-actions .ghost-btn:hover{background:linear-gradient(135deg,rgba(105,66,27,.88),rgba(41,27,13,.9));border-color:#f3c477}
#screen-stories-editor .sed-top-actions .topbar-download-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 20px;box-sizing:border-box;font:600 13px/1.3 Onest,sans-serif;border-radius:12px;background:linear-gradient(115deg,#ffdc83,#c58d31);color:#1d1206;border:1px solid rgba(255,230,160,.8);cursor:pointer}
/* Обе кнопки — в одинаковых колонках «строка состояния + кнопка»: кнопки стоят на одной линии, одной высоты */
#screen-stories-editor .sed-act{display:flex;flex-direction:column;align-items:stretch;gap:5px}
#screen-stories-editor .sed-act button{min-height:42px;height:42px;box-sizing:border-box;margin:0;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
#screen-stories-editor #sed-dl-status{color:#dabb80}
#screen-stories-editor .sed-ind{min-height:14px;max-width:300px;overflow:hidden;text-overflow:ellipsis;text-align:right;white-space:nowrap;font:500 11px/14px Onest,sans-serif;color:#dabb80;opacity:0;transition:opacity .2s,color .2s}
#screen-stories-editor #sed-dl-status:not(:empty){opacity:1}
#screen-stories-editor .sed-ind[data-kind]:not([data-kind=""]){opacity:1}
#screen-stories-editor .sed-ind[data-kind="saved"]{color:#8fcfa3}
#screen-stories-editor .sed-ind[data-kind="unsaved"]{color:#d9b46a}
#screen-stories-editor .sed-ind[data-kind="saving"]{color:#cdb78e}
#screen-stories-editor .sed-ind[data-kind="error"]{color:#e79b9b}

/* тело: редактор на всю ширину страницы (три области — миниатюры, превью, панель — собираются внутри фрейма, см. c2/stories.css) */
#screen-stories-editor .sed-body{padding:8px 14px 14px}
#screen-stories-editor .sed-editor{min-width:0}
#screen-stories-editor #stories-frame{display:block;width:100%;height:760px;border:1px solid rgba(213,174,106,.24);border-radius:12px;background:linear-gradient(135deg,rgba(43,35,27,.52),rgba(16,13,11,.58));backdrop-filter:blur(18px);box-shadow:inset 0 1px rgba(250,223,181,.08),0 18px 45px rgba(0,0,0,.18)}
#screen-stories-editor .sed-loading{padding:26px;text-align:center;color:#cdb78e;font-size:13px}
#screen-stories-editor .sed-error{padding:26px;border:1px solid rgba(224,120,90,.45);border-radius:14px;background:rgba(120,40,24,.14);color:#f0d0c4}
#screen-stories-editor .sed-error p{margin:8px 0 14px;color:#d9b8a8}
@media(max-width:620px){
  #screen-stories-editor .sed-head{padding:14px 12px 4px}
  #screen-stories-editor .sed-body{padding:8px 8px 12px}
  #screen-stories-editor .sed-top-actions{width:100%;justify-content:flex-start}
}


/* «Мои Stories» */
.sed-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin-top:18px}
.sed-lib-note{grid-column:1/-1;color:#b8ac97;font-size:13px}
.sed-card{display:flex;gap:12px;padding:12px;border:1px solid rgba(213,174,106,.28);border-radius:14px;background:linear-gradient(145deg,rgba(43,35,27,.55),rgba(16,13,11,.6))}
.sed-card-cover{flex:none;width:72px;aspect-ratio:9/16;border-radius:9px;overflow:hidden;background:#1a1612;border:1px solid rgba(213,174,106,.3)}
.sed-card-cover img{display:block;width:100%;height:100%;object-fit:cover}
.sed-card-body{min-width:0;display:flex;flex-direction:column;gap:3px;font-size:12px;color:#b8ac97}
.sed-card-body b{color:#f1dfbb;font-size:13px;overflow-wrap:anywhere}
.sed-card-actions{display:flex;gap:8px;margin-top:auto;padding-top:8px;flex-wrap:wrap}
.sed-card-actions .gold-btn,.sed-card-actions .ghost-btn{width:auto;min-height:34px;padding:6px 12px;font-size:12px;margin:0}