/* 图片转 ICO：拖放区 + 预览 + 尺寸勾选 + 下载 */
.ico-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;
  padding:2.25rem 1rem;border:2px dashed #dbe1ea;border-radius:.75rem;background:#fafbfd;cursor:pointer;text-align:center;transition:border-color .15s,background .15s}
.ico-drop:hover{border-color:var(--site-primary)}
.ico-drop.is-over{border-color:var(--site-primary);background:var(--site-tint)}
.ico-drop i{font-size:2rem;color:var(--site-primary)}
.ico-drop-main{font-size:15px;font-weight:600;color:#2b3441}

.ico-work{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(15rem,1fr);gap:1.25rem;align-items:start}
.ico-left{min-width:0}
.ico-orig{display:flex;align-items:center;justify-content:center;padding:.875rem;border:1px solid #eef1f5;border-radius:.625rem;background:#fff}
.ico-orig img{max-width:100%;max-height:14rem;display:block}
.ico-meta{margin-top:.625rem;font-size:12.5px;color:#5b6675;line-height:1.7}
.ico-meta b{color:#2b3441}

.ico-sizes{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem;padding:.75rem;border:1px solid #eef1f5;border-radius:.625rem;background:#fafbfd}
.ico-size{display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:11.5px;color:#8a94a3}
.ico-size .ico-size-box{display:flex;align-items:center;justify-content:center;min-width:2.5rem;min-height:2.5rem;padding:.25rem;border-radius:.375rem;background:#fff;border:1px solid #eef1f5}
.ico-size img{display:block;image-rendering:pixelated}

.ico-side{display:flex;flex-direction:column;gap:1rem}
.ico-block{display:flex;flex-direction:column;gap:.5rem;padding:.875rem;border:1px solid #eef1f5;border-radius:.625rem;background:#fff}
.ico-checks{display:flex;flex-wrap:wrap;gap:.375rem .875rem}
.ico-checks .form-check{margin:0}
.ico-quick{display:flex;gap:.375rem}
.ico-actions{display:flex;flex-wrap:wrap;gap:.5rem}

@media (max-width:991.98px){
  .ico-work{grid-template-columns:1fr}
}