.convert-card::before,.convert-del-btn{opacity:0;transition:opacity .12s ease-in-out}.modal-split-bg{display:none;position:fixed;inset:0;z-index:9999;background:rgba(38,40,46,.77);align-items:center;justify-content:center}.modal-split,.modal-split-bg.active{display:flex}.modal-split{background:#fff;border-radius:18px;padding:8px 2vw 18px;width:60vw;max-width:60vw;height:90vh;max-height:85vh;box-shadow:0 4px 36px #0004;position:relative;flex-direction:column;align-items:center;animation:.2s popin}.modal-split-title{font-size:1.13rem;font-weight:700;margin:6px 0 10px;color:#232323}.modal-split-close{position:absolute;right:10px;top:10px;background:0 0;border:0;font-size:1.3em;cursor:pointer;color:#222}.modal-split-inner{width:100%;max-width:54vw;flex:1 1 auto;overflow:auto;padding:6px 0 2px}.convert-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.convert-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;border:1px solid #e6e6e6;border-radius:12px;background:#f6f7fb;position:relative}.convert-del-btn,.thumb-wrap{background:#fff;align-items:center}.convert-card::before{content:"";position:absolute;inset:0;border:1px solid #3d3d3d;border-radius:12px;pointer-events:none;box-sizing:border-box}.convert-card:hover::before{opacity:.9}.thumb-wrap{width:100%;aspect-ratio:1/1.3;border-radius:8px;overflow:hidden;border:1px solid #eef0f4;display:flex;justify-content:center;position:relative}.thumb{max-width:100%;max-height:100%;display:block;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:optimizeSpeed}.convert-del-btn{position:absolute;top:0;right:0;width:28px;height:28px;border-radius:50%;border:0;color:#333;display:flex;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.18);font-size:25px;line-height:1;cursor:pointer;visibility:hidden}.meta,.modal-convert-btn{align-items:center;gap:6px}.convert-card:hover .convert-del-btn{opacity:1;visibility:visible}.convert-del-btn:focus-visible{outline:#4994fa solid 2px;outline-offset:1px}@media (hover:none),(pointer:coarse){.convert-del-btn{opacity:1;visibility:visible}}.filename{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}.meta{font-size:.9rem;color:#666;width:100%;display:flex;justify-content:center}.card-convert-download{margin-top:7px;background:#4994fa;color:#fff;font-weight:700;border-radius:9px;border:none;padding:7px 0;width:100%;font-size:1.03em;cursor:pointer;transition:background .16s}.modal-convert-btn,.reset-btn{color:#fff;font-weight:700;font-size:1.09rem;cursor:pointer;display:flex}.card-convert-download:hover{background:#3178e5}.modal-convert-btn{border-radius:9px;border:none;padding:10px 24px;background:#4994fa;min-width:120px;transition:background .14s}.modal-convert-btn:hover{background:#326be3}.reset-btn{background:#adb5bd;border-radius:12px;padding:9px 16px;border:none;align-items:center;gap:5px}.reset-btn:hover{background:#888f98}.modal-split-loading{display:none;flex-direction:column;align-items:center;justify-content:center;min-height:160px;width:100%;margin:8px 0 10px}.spinner{border:6px solid #d1e5ff;border-top:6px solid #4994fa;border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin;margin-bottom:15px}.loading-text{font-size:1.08em;color:#353535;margin-top:4px;letter-spacing:.5px}.split-status{font-size:.95rem;color:#666;margin-top:8px;text-align:center;min-height:1.2em}.thumb.placeholder{background:#f2f3f7;position:relative}.thumb.placeholder::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f2f3f7 0,#eceff4 45%,#f2f3f7 90%);animation:1.1s infinite shimmer;opacity:.95}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.modal-split-btns{display:flex;gap:12px;margin-top:12px;justify-content:center;flex-wrap:wrap}#tool-area{transition:background .16s,outline-color .16s}#tool-area.dragover{outline:#4a90e2 dashed 2px;background:#f5f6fb;border-radius:12px}@media (max-width:900px){.modal-split{height:70vh;max-height:70vh;width:99vw;max-width:99vw;padding:5px 1vw 12px}.modal-split-inner{max-width:96vw}}@keyframes popin{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes spin{100%{transform:rotate(360deg)}}