/* ===== 统一简洁 UI ===== */
/* 统一表面：纯色、细边框、轻阴影 */
.sidebar,.result-panel,.composer,.empty .empty-icon{
  background:#fff;
  border-color:var(--border);
}
.result-panel{background:#f7f8f8}
.sidebar-compose-slot .composer{box-shadow:0 6px 20px rgba(33,39,43,.06)}

/* 统一基础按钮 */
.head-btn,.bar-btn,.key-actions .mini,.modal-head .close{
  transition:background-color .14s,border-color .14s,color .14s,opacity .14s;
}
.head-btn:hover,.bar-btn:hover,.key-actions .mini:hover,.modal-head .close:hover{
  background:#f1f3f4;
  color:var(--text);
  box-shadow:none;
}
.bar-btn.active{
  background:#eceff1;
  color:var(--text);
  box-shadow:none;
}

/* 上传与模型均采用同尺寸图标按钮 */
.ref-upload-btn,.model-icon-btn,.clear-prompt-btn{
  width:31px;height:30px;padding:0;justify-content:center;
  background:transparent;box-shadow:none;color:var(--text-mid);
}
.ref-upload-btn svg{width:16px;height:16px;stroke-width:1.8}
.ref-upload-btn:hover,.model-icon-btn:hover,.clear-prompt-btn:hover{background:#f1f3f4;box-shadow:none}

.more-pop{scrollbar-width:thin;scrollbar-color:#d4d8db transparent}

/* 允许右侧参数窗口向左覆盖画布 */
.sidebar{overflow:visible;z-index:60}
.sidebar-head,.sidebar-body,.sidebar-compose-slot{position:relative}
.sidebar-head{z-index:2}
.sidebar-body{z-index:1}
.sidebar-compose-slot{z-index:70;overflow:visible}
.sidebar-compose-slot .bottom-area,.sidebar-compose-slot .composer,.composer-bar,.bar-btn-wrap{overflow:visible}
.sidebar .pop{z-index:120}
.model-settings-pop,.ratio-pop-grid,.more-pop{isolation:isolate}
.main{position:relative;z-index:1}

/* 生成状态历史卡片 */
.generation-history-card{
  min-height:104px;margin-bottom:10px;padding:9px;border:1px solid #d9dee1;border-radius:13px;
  background:#fff;display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;
}
.generation-history-card[hidden]{display:none!important}
.generation-thumb{width:92px;height:86px;border-radius:9px;background:linear-gradient(135deg,#eef1f3,#e1e6e9);display:grid;place-items:center;overflow:hidden}
.generation-spinner{width:23px;height:23px;border:2px solid rgba(79,134,255,.18);border-top-color:#4f86ff;border-radius:50%;animation:generationSpin .8s linear infinite}
@keyframes generationSpin{to{transform:rotate(360deg)}}
.generation-card-content{min-width:0;display:flex;flex-direction:column;gap:7px;padding:1px 0}
.generation-card-head{display:flex;align-items:center;gap:6px;min-width:0}
.generation-card-head .dot{width:7px;height:7px;border-radius:50%;background:#4f86ff;box-shadow:0 0 0 3px rgba(79,134,255,.12);flex-shrink:0}
.generation-model{max-width:105px;padding:3px 6px;border-radius:5px;background:#292f33;color:#fff;font-size:7.5px;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.status-elapsed{margin-left:auto;color:#92999e;font-size:8px;font-variant-numeric:tabular-nums}
.generation-prompt{font-size:10.5px;line-height:1.35;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.generation-progress-row{margin-top:auto;display:flex;align-items:center;gap:8px;color:#727b81;font-size:8.5px}
.generation-progress-row .status-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.generation-progress-row .status-percent{margin-left:auto;font-variant-numeric:tabular-nums}
.sidebar-progress-track{width:100%;height:3px;border-radius:999px;background:#e3e7e9;overflow:hidden}
.sidebar-progress-bar{width:0;height:100%;border-radius:inherit;background:#4f86ff;transition:width .45s ease}

/* Midjourney 高级参数 */
.mj-model-settings{padding-top:2px}
.mj-model-settings .more-section{margin-bottom:12px}
.mj-model-settings .more-section:last-child{margin-bottom:2px}
#moreBtnWrap,#moreBtn,#morePop{display:none!important}