/* ====== IMAGE → MUSIC page ====== */
/* 复用创作页的 .create-split / .cs-left / .cs-right / .md-* 结构与样式，
   这里只补图片上传区特有的几条：拖拽高亮、选中缩略图、提示词框高度。 */
.page[data-page="image"] .img-drop{cursor:pointer}
.page[data-page="image"] .img-drop.drag{border-style:solid;border-color:var(--accent);background:rgba(0,112,243,.06)}
.page[data-page="image"] .img-drop.has-file{border-style:solid;border-color:var(--accent);background:rgba(0,112,243,.05)}
.page[data-page="image"] .img-drop.has-file .ic{color:var(--accent)}

/* 选中图片后在上传区里铺一张小缩略图（替换占位图标） */
.img-prev{width:46px;height:46px;flex:none;border-radius:var(--r-sm);object-fit:cover;display:block}

/* 提示词框：比创作页主输入更矮，克制 */
.page[data-page="image"] .img-prompt{width:100%;min-height:92px;border:1px solid var(--line-strong);background:var(--s1);border-radius:var(--r);font:inherit;font-size:15px;line-height:1.6;color:var(--ink);padding:13px 15px;outline:none;resize:vertical;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}
.page[data-page="image"] .img-prompt:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,112,243,.2)}
.page[data-page="image"] .img-prompt::placeholder{color:var(--ink-mute)}