#oioc-app{max-width:980px;margin:20px auto;padding:20px;border:1px solid #ccc;border-radius:10px;background:#fff}
.oioc-dropzone{padding:24px;border:2px dashed #aaa;text-align:center;margin-bottom:16px;cursor:pointer;border-radius:10px;background:#fafafa}
.oioc-dropzone.dragover{border-color:#0073aa;background:#f0f8ff}
.oioc-settings label{display:block;margin:10px 0}
.oioc-resize legend{font-weight:bold}
#oioc-preview{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}
.oioc-thumb{width:140px;text-align:center;font-size:12px}
.oioc-thumb img{max-width:100%;height:auto;border:1px solid #ddd;border-radius:6px}
#oioc-results{margin-top:16px;padding-top:10px;border-top:1px solid #eee}
.oioc-result-item{display:flex;align-items:center;gap:8px;margin:8px 0}
.oioc-thumb-mini{width:64px;height:auto;border:1px solid #ddd;border-radius:6px}
.oioc-actions{display:flex;gap:8px;margin:10px 0}
.oioc-max-size{font-size:12px;color:#777;margin-top:6px}
.oioc-sizes s{color:#999}

.oioc-actions-bottom{display:flex;gap:8px;margin-top:12px}
.oioc-actions-top{margin:10px 0}
.oioc-actions-bottom .oioc-zip-all[disabled]{opacity:0.5;cursor:not-allowed}