.mp-tool .mp-panels{margin: 0 -10px}.mp-tool .form-control-group{margin-bottom: 18px}.mp-tool .mp-panel-header{display: flex;align-items: center;justify-content: space-between;gap: 10px;flex-wrap: wrap}.mp-tool .mp-dropzone{border: 2px dashed #fca5a5;border-radius: 10px;padding: 28px 16px;text-align: center;cursor: pointer;transition: all 0.15s ease;background: #fef2f2}.mp-tool .mp-dropzone:hover,.mp-tool .mp-dropzone.dragover{border-color: #dc2626;background: #fee2e2}.mp-tool .mp-dropzone i{font-size: 36px;color: #dc2626;display: block;margin-bottom: 6px}.mp-tool .mp-dropzone p{margin: 0;font-size: 14px;color: #1f2937}.mp-tool .mp-dropzone .mp-sub{font-size: 12px;color: #6b7280;margin-top: 2px}.mp-tool .mp-privacy{display: flex;align-items: flex-start;gap: 6px;margin: 8px 0 12px;font-size: 12.5px;line-height: 1.45;color: #475569}.mp-tool .mp-privacy i{color: #16a34a;margin-top: 1px}.mp-tool .mp-btn-row{display: flex;flex-wrap: wrap;gap: 8px;margin-top: 12px}.mp-tool .mp-progress,.mp-tool .mp-error{margin-top: 10px;padding: 8px 12px;border-radius: 6px;font-size: 12.5px;display: flex;align-items: center;gap: 6px}.mp-tool .mp-progress{background: #eff6ff;border: 1px solid #bfdbfe;color: #1d4ed8}.mp-tool .mp-error{background: #fef2f2;border: 1px solid #fecaca;color: #b91c1c}.mp-tool .mp-tip{font-size: 12.5px;line-height: 1.55;color: #4b5563;margin: 0 0 8px}.mp-tool .mp-tip:last-child{margin-bottom: 0}.mp-tool .mp-summary{margin-bottom: 10px;font-size: 12.5px;color: #475569}.mp-tool .mp-summary.is-success{padding: 10px 12px;border-radius: 6px;background: #ecfdf5;border: 1px solid #86efac;color: #166534;font-weight: 600}.mp-tool .mp-list{list-style: none;padding: 0;margin: 0}.mp-tool .mp-empty{text-align: center;padding: 40px 10px;color: #94a3b8}.mp-tool .mp-empty i{font-size: 40px;display: block;margin-bottom: 8px}.mp-tool .mp-empty p{margin: 0;font-size: 13px}.mp-tool .mp-item{display: flex;align-items: center;gap: 10px;background: #fff;border: 1px solid #e2e8f0;border-radius: 8px;padding: 10px 12px;margin-bottom: 8px;transition: border-color 0.15s ease,box-shadow 0.15s ease,opacity 0.15s ease}.mp-tool .mp-item.is-dragging{opacity: 0.5}.mp-tool .mp-item.is-over{border-color: #dc2626;box-shadow: 0 0 0 2px rgba(220,38,38,0.08)}.mp-tool .mp-drag-handle{flex-shrink: 0;width: 16px;color: #94a3b8;cursor: grab;font-family: 'SFMono-Regular',Menlo,Consolas,monospace;line-height: 1}.mp-tool .mp-item-icon{font-size: 22px;color: #dc2626;flex-shrink: 0}.mp-tool .mp-item-info{flex: 1;min-width: 0}.mp-tool .mp-item-name{font-size: 13px;font-weight: 600;color: #1f2937;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.mp-tool .mp-item-size{font-size: 11px;color: #6b7280}.mp-tool .mp-item-actions{display: flex;gap: 4px;flex-shrink: 0}.mp-tool .mp-item-actions button{border: none;background: transparent;cursor: pointer;font-size: 14px;color: #64748b;padding: 4px 6px;border-radius: 4px}.mp-tool .mp-item-actions button:hover{background: #f1f5f9;color: #1f2937}.mp-tool .mp-item-actions button:disabled{opacity: 0.35;cursor: not-allowed}.mp-tool .mp-item-actions .mp-del:hover{color: #dc2626}:root[data-theme="dark"] .mp-tool .mp-panel-header{background: #1f2422;color: #e5e7eb;border-bottom-color: rgba(255,255,255,0.08)}:root[data-theme="dark"] .mp-tool .mp-dropzone{background: #2a1a1a;border-color: #5b2020}:root[data-theme="dark"] .mp-tool .mp-dropzone:hover,:root[data-theme="dark"] .mp-tool .mp-dropzone.dragover{background: #3a1f1f;border-color: #dc2626}:root[data-theme="dark"] .mp-tool .mp-dropzone i{color: #f87171}:root[data-theme="dark"] .mp-tool .mp-dropzone p{color: #e5e7eb}:root[data-theme="dark"] .mp-tool .mp-dropzone .mp-sub{color: #9ca3af}:root[data-theme="dark"] .mp-tool .mp-privacy{color: #cbd5e1}:root[data-theme="dark"] .mp-tool .mp-privacy i{color: #4ade80}:root[data-theme="dark"] .mp-tool .mp-progress{background: rgba(37,99,235,0.15);border-color: rgba(96,165,250,0.35);color: #93c5fd}:root[data-theme="dark"] .mp-tool .mp-error{background: rgba(185,28,28,0.15);border-color: rgba(185,28,28,0.4);color: #fca5a5}:root[data-theme="dark"] .mp-tool .mp-tip{color: #9ca3af}:root[data-theme="dark"] .mp-tool .mp-summary{color: #cbd5e1}:root[data-theme="dark"] .mp-tool .mp-summary.is-success{background: rgba(22,101,52,0.28);border-color: rgba(74,222,128,0.45);color: #bbf7d0}:root[data-theme="dark"] .mp-tool .mp-empty{color: #64748b}:root[data-theme="dark"] .mp-tool .mp-item{background: #161a18;border-color: #2a312e}:root[data-theme="dark"] .mp-tool .mp-item.is-over{border-color: #f87171;box-shadow: 0 0 0 2px rgba(248,113,113,0.12)}:root[data-theme="dark"] .mp-tool .mp-drag-handle{color: #64748b}:root[data-theme="dark"] .mp-tool .mp-item-name{color: #e5e7eb}:root[data-theme="dark"] .mp-tool .mp-item-size{color: #6b7280}:root[data-theme="dark"] .mp-tool .mp-item-actions button{color: #94a3b8}:root[data-theme="dark"] .mp-tool .mp-item-actions button:hover{background: #2a312e;color: #e5e7eb}@media (max-width: 767px){.mp-tool .row-layout{flex-direction: column}.mp-tool .mp-item{align-items: flex-start}.mp-tool .mp-item-actions{flex-direction: column}}.mp-tool .mp-dropzone{background: var(--primary-soft);border-color: var(--primary)}.mp-tool .mp-dropzone:hover,.mp-tool .mp-dropzone.dragover{background: var(--bg-blue);border-color: var(--primary-hover)}.mp-tool .mp-dropzone i,.mp-tool .mp-item-icon{color: var(--primary)}.mp-tool .mp-progress{background: var(--primary-soft);border-color: var(--primary);color: var(--primary)}.mp-tool .mp-item.is-over{border-color: var(--primary);box-shadow: 0 0 0 2px var(--primary-ring)}:root[data-theme="dark"] .mp-tool .mp-dropzone{background: var(--primary-soft);border-color: var(--border)}:root[data-theme="dark"] .mp-tool .mp-dropzone:hover,:root[data-theme="dark"] .mp-tool .mp-dropzone.dragover{background: var(--bg-blue);border-color: var(--primary)}:root[data-theme="dark"] .mp-tool .mp-dropzone i,:root[data-theme="dark"] .mp-tool .mp-item-icon{color: var(--primary)}:root[data-theme="dark"] .mp-tool .mp-progress{background: var(--primary-soft);border-color: var(--primary);color: var(--primary)}:root[data-theme="dark"] .mp-tool .mp-item.is-over{border-color: var(--primary);box-shadow: 0 0 0 2px var(--primary-ring)}@media (max-width: 767px){.mp-tool .mp-panels{margin: 0}.mp-tool .form-control-group{margin-bottom: 14px}.mp-tool .form-control-group-body{padding: 12px}.mp-tool .mp-dropzone{padding: 22px 12px}.mp-tool .mp-btn-row .btn{flex: 1 1 100%}.mp-tool .mp-item{padding: 10px}}