.image-converter-page{max-width:1150px}.img-conv-shell{background:#14202d;border:1px solid #314558;border-radius:16px;padding:22px}.ic-drop{border:2px dashed #477466;background:#101f29;min-height:305px;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;gap:10px;cursor:pointer}.ic-drop:hover,.ic-drop.dragover{background:#17372f;border-color:#6de8b6}.ic-symbol{width:60px;height:60px;display:grid;place-items:center;border-radius:16px;background:#22483c;color:#75e9b4;font-size:35px}.ic-drop h2{font-size:1.35rem;color:#f4f8fc;margin:0}.ic-drop p{color:#9fb4c5;margin:0 0 8px}.ic-controls{margin-top:22px}.ic-preview{display:flex;gap:18px;align-items:center;overflow-wrap:anywhere;color:#e7f3f9}.ic-preview img{width:112px;height:96px;object-fit:contain;background:#0b151f;border:1px solid #354b5d;border-radius:10px}.img-conv-shell .form-select{background-color:#0d1a26;color:#f3f9ff;border:1px solid #42576a}.img-conv-shell .form-label{color:#d7e8f2}.ic-controls[hidden]{display:none!important}@media(max-width:600px){.img-conv-shell{padding:14px}.ic-drop{min-height:245px}}
.ic-file-grid.ts-tool-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px;margin:16px 0;}
.ic-file-grid .ic-file-card{position:relative;min-width:0;background:#172330;border:1px solid #354656;border-radius:12px;padding:10px;display:flex;gap:10px;align-items:center;}
.ic-file-grid .ic-file-card img{width:68px;height:68px;object-fit:cover;border-radius:8px;background:#0c151d;flex-shrink:0;}
.ic-file-grid .ic-file-card strong{font-size:.82rem;color:#f1f7fa;overflow-wrap:anywhere;display:block;padding-right:25px;}
.ic-file-grid .ic-file-card small{color:#a7bac8;}
.ic-file-grid .ic-remove{position:absolute;right:7px;top:7px;color:#dbe6f0;background:#253545;border:1px solid #455768;border-radius:7px;width:27px;height:27px;display:grid;place-items:center;cursor:pointer;}
.ic-file-grid .ic-remove:hover{color:#fff;background:#633438;}
@media(max-width:900px){.ic-file-grid.ts-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:550px){.ic-file-grid.ts-tool-grid{grid-template-columns:1fr!important}}