/* ================= Story Card 中心 ================= */
/* 跟 Theme Center / Prompt Center 共用同一套外壳（style.css 的 .settings-* /
   .app-shell，theme-center.css 的 .tc-* 导航过渡与分段控件，my-themes.css 的
   .mt-* 列表/弹层/表单组件）。这里的 .sc-* 规则是照着 Prompt Center 自己那份
   prompt-center.css 里的写法独立抄一份（不是链接过去共用同一个文件），
   两个"中心"各自的页面样式互不依赖，以后任何一个改版式都不会牵连另一个。 */

.sc-tags{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    padding-top:2px;
}

.sc-tag{
    font-size:11.5px;
    color:var(--text-2);
    background:var(--bg-2);
    padding:3px 10px;
    border-radius:var(--radius-pill);
}

.sc-toolbar{
    flex-wrap:wrap;
    row-gap:8px;
}

.sc-fav-toggle{
    background:var(--bg-0);
    box-shadow:var(--shadow-soft);
}

.sc-new-row{
    color:var(--accent);
    font-weight:600;
}

/* ---------- 正文内容（详情页只读 / 表单页可编辑）---------- */

.sc-body-card{
    padding:16px;
    display:flex;
    flex-direction:column;
    gap:10px;
    flex-shrink:0; /* .settings-group 的 overflow:hidden + flex column 压缩坑，
                       跟 official-themes.css / my-themes.css / prompt-center.css 是同一个问题 */
}

.sc-body-view{
    white-space:pre-wrap;
    word-break:break-word;
    font-family:inherit;
    font-size:14px;
    line-height:1.8;
    color:var(--text-1);
    max-height:50vh;
    overflow:auto;
}

.sc-editor{
    width:100%;
    min-height:220px;
    resize:vertical;
    border:none;
    outline:none;
    background:var(--bg-2);
    border-radius:var(--radius-md);
    padding:14px;
    font-family:inherit;
    font-size:14px;
    line-height:1.8;
    color:var(--text-1);
}

/* ---------- 新建 / 编辑表单 ---------- */

.sc-form-group{
    padding:16px;
    display:flex;
    flex-direction:column;
    gap:14px;
    flex-shrink:0;
}

.sc-field textarea.mt-field-input{
    min-height:56px;
    line-height:1.6;
}

.sc-field-row{
    display:flex;
    gap:12px;
}

.sc-field-row .sc-field{
    flex:1;
}

/* ---------- 导入结果提示 ---------- */

.sc-import-result{
    min-height:18px;
}

/* ---------- 导出：勾选列表 + 工具栏 ---------- */

.sc-export-toolbar{
    display:flex;
    gap:10px;
}

.sc-export-list{
    flex-shrink:0;
}

.sc-export-row{
    cursor:pointer;
}

.sc-checkbox{
    width:20px;
    height:20px;
    flex-shrink:0;
    accent-color:var(--accent);
}

/* ---------- 重名冲突弹窗：按钮竖排 ---------- */

.sc-conflict-actions{
    flex-direction:column;
}