.sic-wrapper{max-width:1100px;margin:18px auto;font-family:Inter,Arial,Helvetica,sans-serif}
.sic-dropzone {
    background: linear-gradient(180deg, #fafafa, #fff);
    padding: 28px;
    border-radius: 12px;
    position: relative;
}
.sic-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.sic-icon {
    font-size: 96px;
    display: inline;
    margin: -30px 0px -10px;
}
.sic-box h2 {
    display: contents;
    font-size: 24px;
    font-weight: 700;
}
.sic-sub {
    font-size: 13px;
}
.sic-format-buttons button.sic-format-btn {
    margin: 0px;
    border-radius: 99px;
    background: white;
    border: 2px solid #eee;
    height: 38px;
    font-size: 14px;
}
.sic-primary-actions {
    display: none;
}
.sic-format-buttons {
    display: flex;
    gap: 10px;
}
.sic-controls{display:flex;align-items:center;gap:12px;margin-top:12px;height: 40px;}
.sic-format{margin-left:auto}
.sic-list{margin-top:16px}
.sic-item{display:grid;grid-template-columns:10% 40% 50%;align-items:center;background:#fff;padding:12px;border-radius:10px;margin-bottom:10px;box-shadow:0 6px 18px rgba(0,0,0,0.04)}
.sic-thumb img{width:100%;height:70px;object-fit:cover;border-radius:6px}
.sic-info-col .sic-primary-name {
    font-weight: 600;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 1;
    font-size: 15px;
}.sic-info-col {
    margin-left: 15px;
}.sic-format-buttons button.sic-format-btn.active {
    color: white;
    background: #0075db;
    border: 2px solid #0075db;
    height: 38px;
    font-size: 14px;
}
.sic-info-col .sic-primary-sub{color:#666;margin-top:6px}
.sic-actions-col{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:20px;height: 50px;}
.sic-alt-format{display:flex;align-items:center;gap:12px;justify-content:flex-end;height: 100%;}
.sic-alt-percent{font-weight:800;white-space:nowrap}
.sic-alt-size {
    color: #999;
    white-space: nowrap;
    font-size: 12px;
}.sic-alt-pct {
    font-size: 15px;
    font-weight: 600;
}.sic-alt-info {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.sic-badge{padding:6px 10px;border-radius:8px;font-weight:800;display:inline-block;font-size: 15px;}
.sic-badge-png {
    background: #0075db1c;
    color: #0075db;
}
.sic-badge-webp {
    background: #28a7451f;
    color: #28a745;
}
.sic-badge-jpg {
    background: #ff8c0021;
    color: #ff8c00;
}
.sic-tick{display:none;}
@media(min-width:768px)and (max-width:1023px){.sic-actions-col {
    gap: 12px;
}.sic-item{grid-template-columns:15% 28% 57%}}
@media(max-width:767px){ .sic-item {
        display: flex;
        flex-direction: column;gap: 5px;
    }div#sic-format-panel {
    width: 100%;
}.sic-info-col {
    height: auto;
    margin-left: 0px;
}.sic-primary {
    display: none;
}.sic-actions-col {
    gap: 10px;
}.sic-alt-pct {
    font-size: 14px;margin-bottom: -5px;
}.sic-alt-size {
    font-size: 10px;
}.sic-badge {
    padding: 5px 10px;
    font-size: 14px;
}.sic-thumb {
    width: 100%;
}.sic-thumb img {
        height: 120px;
    } .sic-controls {
    height: auto;
    flex-wrap: wrap;
}#sic-format-panel {
width: 100%;}.sic-controls {
    height: auto;
}
}
.sic-toggle-label{ cursor:pointer; user-select:none; display:inline-flex; align-items:center; gap:8px; }
#sic-format-panel{ transition: opacity .18s, visibility .18s; }
.sic-toggle{margin: 0px;display:inline-block;vertical-align:middle;position:relative;width:30px;height:16px;border-radius:20px;background:#ddd;padding:3px;box-sizing:content-box;cursor:pointer}
.sic-toggle input[type="checkbox"]{position:absolute;opacity:0;pointer-events:none;width:0;height:0;margin:0}
.sic-toggle-slider{display:block;width:100%;height:100%;border-radius:20px;background:#e6e6e6;transition:background .18s ease}
.sic-toggle-slider:before{content:'';position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,0.12);transition:transform .18s ease}
.sic-toggle input[type="checkbox"]:checked + .sic-toggle-slider{background:#4caf50}
.sic-toggle input[type="checkbox"]:checked + .sic-toggle-slider:before{transform:translateX(13px)}
.sic-toggle-label{    font-size: 14px;;cursor:pointer;display:inline-block;vertical-align:middle}
.sic-format{display:none;margin-left:auto;transition:all .18s ease}