#svp-capture-btn{
    position: absolute;
    top: 10px;
    z-index: 9999;
    padding: 8px;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    cursor: pointer;
    font-size: 14px;
    background: rgb(248, 189, 54);
    box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px;
    left: 10px;
}
#svp-capture-btn:hover { background: rgb(248 189 54 / 13%); }



.svp-upload__input {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

.svp-upload__label{
  display:flex;
  align-items:center;
  gap:14px;
  border:2px dashed #cfd6df;
  border-radius:12px;
  padding:14px 16px;
  background:#fff;
  cursor:pointer;
  transition: border-color .15s, box-shadow .15s, background .15s;
}

.svp-upload__label:hover{
  border-color:#9bb6ff;
  box-shadow:0 2px 14px rgba(30,60,120,.08);
  background:#fbfcff;
}

.svp-upload__icon{
  font-size:22px;
  line-height:1;
}

.svp-upload__text{ display:flex; flex-direction:column; gap:2px; }
.svp-upload__sub{ font-size:12px; color:#6c7a89; }

.svp-upload__btn{
  margin-inline-start:auto;
  background:#1f6fff;
  color:#fff;
  padding:8px 12px;
  border-radius:10px;
  font-size:13px;
  white-space:nowrap;
}

.svp-upload__meta{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:10px;
  padding:10px 12px;
  border:1px solid #e6ebf2;
  border-radius:12px;
  background:#fff;
}

.svp-upload__preview{
  width:44px; height:44px;
  object-fit:cover;
  border-radius:10px;
  border:1px solid #eef2f7;
  background:#f6f8fb;
}

.svp-upload__filename{
  font-size:13px;
  color:#27313c;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width: 320px;
}

.svp-upload__clear{
  margin-inline-start:auto;
  border:1px solid #d7dde6;
  background:#fff;
  border-radius:10px;
  padding:7px 10px;
  cursor:pointer;
}
.svp-upload__clear:hover{ background:#f6f8fb; }
div.svp-upload {
    max-width: min-content;
    box-shadow: 0px 0px 9px 0px grey;
    padding: 8px;
    border-radius: 8px;
	display: flex;
  	flex-wrap: wrap;
  	align-items: center;
  	gap: 8px;
}
label.svp-upload__label {
    display: flex;
}
.svp-upload__input {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.svp-upload-cell { vertical-align: top; }


.svp-upload__btn {
  margin: 0;
}

.svp-upload__filename {
  max-width: 220px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
}

.svp-upload__preview-wrap {
  width: 52px;
  height: 52px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fff;
  padding: 2px;
}

.svp-upload__preview {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
  display: block;
}