*,:before,:after{box-sizing:border-box}.mp-container{text-align:center;width:100%;max-width:1200px;color:var(--text);flex-direction:column;align-items:center;margin:0 auto;padding:max(16px,min(4vw,48px)) max(14px,min(4vw,24px));animation:.25s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1}}.mp-title{margin-bottom:8px;font-size:max(22px,min(4vw,36px));font-weight:800;line-height:1.2}.mp-subtitle{color:var(--muted);max-width:560px;margin-bottom:max(18px,min(3vw,28px));font-size:max(14px,min(2vw,16px))}.dp-tool-card{background:var(--card);width:100%;max-width:560px;box-shadow:var(--shadow-lg);border-radius:18px;flex-direction:column;align-items:center;gap:18px;padding:max(20px,min(4vw,32px));display:flex;overflow:hidden}.mp-thumb-loading{color:var(--muted);font-size:max(13px,min(2vw,15px))}.mp-merge-btn{background:linear-gradient(90deg,var(--accent),#6366f1);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;max-width:420px;margin-top:10px;padding:max(12px,min(2.5vw,16px));font-size:max(14px,min(2vw,16px));font-weight:700;transition:all .25s}.mp-merge-btn:hover:not(:disabled){transform:translateY(-2px)}.mp-merge-btn:disabled{opacity:.45;background:var(--surface-2);cursor:not-allowed}.mp-reset-btn{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;width:100%;max-width:420px;margin-top:8px;padding:max(10px,min(2vw,14px));font-size:max(14px,min(2vw,15px));font-weight:700;transition:all .25s}.mp-reset-btn:hover{background:var(--card);border-color:var(--accent)}@media (max-width:480px){.dp-tool-card{border-radius:14px}}@media (min-width:768px){.dp-tool-card{max-width:600px}}@media (min-width:1400px){.mp-container{max-width:1300px}}.mp-order-hint{color:var(--muted);text-align:center;opacity:.9;margin-top:-6px;margin-bottom:6px;font-size:max(12px,min(2vw,14px))}.mp-order-hint span{color:var(--text);font-weight:600}.mp-upload-section{box-sizing:border-box;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:100%;padding:12px;display:flex}.mp-upload-box{border:2px dashed var(--border);background:var(--surface);text-align:center;cursor:pointer;width:100%;max-width:520px;box-shadow:var(--shadow-sm);word-break:break-word;border-radius:16px;justify-content:center;align-items:center;padding:max(20px,min(3vw,28px)) max(16px,min(3vw,20px));transition:all .25s;display:flex}.mp-upload-box:hover{background:var(--surface-2);border-color:var(--accent);transform:translateY(-2px)}.mp-upload-box input{display:none}.mp-drop-active{background:var(--accent-soft);border-color:var(--accent)}.mp-upload-text{flex-direction:column;gap:4px;display:flex}.mp-upload-text strong{font-size:15px;font-weight:600}.mp-upload-text span{color:var(--muted);font-size:12px}.mp-upload-sources{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%;max-width:420px;display:flex}.mp-source-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;transition:all .2s;display:flex}.mp-source-btn:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.mp-source-btn:active{transform:scale(.95)}.mp-source-btn img{object-fit:contain;pointer-events:none;width:20px;height:20px}@media (max-width:768px){.mp-upload-box{padding:24px 16px}.mp-upload-text strong{font-size:14px}.mp-upload-text span{font-size:12px}}@media (max-width:480px){.mp-upload-section{padding:10px}.mp-upload-box{padding:22px 14px}.mp-upload-text strong{font-size:14px}.mp-upload-text span{font-size:11px}.mp-source-btn{width:40px;height:40px}.mp-source-btn img{width:18px;height:18px}}@media (max-width:360px){.mp-upload-box{padding:20px 12px}.mp-source-btn{width:36px;height:36px}.mp-source-btn img{width:16px;height:16px}}.mp-file-item{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-direction:column;flex:none;align-items:center;gap:6px;width:max(85px,min(22vw,120px));min-width:max(85px,min(22vw,120px));padding:max(8px,min(1.5vw,10px));transition:transform .15s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.mp-file-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.mp-thumb{justify-content:center;align-items:center;width:100%;max-width:80px;height:max(70px,min(16vw,100px));display:flex}.mp-thumb img{object-fit:contain;width:100%;height:100%}.mp-file-meta{text-align:center;flex-direction:column;align-items:center;gap:2px;width:100%;display:flex}.mp-file-name{text-overflow:ellipsis;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;width:100%;font-size:max(10px,min(2.2vw,12px));font-weight:600;display:-webkit-box;overflow:hidden}.mp-file-size{color:var(--muted);font-size:max(9px,min(2vw,11px))}.mp-remove-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;transition:transform .15s;display:flex;position:absolute;top:4px;right:4px}.mp-remove-btn:hover{transform:scale(1.1)}.mp-reorder{gap:6px;margin-top:4px;display:flex}.mp-arrow-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;transition:all .15s;display:flex}.mp-arrow-btn:hover:not(:disabled){background:var(--accent);color:#fff}.mp-arrow-btn:disabled{opacity:.35;cursor:not-allowed}@media (max-width:360px){.mp-file-item{width:80px;min-width:80px}}.mp-slider-wrap{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior-x:contain;width:100%;margin-top:18px;overflow-x:auto;overflow-y:hidden}.mp-file-list{scrollbar-width:none;align-items:stretch;gap:max(10px,min(2vw,16px));width:-moz-fit-content;width:fit-content;min-width:100%;margin:0;padding:8px 4px 14px;list-style:none;display:flex}.mp-file-list::-webkit-scrollbar{display:none}@media (max-width:1024px){.mp-file-list{gap:14px}}@media (max-width:640px){.mp-slider-wrap{margin-top:16px}.mp-file-list{gap:12px}}@media (max-width:360px){.mp-file-list{gap:10px}}