.iccp-wrapper{
  max-width:820px;
  margin:24px auto;
  font-family:Arial,sans-serif;
}
.iccp-form{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.iccp-dropzone{
  border:2px dashed #c3c4c7;
  border-radius:14px;
  padding:30px 20px;
  text-align:center;
  background:#fafafa;
  transition:.2s ease;
}
.iccp-dropzone:hover,
.iccp-dropzone.is-dragover{
  border-color:#2271b1;
  background:#f6fbff;
}
.iccp-dropzone-title{
  font-size:18px;
  font-weight:700;
  margin-bottom:8px;
}
.iccp-dropzone-subtitle{
  color:#646970;
  margin-bottom:14px;
}
.iccp-files-input{
  position:absolute;
  left:-9999px;
  opacity:0;
  width:1px;
  height:1px;
  overflow:hidden;
}
.iccp-select-btn,
.iccp-submit-btn{
  display:inline-block;
  border:0;
  background:#2271b1;
  color:#fff;
  padding:12px 18px;
  border-radius:10px;
  font-weight:700;
  cursor:pointer;
  text-decoration:none;
}
.iccp-output-choice{
  display:flex;
  align-items:center;
  gap:10px;
}
.iccp-output-choice select{
  padding:10px 12px;
  border:1px solid #c3c4c7;
  border-radius:8px;
}
.iccp-file-list,
.iccp-results-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.iccp-file-row,
.iccp-result{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border:1px solid #dcdcde;
  border-radius:10px;
  background:#fff;
  flex-wrap:wrap;
}
.iccp-file-meta{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.iccp-empty{
  color:#646970;
  padding:8px 0;
}
.iccp-result.is-success{
  border-color:#91c483;
  background:#f6fff4;
}
.iccp-result.is-error{
  border-color:#e19a9a;
  background:#fff7f7;
}
.iccp-results-wrap{
  margin-top:18px;
}
.iccp-result a{
  word-break:break-all;
}