/* ===== 图片工具 - 子菜单 ===== */
.sidebar-sub { padding-left:28px; }
.sidebar-sub .sidebar-item { font-size:13px; padding:8px 20px; }

/* ===== 图床工具样式 ===== */
.imghost-page { max-width:900px; }

.imghost-tip {
  display:flex; align-items:center; gap:10px;
  padding:14px 18px; margin-bottom:12px;
  background:rgba(46,204,113,.08); border:1px solid rgba(46,204,113,.25);
  border-radius:var(--radius); font-size:13px; color:var(--text);
}

.imghost-warning {
  display:flex; align-items:center; gap:10px;
  padding:14px 18px; margin-bottom:20px;
  background:rgba(255,140,0,.08); border:1px solid rgba(255,140,0,.25);
  border-radius:var(--radius); font-size:13px; color:var(--text);
}

.imghost-upload-zone {
  border:2px dashed var(--border); border-radius:var(--radius);
  padding:40px 24px; text-align:center; cursor:pointer;
  transition:all .25s; background:var(--bg2); margin-bottom:20px;
}
.imghost-upload-zone:hover, .imghost-upload-zone.dragover {
  border-color:var(--accent2); background:rgba(255,140,0,.04);
  box-shadow:0 0 24px rgba(255,140,0,.08);
}
.imghost-upload-icon {
  width:56px; height:56px; margin:0 auto 14px;
  border-radius:14px; background:rgba(255,140,0,.1);
  display:flex; align-items:center; justify-content:center;
}
.imghost-upload-icon svg { stroke:var(--accent2); }
.imghost-upload-zone h3 { font-size:15px; font-weight:500; margin-bottom:6px; }
.imghost-hint { font-size:12px; color:var(--text-secondary); }

/* Queue */
.imghost-queue { margin-bottom:20px; }
.imghost-queue-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.imghost-queue-header h3 { font-size:14px; color:var(--text-secondary); }
.imghost-queue-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(120px,1fr)); gap:10px; }
.imghost-queue-item {
  position:relative; border-radius:8px; overflow:hidden;
  background:var(--bg3); border:1px solid var(--border); aspect-ratio:1;
}
.imghost-queue-item img { width:100%; height:100%; object-fit:cover; }
.imghost-remove-btn {
  position:absolute; top:4px; right:4px; width:22px; height:22px;
  border-radius:50%; background:rgba(0,0,0,.7); border:none;
  color:#fff; font-size:14px; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  opacity:0; transition:opacity .2s;
}
.imghost-queue-item:hover .imghost-remove-btn { opacity:1; }
.imghost-file-name {
  position:absolute; bottom:0; left:0; right:0;
  padding:3px 6px; background:rgba(0,0,0,.7);
  font-size:10px; color:#ccc; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

/* Progress */
.imghost-progress { margin-bottom:20px; }
.imghost-progress-bar-bg { background:var(--bg3); border-radius:100px; height:5px; overflow:hidden; margin-bottom:6px; }
.imghost-progress-bar { height:100%; background:var(--accent-gradient); border-radius:100px; width:0; transition:width .3s; }
.imghost-progress-text { font-size:12px; color:var(--text-secondary); }

/* History */
.imghost-history-section { margin-top:8px; }
.imghost-history-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.imghost-history-header h3 { font-size:14px; color:var(--text-secondary); }
.imghost-history-item {
  display:flex; align-items:center; gap:12px;
  background:var(--bg2); border:1px solid var(--border); border-radius:var(--radius);
  padding:12px 14px; margin-bottom:8px; transition:border-color .15s;
}
.imghost-history-item:hover { border-color:var(--accent2); }
.imghost-thumb { width:48px; height:48px; border-radius:6px; object-fit:cover; flex-shrink:0; background:var(--bg3); }
.imghost-item-info { flex:0 0 auto; min-width:120px; }
.imghost-item-name { font-size:13px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:140px; }
.imghost-item-meta { font-size:11px; color:var(--text-secondary); margin-top:2px; }
.imghost-item-url { flex:1; min-width:0; }
.imghost-item-url input {
  width:100%; padding:6px 10px; background:var(--bg); border:1px solid var(--border);
  border-radius:6px; color:var(--text-secondary); font-size:12px; font-family:monospace;
  outline:none; cursor:text;
}
.imghost-item-url input:focus { border-color:var(--accent2); color:var(--text); }
.imghost-item-actions { display:flex; gap:6px; flex-shrink:0; }